Add new devsite-highlighter language attribute to pre blocks for samples

Fixes: 279184829
Test: minor changes obvious in some integration tests; Kotlin, Java, and XML.
Change-Id: I28380d426ae536effbfffcd3ccc9b377031d98a8
diff --git a/src/main/java/com/google/devsite/components/impl/DefaultDescriptionComponent.kt b/src/main/java/com/google/devsite/components/impl/DefaultDescriptionComponent.kt
index e9b802d..d0b4de4 100644
--- a/src/main/java/com/google/devsite/components/impl/DefaultDescriptionComponent.kt
+++ b/src/main/java/com/google/devsite/components/impl/DefaultDescriptionComponent.kt
@@ -299,7 +299,12 @@
                 is Ul -> ul { renderUnorderedList(tag.children, state) }
                 HorizontalRule -> hr { renderTags(tag.children, state) }
                 is CodeInline -> code { renderTags(tag.children, state) }
-                is Pre, is CodeBlock -> pre("prettyprint") { renderTags(tag.children, state) }
+                // Turn CodeBlock into pre. TODO: guess codeblock-literal's language b/279184834
+                is Pre, is CodeBlock -> {
+                    pre((tag.params["class"] ?: "").addIfNotContained("prettyprint")) {
+                        renderTags(tag.children, state)
+                    }
+                }
                 is DocumentationLink -> code {
                     val url = data.pathProvider!!.forReference(tag.dri).url
                     // TODO: improve enforcement/warning for broken links in description b/192556649
@@ -481,3 +486,5 @@
         if (data.deprecation != null) data.deprecation + " " else "" +
             data.components.joinToString { it.toString() }
 }
+
+private fun String.addIfNotContained(addend: String) = if (addend in this) this else this + addend
diff --git a/src/main/java/com/google/devsite/renderer/converters/DocTagConverter.kt b/src/main/java/com/google/devsite/renderer/converters/DocTagConverter.kt
index 091aca0..4ad8c3b 100644
--- a/src/main/java/com/google/devsite/renderer/converters/DocTagConverter.kt
+++ b/src/main/java/com/google/devsite/renderer/converters/DocTagConverter.kt
@@ -77,7 +77,6 @@
 import org.jetbrains.dokka.model.WithGenerics
 import org.jetbrains.dokka.model.WithSources
 import org.jetbrains.dokka.model.doc.Author
-import org.jetbrains.dokka.model.doc.CodeBlock
 import org.jetbrains.dokka.model.doc.Constructor
 import org.jetbrains.dokka.model.doc.CustomTagWrapper
 import org.jetbrains.dokka.model.doc.Deprecated
@@ -87,6 +86,7 @@
 import org.jetbrains.dokka.model.doc.NamedTagWrapper
 import org.jetbrains.dokka.model.doc.P
 import org.jetbrains.dokka.model.doc.Param
+import org.jetbrains.dokka.model.doc.Pre
 import org.jetbrains.dokka.model.doc.Property
 import org.jetbrains.dokka.model.doc.Receiver
 import org.jetbrains.dokka.model.doc.Return
@@ -555,7 +555,12 @@
                     val imports = processImports(psiElement)
                     val body = processBody(psiElement)
 
-                    components.add(CodeBlock(listOf(Text(imports + body))))
+                    components.add(
+                        Pre(
+                            params = mapOf("class" to "prettyprint lang-kotlin"),
+                            children = listOf(Text(imports + body))
+                        )
+                    )
                     components.addAll(it.children)
                 }
                 is Description, is NamedTagWrapper -> {
@@ -609,27 +614,28 @@
         components: MutableList<DocTag>,
         samples: Set<File>
     ) {
-        if ("@sample" !in root.text() || root.explicitlyBanLookingForSamples()) components.add(root)
-        else {
-            when (root) {
-                is Text -> {
-                    val parts = root.body.split("{", "}")
-                    for (part in parts) {
-                        if ("@sample" !in part) {
-                            if (part.isNotBlank()) components.add(Text(part.trim()))
-                        } else components.add(
-                            convertTextToJavaSample(Text(part.trim()), samples, docsHolder.logger)
-                        )
-                    }
+        if ("@sample" !in root.text() || root.explicitlyBanLookingForSamples()) {
+            components.add(root)
+            return
+        }
+        when (root) {
+            is Text -> {
+                val parts = root.body.split("{", "}")
+                for (part in parts) {
+                    if ("@sample" !in part) {
+                        if (part.isNotBlank()) components.add(Text(part.trim()))
+                    } else components.add(
+                        convertTextToJavadocSample(Text(part.trim()), samples, docsHolder.logger)
+                    )
                 }
-                is P -> {
-                    for (child in root.children) {
-                        recursivelyConsiderPsAndTextsForJavaSamples(child, components, samples)
-                    }
-                }
-                // Having non-text components on the same line as a samples is not supported
-                else -> throw RuntimeException("considered invalid type ${root::class} for sample")
             }
+            is P -> {
+                for (child in root.children) {
+                    recursivelyConsiderPsAndTextsForJavaSamples(child, components, samples)
+                }
+            }
+            // Having non-text components on the same line as a samples is not supported
+            else -> throw RuntimeException("considered invalid type ${root::class} for sample")
         }
     }
 
diff --git a/src/main/java/com/google/devsite/renderer/converters/Samples.kt b/src/main/java/com/google/devsite/renderer/converters/Samples.kt
index 7747c26..f91279d 100644
--- a/src/main/java/com/google/devsite/renderer/converters/Samples.kt
+++ b/src/main/java/com/google/devsite/renderer/converters/Samples.kt
@@ -21,7 +21,7 @@
 import org.jetbrains.dokka.analysis.AnalysisEnvironment
 import org.jetbrains.dokka.analysis.DokkaMessageCollector
 import org.jetbrains.dokka.analysis.DokkaResolutionFacade
-import org.jetbrains.dokka.model.doc.CodeBlock
+import org.jetbrains.dokka.model.doc.Pre
 import org.jetbrains.dokka.model.doc.Text
 import org.jetbrains.dokka.plugability.DokkaContext
 import org.jetbrains.dokka.utilities.DokkaLogger
@@ -72,9 +72,9 @@
 internal fun processBody(psiElement: PsiElement): String {
     val text = processSampleBody(psiElement).trim { it == '\n' || it == '\r' }.trimEnd()
     val lines = text.split("\n")
-    val indent = lines.filter(String::isNotBlank).map {
+    val indent = lines.filter(String::isNotBlank).minOfOrNull {
         it.takeWhile(Char::isWhitespace).count()
-    }.minOrNull() ?: 0
+    } ?: 0
     return lines.joinToString("\n") { it.drop(indent) }
 }
 
@@ -170,11 +170,12 @@
         }
     }
 
-internal fun convertTextToJavaSample(
+/** Resolves a javadoc `{@sample path/to/file.javaOrXml}`. Takes Text, returns <pre><code>. */
+internal fun convertTextToJavadocSample(
     block: Text,
     samples: Set<File>,
     logger: DokkaLogger
-): CodeBlock {
+): Pre {
     val sampleLine = block.body
         .trim().removePrefix("{").removeSuffix("}")
         // Upstream inserts "*"s on line breaks within the { }
@@ -195,8 +196,15 @@
         0 -> if (failOnMissingSamples) throw RuntimeException(
             "Unable to find the sample file $filePath in the samples directory " +
                 sampleFiles.map { it.path }.reduce { acc, s -> acc.commonPrefixWith(s) }
-        ) else CodeBlock()
-        1 -> CodeBlock(listOf(Text(extractCodeBlockFromFile(resolvedFile.single(), whatSamples))))
+        ) else Pre(emptyList())
+        1 -> {
+            // extractCodeBlockFromFile can only work with .java and .xml files
+            val fileExtension = resolvedFile.single().path.substringAfterLast(".")
+            Pre(
+                params = mapOf("class" to "prettyprint lang-$fileExtension"),
+                children = listOf(extractCodeBlockFromFile(resolvedFile.single(), whatSamples))
+            )
+        }
         else -> throw RuntimeException("Somehow, multiple files with path $filePath were found.")
     }
 }
@@ -210,12 +218,12 @@
  * Takes all lines between BEGIN_INCLUDE(block_to_take) and END_INCLUDE(block_to_take)
  * Reduces all indents to that of the first line
  */
-internal fun extractCodeBlockFromFile(sampleFile: File, blockToTake: String): String {
+internal fun extractCodeBlockFromFile(sampleFile: File, blockToTake: String): Text {
     var result = "\n"
     var inBlock = false
     var indentSize = -1
     sampleFile.readLines().forEach { line ->
-        if ("END_INCLUDE($blockToTake)" in line) return result
+        if ("END_INCLUDE($blockToTake)" in line) return Text(result)
         if (inBlock) {
             if (indentSize == -1) indentSize = indentSize(line)
             result += line.removePrefix(" ".repeat(indentSize)) + "\n"
diff --git a/testData/compose/docs/reference/androidx/compose/animation/AnimatedContentKt.html b/testData/compose/docs/reference/androidx/compose/animation/AnimatedContentKt.html
index e134c3b..926cea8 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/AnimatedContentKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/AnimatedContentKt.html
@@ -66,7 +66,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> displays only the content for <code><a href="/reference/androidx/compose/animation/core/Transition.html#targetState()">Transition.targetState</a></code> when not animating. However, during the transient content transform, there will be more than one sets of content present in the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> container. It may be sometimes desired to define the positional relationship among different content and the style of overlap. This can be achieved by defining <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentAlignment</a></code> and <code><a href="/reference/androidx/compose/animation/ContentTransform.html#targetContentZIndex()">zOrder</a></code>. By default, <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentAlignment</a></code> aligns all content to <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#TopStart()">Alignment.TopStart</a></code>, and the <code>zIndex</code> for all the content is 0f. <b>Note</b>: The target content will always be placed last, therefore it will be on top of all the other content unless zIndex is specified.</p>
         <p>Different content in <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> will have access to their own <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html">AnimatedVisibilityScope</a></code>. This allows content to define more local enter/exit transitions via <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)">AnimatedVisibilityScope.animateEnterExit</a></code> and <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code>. These custom enter/exit animations will be triggered as the content enters/leaves the container.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentKey</a></code> can be used to specify a key for each targetState. There will be no animation when switching between target states that share the same same key. By default, the key will be the same as the targetState object. <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentKey</a></code> can be particularly useful if target state object gets recreated across save & restore while a more persistent key is needed to properly restore the internal states of the content.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedContent
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.animateDp
@@ -200,7 +200,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> displays only the content for <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">targetState</a></code> when not animating. However, during the transient content transform, there will be more than one set of content present in the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> container. It may be sometimes desired to define the positional relationship among the different content and the overlap. This can be achieved by defining <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">contentAlignment</a></code> and <code><a href="/reference/androidx/compose/animation/ContentTransform.html#targetContentZIndex()">zOrder</a></code>. By default, <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">contentAlignment</a></code> aligns all content to <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#TopStart()">Alignment.TopStart</a></code>, and the <code>zIndex</code> for all the content is 0f. <b>Note</b>: The target content will always be placed last, therefore it will be on top of all the other content unless zIndex is specified.</p>
         <p>Different content in <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> will have access to their own <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html">AnimatedVisibilityScope</a></code>. This allows content to define more local enter/exit transitions via <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)">AnimatedVisibilityScope.animateEnterExit</a></code> and <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code>. These custom enter/exit animations will be triggered as the content enters/leaves the container.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">label</a></code> is an optional parameter to differentiate from other animations in Android Studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -235,7 +235,7 @@
     }
 }</pre>
         <p>Below is an example of customizing <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">transitionSpec</a></code> to imply a spatial relationship between the content for different states:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedContent
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.fadeIn
@@ -322,7 +322,7 @@
         <h3 class="api-name" id="SizeTransform(kotlin.Boolean,kotlin.Function2)">SizeTransform</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/animation/ExperimentalAnimationApi.html">ExperimentalAnimationApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/SizeTransform.html">SizeTransform</a>&nbsp;<a href="/reference/androidx/compose/animation/AnimatedContentKt.html#SizeTransform(kotlin.Boolean,kotlin.Function2)">SizeTransform</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;clip,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/IntSize.html">IntSize</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/IntSize.html">IntSize</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/IntSize.html">IntSize</a>&gt;&gt;&nbsp;sizeAnimationSpec<br>)</pre>
         <p>This creates a <code><a href="/reference/androidx/compose/animation/SizeTransform.html">SizeTransform</a></code> with the provided <code><a href="/reference/androidx/compose/animation/package-summary.html#SizeTransform(kotlin.Boolean,kotlin.Function2)">clip</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#SizeTransform(kotlin.Boolean,kotlin.Function2)">sizeAnimationSpec</a></code>. By default, <code><a href="/reference/androidx/compose/animation/package-summary.html#SizeTransform(kotlin.Boolean,kotlin.Function2)">clip</a></code> will be true. This means during the size animation, the content will be clipped to the animated size. <code><a href="/reference/androidx/compose/animation/package-summary.html#SizeTransform(kotlin.Boolean,kotlin.Function2)">sizeAnimationSpec</a></code> defaults to return a <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.tween
@@ -366,7 +366,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.EnterTransition).with(androidx.compose.animation.ExitTransition)">with</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/animation/ExperimentalAnimationApi.html">ExperimentalAnimationApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/ContentTransform.html">ContentTransform</a>&nbsp;<a href="/reference/androidx/compose/animation/AnimatedContentKt.html#(androidx.compose.animation.EnterTransition).with(androidx.compose.animation.ExitTransition)">with</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a>&nbsp;receiver,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a>&nbsp;exit)</pre>
         <p>This creates a <code><a href="/reference/androidx/compose/animation/ContentTransform.html">ContentTransform</a></code> using the provided <code><a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.EnterTransition).with(androidx.compose.animation.ExitTransition)">exit</a></code>, where the enter and exit transition will be running simultaneously. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/androidx/compose/animation/AnimatedContentScope.html b/testData/compose/docs/reference/androidx/compose/animation/AnimatedContentScope.html
index 706b5d7..1d7a62e 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/AnimatedContentScope.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/AnimatedContentScope.html
@@ -141,7 +141,7 @@
         <p>This defines a horizontal/vertical slide-in that is specific to <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> from the edge of the container. The offset amount is dynamically calculated based on the current size of the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> and its content alignment. This offset (may be positive or negative based on the direction of the slide) is then passed to <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffset</a></code>. By default, <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffset</a></code> will be using the offset calculated from the system to slide the content in. <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideIntoContainer</a></code> is a convenient alternative to <code><a href="/reference/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInHorizontally</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInVertically</a></code> when the incoming and outgoing content differ in size. Otherwise, it would be equivalent to <code><a href="/reference/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInHorizontally</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInVertically</a></code> with an offset of the full width/height.</p>
         <p><code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">towards</a></code> specifies the slide direction. Content can be slided into the container towards <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.SlideDirection.Companion.html#Left()">SlideDirection.Left</a></code>, <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.SlideDirection.Companion.html#Right()">SlideDirection.Right</a></code>, <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.SlideDirection.Companion.html#Up()">SlideDirection.Up</a></code> and <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.SlideDirection.Companion.html#Down()">SlideDirection.Down</a></code>.</p>
         <p><code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">animationSpec</a></code> defines the animation that will be used to animate the slide-in.</p>
-        <pre class="prettyprint">// enum class NestedMenuState { Level1, Level2, Level3 }
+        <pre class="prettyprint lang-kotlin">// enum class NestedMenuState { Level1, Level2, Level3 }
 // This is an example of creating a transitionSpec for navigating in a nested menu. The goal
 // is to 1) establish a z-order for different levels of the menu, and 2) imply a spatial
 // order between the menus via the different slide direction when navigating to child menu vs
@@ -207,7 +207,7 @@
         <p>This defines a horizontal/vertical exit transition to completely slide out of the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> container. The offset amount is dynamically calculated based on the current size of the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> and the new target size. This offset gets passed to <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideOutOfContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffset</a></code> lambda. By default, <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideOutOfContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffset</a></code> uses this offset as is, but it can be customized to slide a distance based on the offset. <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideOutOfContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutOfContainer</a></code> is a convenient alternative to <code><a href="/reference/androidx/compose/animation/package-summary.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutHorizontally</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#slideOutVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutVertically</a></code> when the incoming and outgoing content differ in size. Otherwise, it would be equivalent to <code><a href="/reference/androidx/compose/animation/package-summary.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutHorizontally</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#slideOutVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutVertically</a></code> with an offset of the full width/height.</p>
         <p><code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideOutOfContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">towards</a></code> specifies the slide direction. Content can be slided out of the container towards <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.SlideDirection.Companion.html#Left()">SlideDirection.Left</a></code>, <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.SlideDirection.Companion.html#Right()">SlideDirection.Right</a></code>, <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.SlideDirection.Companion.html#Up()">SlideDirection.Up</a></code> and <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.SlideDirection.Companion.html#Down()">SlideDirection.Down</a></code>.</p>
         <p><code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideOutOfContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">animationSpec</a></code> defines the animation that will be used to animate the slide-out.</p>
-        <pre class="prettyprint">// enum class NestedMenuState { Level1, Level2, Level3 }
+        <pre class="prettyprint lang-kotlin">// enum class NestedMenuState { Level1, Level2, Level3 }
 // This is an example of creating a transitionSpec for navigating in a nested menu. The goal
 // is to 1) establish a z-order for different levels of the menu, and 2) imply a spatial
 // order between the menus via the different slide direction when navigating to child menu vs
@@ -271,7 +271,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.ContentTransform).using(androidx.compose.animation.SizeTransform)">using</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/animation/ExperimentalAnimationApi.html">ExperimentalAnimationApi</a><br>public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/ContentTransform.html">ContentTransform</a>&nbsp;<a href="/reference/androidx/compose/animation/AnimatedContentScope.html#(androidx.compose.animation.ContentTransform).using(androidx.compose.animation.SizeTransform)">using</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/ContentTransform.html">ContentTransform</a>&nbsp;receiver,&nbsp;<a href="/reference/androidx/compose/animation/SizeTransform.html">SizeTransform</a>&nbsp;sizeTransform)</pre>
         <p>Customizes the <code><a href="/reference/androidx/compose/animation/SizeTransform.html">SizeTransform</a></code> of a given <code><a href="/reference/androidx/compose/animation/ContentTransform.html">ContentTransform</a></code>. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/androidx/compose/animation/AnimatedVisibilityKt.html b/testData/compose/docs/reference/androidx/compose/animation/AnimatedVisibilityKt.html
index e67b824..b66a187 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/AnimatedVisibilityKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/AnimatedVisibilityKt.html
@@ -93,7 +93,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedVisibility(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed.</p>
         <p>By default, the enter transition will be a combination of <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code> of the content from the bottom end. And the exit transition will be shrinking the content towards the bottom end while fading out (i.e. <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</a></code> + <code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>). The expanding and shrinking will likely also animate the parent and siblings if they rely on the size of appearing/disappearing content.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateDp
@@ -299,7 +299,7 @@
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. If there's a need to observe the state change of the enter/exit transition and follow up additional action (e.g. remove data, sequential animation, etc), consider the AnimatedVisibility API variant that takes a <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> parameter.</p>
         <p>By default, the enter transition will be a combination of <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code> of the content from the bottom end. And the exit transition will be shrinking the content towards the bottom end while fading out (i.e. <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</a></code> + <code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>). The expanding and shrinking will likely also animate the parent and siblings if they rely on the size of appearing/disappearing content. When the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> composable is put in a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code> or a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>, the default enter and exit transitions are tailored to that particular container. See <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.RowScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">RowScope.AnimatedVisibility</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">ColumnScope.AnimatedVisibility</a></code> for details.</p>
         <p>Here are two examples of <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code>: one using the built-in enter/exit transition, the other using a custom enter/exit animation.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.expandVertically
 import androidx.compose.animation.fadeIn
@@ -335,7 +335,7 @@
     Text(&quot;Content to appear/disappear&quot;, Modifier.fillMaxWidth().requiredHeight(200.dp))
 }</pre>
         <p>The example blow shows how a custom enter/exit animation can be created using the Transition object (i.e. Transition<EnterExitState>) from <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html">AnimatedVisibilityScope</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.tween
@@ -475,7 +475,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. Both <code>currentState</code> and <code>targetState</code> will be <code>false</code> for <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">visibleState</a></code>.</p>
         <p>By default, the enter transition will be a combination of <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code> of the content from the bottom end. And the exit transition will be shrinking the content towards the bottom end while fading out (i.e. <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</a></code> + <code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>). The expanding and shrinking will likely also animate the parent and siblings if they rely on the size of appearing/disappearing content. When the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> composable is put in a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code> or a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>, the default enter and exit transitions are tailored to that particular container. See <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.RowScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">RowScope.AnimatedVisibility</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">ColumnScope.AnimatedVisibility</a></code> for details.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.animation.expandVertically
@@ -726,7 +726,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. If there's a need to observe the state change of the enter/exit transition and follow up additional action (e.g. remove data, sequential animation, etc), consider the AnimatedVisibility API variant that takes a <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> parameter.</p>
         <p>Here's an example of using <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">ColumnScope.AnimatedVisibility</a></code> in a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
@@ -854,7 +854,7 @@
         <p>Aside from these three types of <code><a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> and <code><a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>, <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> also supports custom enter/exit animations. Some use cases may benefit from custom enter/exit animations on shape, scale, color, etc. Custom enter/exit animations can be created using the <code>Transition&lt;EnterExitState&gt;</code> object from the <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html">AnimatedVisibilityScope</a></code> (i.e. <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code>). See <code><a href="/reference/androidx/compose/animation/EnterExitState.html">EnterExitState</a></code> for an example of custom animations. These custom animations will be running along side of the built-in animations specified in <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">enter</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">exit</a></code>. In cases where the enter/exit animation needs to be completely customized, <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">enter</a></code> and/or <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">exit</a></code> can be specified as <code><a href="/reference/androidx/compose/animation/EnterTransition.Companion.html#None()">EnterTransition.None</a></code> and/or <code><a href="/reference/androidx/compose/animation/ExitTransition.Companion.html#None()">ExitTransition.None</a></code> as needed. <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> will wait until <em>all</em> of enter/exit animations to finish before it considers itself idle. <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> will only be removed after all the (built-in and custom) exit animations have finished.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. Both <code>currentState</code> and <code>targetState</code> will be <code>false</code> for <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">visibleState</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.foundation.background
@@ -995,7 +995,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.RowScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. If there's a need to observe the state change of the enter/exit transition and follow up additional action (e.g. remove data, sequential animation, etc), consider the AnimatedVisibility API variant that takes a <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> parameter.</p>
         <p>Here's an example of using <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.RowScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">RowScope.AnimatedVisibility</a></code> in a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
diff --git a/testData/compose/docs/reference/androidx/compose/animation/AnimatedVisibilityScope.html b/testData/compose/docs/reference/androidx/compose/animation/AnimatedVisibilityScope.html
index 6fc1327..3bb1ebe 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/AnimatedVisibilityScope.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/AnimatedVisibilityScope.html
@@ -15,7 +15,7 @@
     <hr>
     <p>This is the scope for the content of <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code>. In this scope, direct and indirect children of <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> will be able to define their own enter/exit transitions using the built-in options via <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)">Modifier.animateEnterExit</a></code>. They will also be able define custom enter/exit animations using the <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">transition</a></code> object. <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> will ensure both custom and built-in enter/exit animations finish before it considers itself idle, and subsequently removes its content in the case of exit.</p>
     <p><b>Note:</b> Custom enter/exit animations that are created <em>independent</em> of the <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code> will have no guarantee to finish when exiting, as <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> would have no visibility of such animations.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.tween
@@ -157,7 +157,7 @@
         <p><code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)">enter</a></code> and <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)">exit</a></code> defines different <code><a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code>s and <code><a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>s that will be used for the appearance and disappearance animation. There are 4 types of <code><a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> and <code><a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>: Fade, Expand/Shrink, Scale and Slide. The enter transitions can be combined using <code>+</code>. Same for exit transitions. The order of the combination does not matter, as the transition animations will start simultaneously. See <code><a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> and <code><a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code> for details on the three types of transition.</p>
         <p>By default, the enter transition will be a combination of <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code> of the content from the bottom end. And the exit transition will be shrinking the content towards the bottom end while fading out (i.e. <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</a></code> + <code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>). The expanding and shrinking will likely also animate the parent and siblings if they rely on the size of appearing/disappearing content.</p>
         <p>In some cases it may be desirable to have <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> apply no animation at all for enter and/or exit, such that children of <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> can each have their distinct animations. To achieve this, <code><a href="/reference/androidx/compose/animation/EnterTransition.Companion.html#None()">EnterTransition.None</a></code> and/or <code><a href="/reference/androidx/compose/animation/ExitTransition.Companion.html#None()">ExitTransition.None</a></code> can be used for <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
diff --git a/testData/compose/docs/reference/androidx/compose/animation/AnimationModifierKt.html b/testData/compose/docs/reference/androidx/compose/animation/AnimationModifierKt.html
index 7c875c6..70acb77 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/AnimationModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/AnimationModifierKt.html
@@ -41,7 +41,7 @@
         <p>This modifier animates its own size when its child modifier (or the child composable if it is already at the tail of the chain) changes size. This allows the parent modifier to observe a smooth size change, resulting in an overall continuous visual change.</p>
         <p>A <code><a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a></code> can be optionally specified for the size change animation. By default, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> will be used.</p>
         <p>An optional <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.ui.Modifier).animateContentSize(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function2)">finishedListener</a></code> can be supplied to get notified when the size change animation is finished. Since the content size change can be dynamic in many cases, both initial value and target value (i.e. final size) will be passed to the <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.ui.Modifier).animateContentSize(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function2)">finishedListener</a></code>. <b>Note:</b> if the animation is interrupted, the initial value will be the size at the point of interruption. This is intended to help determine the direction of the size change (i.e. expand or collapse in x and y dimensions).</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateContentSize
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
diff --git a/testData/compose/docs/reference/androidx/compose/animation/ContentTransform.html b/testData/compose/docs/reference/androidx/compose/animation/ContentTransform.html
index f3b29e1..ede16c0 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/ContentTransform.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/ContentTransform.html
@@ -17,7 +17,7 @@
     <p><code><a href="/reference/androidx/compose/animation/ContentTransform.html#targetContentEnter()">targetContentEnter</a></code> defines the enter transition for the content associated with the new target state. It can be a combination of <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a></code>, <code><a href="/reference/androidx/compose/animation/package-summary.html#slideIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideIn</a></code>/<code><a href="/reference/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInHorizontally</a></code> /<code><a href="/reference/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInVertically</a></code>/<code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">AnimatedContentScope.slideIntoContainer</a></code>, and expand. Similarly, <code><a href="/reference/androidx/compose/animation/ContentTransform.html#initialContentExit()">initialContentExit</a></code> supports a combination of <code><a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code> for animating out the initial content (i.e. outgoing content). If the initial content and target content are of different size, the <code><a href="/reference/androidx/compose/animation/ContentTransform.html#sizeTransform()">sizeTransform</a></code> will be triggered unless it's explicitly set to <code>null</code>. <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">AnimatedContentScope.slideIntoContainer</a></code> and <code><a href="/reference/androidx/compose/animation/AnimatedContentScope.html#slideOutOfContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">AnimatedContentScope.slideOutOfContainer</a></code> can provide container-size-aware sliding in from the edge of the container, or sliding out to the edge of the container.</p>
     <p><code><a href="/reference/androidx/compose/animation/ContentTransform.html">ContentTransform</a></code> supports the zIndex definition when the content enters the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> container via <code><a href="/reference/androidx/compose/animation/ContentTransform.html#targetContentZIndex()">targetContentZIndex</a></code>. By default, all content has a <code>0f</code> zIndex. Among content with the same zIndex, the incoming target content will be on top, as it will be placed last. However, this may not always be desired. zIndex can be specified to change that order. The content with higher zIndex guarantee to be placed on top of content with lower zIndex.</p>
     <p><code><a href="/reference/androidx/compose/animation/ContentTransform.html#sizeTransform()">sizeTransform</a></code> manages the expanding and shrinking of the container if there is any size change as new content enters the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> and old content leaves. Unlike <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code>, for <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> it is generally more predictable to manage the size of the container using <code><a href="/reference/androidx/compose/animation/SizeTransform.html">SizeTransform</a></code> than influencing the size using <code><a href="/reference/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code>/<code><a href="/reference/androidx/compose/animation/package-summary.html#expandHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">expandHorizontally</a></code>/<code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>, etc for each content. By default, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> will be used to animate any size change, and <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> will be clipped to the animated size. Both can be customized by supplying a different <code><a href="/reference/androidx/compose/animation/SizeTransform.html">SizeTransform</a></code>. If no size animation is desired, <code><a href="/reference/androidx/compose/animation/ContentTransform.html#sizeTransform()">sizeTransform</a></code> can be set to <code>null</code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/androidx/compose/animation/CrossfadeKt.html b/testData/compose/docs/reference/androidx/compose/animation/CrossfadeKt.html
index 6be1edd..0101033 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/CrossfadeKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/CrossfadeKt.html
@@ -80,7 +80,7 @@
         <h3 class="api-name" id="Crossfade(kotlin.Any,androidx.compose.ui.Modifier,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.String,kotlin.Function1)">Crossfade</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/animation/CrossfadeKt.html#Crossfade(kotlin.Any,androidx.compose.ui.Modifier,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.String,kotlin.Function1)">Crossfade</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;targetState,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>&gt;&nbsp;animationSpec,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;label,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#Crossfade(kotlin.Any,androidx.compose.ui.Modifier,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.String,kotlin.Function1)">Crossfade</a></code> allows to switch between two layouts with a crossfade animation.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.Crossfade
 import androidx.compose.material.Text
 
diff --git a/testData/compose/docs/reference/androidx/compose/animation/EnterExitState.html b/testData/compose/docs/reference/androidx/compose/animation/EnterExitState.html
index a57c278..f19ecbc 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/EnterExitState.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/EnterExitState.html
@@ -33,7 +33,7 @@
     <hr>
     <p><code><a href="/reference/androidx/compose/animation/EnterExitState.html">EnterExitState</a></code> contains the three states that are involved in the enter and exit transition of <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code>. More specifically, <code><a href="/reference/androidx/compose/animation/EnterExitState.html#PreEnter">PreEnter</a></code> and <code><a href="/reference/androidx/compose/animation/EnterExitState.html#Visible">Visible</a></code> defines the initial and target state of an <em>enter</em> transition, whereas <code><a href="/reference/androidx/compose/animation/EnterExitState.html#Visible">Visible</a></code> and <code><a href="/reference/androidx/compose/animation/EnterExitState.html#PostExit">PostExit</a></code> are the initial and target state of an <em>exit</em> transition.</p>
     <p>See blow for an example of custom enter/exit animation in <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> using <code>Transition&lt;EnterExitState&gt;</code> (i.e. <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code>):</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/androidx/compose/animation/EnterExitTransitionKt.html b/testData/compose/docs/reference/androidx/compose/animation/EnterExitTransitionKt.html
index 7c6447e..b281fea 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/EnterExitTransitionKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/EnterExitTransitionKt.html
@@ -147,7 +147,7 @@
         <p><b>Note</b>: <code><a href="/reference/androidx/compose/animation/package-summary.html#expandHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">expandHorizontally</a></code> animates the bounds of the content. This bounds change will also result in the animation of other layouts that are dependent on this size.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#expandHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">initialWidth</a></code> is a lambda that takes the full width of the content and returns an initial width of the bounds of the content. This allows not only an absolute width, but also an initial width that is proportional to the content width.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#expandHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">clip</a></code> defines whether the content outside of the animated bounds should be clipped. By default, clip is set to true, which only shows content in the animated bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandHorizontally
@@ -225,7 +225,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">initialSize</a></code> is a lambda that takes the full size of the content and returns an initial size of the bounds of the content. This allows not only absolute size, but also an initial size that is proportional to the content size.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">clip</a></code> defines whether the content outside of the animated bounds should be clipped. By default, clip is set to true, which only shows content in the animated bounds.</p>
         <p>For expanding only horizontally or vertically, consider <code><a href="/reference/androidx/compose/animation/package-summary.html#expandHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">expandHorizontally</a></code>, <code><a href="/reference/androidx/compose/animation/package-summary.html#expandVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">expandVertically</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandIn
@@ -312,7 +312,7 @@
         <p><b>Note</b>: <code><a href="/reference/androidx/compose/animation/package-summary.html#expandVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">expandVertically</a></code> animates the bounds of the content. This bounds change will also result in the animation of other layouts that are dependent on this size.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#expandVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">initialHeight</a></code> is a lambda that takes the full height of the content and returns an initial height of the bounds of the content. This allows not only an absolute height, but also an initial height that is proportional to the content height.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#expandVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">clip</a></code> defines whether the content outside of the animated bounds should be clipped. By default, clip is set to true, which only shows content in the animated bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandVertically
@@ -382,7 +382,7 @@
         <h3 class="api-name" id="fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a>&nbsp;<a href="/reference/androidx/compose/animation/EnterExitTransitionKt.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>&gt;&nbsp;animationSpec,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;initialAlpha<br>)</pre>
         <p>This fades in the content of the transition, from the specified starting alpha (i.e. <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">initialAlpha</a></code>) to 1f, using the supplied <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">animationSpec</a></code>. <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">initialAlpha</a></code> defaults to 0f, and <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> is used by default.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.fadeIn
@@ -440,7 +440,7 @@
         <h3 class="api-name" id="fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a>&nbsp;<a href="/reference/androidx/compose/animation/EnterExitTransitionKt.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>&gt;&nbsp;animationSpec,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;targetAlpha<br>)</pre>
         <p>This fades out the content of the transition, from full opacity to the specified target alpha (i.e. <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">targetAlpha</a></code>), using the supplied <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">animationSpec</a></code>. By default, the content will be faded out to fully transparent (i.e. <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">targetAlpha</a></code> defaults to 0), and <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">animationSpec</a></code> uses <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> by default.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.fadeIn
@@ -500,7 +500,7 @@
         <p>This scales the content as it appears, from an initial scale (defined in <code><a href="/reference/androidx/compose/animation/package-summary.html#scaleIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">initialScale</a></code>) to 1f. <code><a href="/reference/androidx/compose/animation/package-summary.html#scaleIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">transformOrigin</a></code> defines the pivot point in terms of fraction of the overall size. <code><a href="/reference/androidx/compose/ui/graphics/TransformOrigin.Companion.html#Center()">TransformOrigin.Center</a></code> by default. <code><a href="/reference/androidx/compose/animation/package-summary.html#scaleIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleIn</a></code> can be used in combination with any other type of <code><a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> using the plus operator (e.g. <code>scaleIn() + slideInHorizontally()</code>)</p>
         <p>Note: Scale is applied <b>before</b> slide. This means when using <code><a href="/reference/androidx/compose/animation/package-summary.html#slideIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideIn</a></code>/<code><a href="/reference/androidx/compose/animation/package-summary.html#slideOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOut</a></code> with <code><a href="/reference/androidx/compose/animation/package-summary.html#scaleIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleIn</a></code>/<code><a href="/reference/androidx/compose/animation/package-summary.html#scaleOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleOut</a></code>, the amount of scaling needs to be taken into account when sliding.</p>
         <p>The scaling will change the visual of the content, but will <b>not</b> affect the layout size. <code><a href="/reference/androidx/compose/animation/package-summary.html#scaleIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleIn</a></code> can be combined with <code><a href="/reference/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code>/<code><a href="/reference/androidx/compose/animation/package-summary.html#expandHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">expandHorizontally</a></code>/<code><a href="/reference/androidx/compose/animation/package-summary.html#expandVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">expandVertically</a></code> to coordinate layout size change while scaling. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.expandIn
 import androidx.compose.animation.expandVertically
@@ -599,7 +599,7 @@
         <p>This scales the content of the exit transition, from 1f to the target scale defined in <code><a href="/reference/androidx/compose/animation/package-summary.html#scaleOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">targetScale</a></code>. <code><a href="/reference/androidx/compose/animation/package-summary.html#scaleOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">transformOrigin</a></code> defines the pivot point in terms of fraction of the overall size. By default it's <code><a href="/reference/androidx/compose/ui/graphics/TransformOrigin.Companion.html#Center()">TransformOrigin.Center</a></code>. <code><a href="/reference/androidx/compose/animation/package-summary.html#scaleOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleOut</a></code> can be used in combination with any other type of <code><a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code> using the plus operator (e.g. <code>scaleOut() + fadeOut()</code>)</p>
         <p>Note: Scale is applied <b>before</b> slide. This means when using <code><a href="/reference/androidx/compose/animation/package-summary.html#slideIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideIn</a></code>/<code><a href="/reference/androidx/compose/animation/package-summary.html#slideOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOut</a></code> with <code><a href="/reference/androidx/compose/animation/package-summary.html#scaleIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleIn</a></code>/<code><a href="/reference/androidx/compose/animation/package-summary.html#scaleOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleOut</a></code>, the amount of scaling needs to be taken into account when sliding.</p>
         <p>The scaling will change the visual of the content, but will <b>not</b> affect the layout size. <code><a href="/reference/androidx/compose/animation/package-summary.html#scaleOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleOut</a></code> can be combined with <code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>/<code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">shrinkHorizontally</a></code>/<code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">shrinkVertically</a></code> for coordinated layout size change animation. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.expandIn
 import androidx.compose.animation.expandVertically
@@ -699,7 +699,7 @@
         <p><b>Note</b>: <code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">shrinkHorizontally</a></code> animates the bounds of the content. This bounds change will also result in the animation of other layouts that are dependent on this size.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">targetWidth</a></code> is a lambda that takes the full width of the content and returns a target width of the content. This allows not only absolute width, but also a target width that is proportional to the content width.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">clip</a></code> defines whether the content outside of the animated bounds should be clipped. By default, clip is set to true, which only shows content in the animated bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandHorizontally
@@ -777,7 +777,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">targetSize</a></code> is a lambda that takes the full size of the content and returns a target size of the bounds of the content. This allows not only absolute size, but also a target size that is proportional to the content size.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">clip</a></code> defines whether the content outside of the animated bounds should be clipped. By default, clip is set to true, which only shows content in the animated bounds.</p>
         <p>For shrinking only horizontally or vertically, consider <code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">shrinkHorizontally</a></code>, <code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">shrinkVertically</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandIn
@@ -864,7 +864,7 @@
         <p><b>Note</b>: <code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">shrinkVertically</a></code> animates the bounds of the content. This bounds change will also result in the animation of other layouts that are dependent on this size.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">targetHeight</a></code> is a lambda that takes the full height of the content and returns a target height of the content. This allows not only absolute height, but also a target height that is proportional to the content height.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">clip</a></code> defines whether the content outside of the animated bounds should be clipped. By default, clip is set to true, which only shows content in the animated bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandVertically
@@ -936,7 +936,7 @@
         <p>This slides in the content of the transition, from a starting offset defined in <code><a href="/reference/androidx/compose/animation/package-summary.html#slideIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffset</a></code> to <code>IntOffset(0, 0)</code>. The direction of the slide can be controlled by configuring the <code><a href="/reference/androidx/compose/animation/package-summary.html#slideIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffset</a></code>. A positive x value means sliding from right to left, whereas a negative x value will slide the content to the right. Similarly positive and negative y values correspond to sliding up and down, respectively.</p>
         <p>If the sliding is only desired horizontally or vertically, instead of along both axis, consider using <code><a href="/reference/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInHorizontally</a></code> or <code><a href="/reference/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInVertically</a></code>.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#slideIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffset</a></code> is a lambda that takes the full size of the content and returns an offset. This allows the offset to be defined proportional to the full size, or as an absolute value.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.slideIn
@@ -1000,7 +1000,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a>&nbsp;<a href="/reference/androidx/compose/animation/EnterExitTransitionKt.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInHorizontally</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/IntOffset.html">IntOffset</a>&gt;&nbsp;animationSpec,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>&gt;&nbsp;initialOffsetX<br>)</pre>
         <p>This slides in the content horizontally, from a starting offset defined in <code><a href="/reference/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffsetX</a></code> to <code>0</code> <b>pixels</b>. The direction of the slide can be controlled by configuring the <code><a href="/reference/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffsetX</a></code>. A positive value means sliding from right to left, whereas a negative value would slide the content from left to right.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffsetX</a></code> is a lambda that takes the full width of the content and returns an offset. This allows the starting offset to be defined proportional to the full size, or as an absolute value. It defaults to return half of negative width, which would offset the content to the left by half of its width, and slide towards the right.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.spring
 import androidx.compose.animation.core.tween
@@ -1066,7 +1066,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a>&nbsp;<a href="/reference/androidx/compose/animation/EnterExitTransitionKt.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInVertically</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/IntOffset.html">IntOffset</a>&gt;&nbsp;animationSpec,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>&gt;&nbsp;initialOffsetY<br>)</pre>
         <p>This slides in the content vertically, from a starting offset defined in <code><a href="/reference/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffsetY</a></code> to <code>0</code> in <b>pixels</b>. The direction of the slide can be controlled by configuring the <code><a href="/reference/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffsetY</a></code>. A positive initial offset means sliding up, whereas a negative value would slide the content down.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffsetY</a></code> is a lambda that takes the full Height of the content and returns an offset. This allows the starting offset to be defined proportional to the full height, or as an absolute value. It defaults to return half of negative height, which would offset the content up by half of its Height, and slide down.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.expandVertically
 import androidx.compose.animation.fadeIn
@@ -1135,7 +1135,7 @@
         <p>This slides out the content of the transition, from an offset of <code>IntOffset(0, 0)</code> to the target offset defined in <code><a href="/reference/androidx/compose/animation/package-summary.html#slideOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffset</a></code>. The direction of the slide can be controlled by configuring the <code><a href="/reference/androidx/compose/animation/package-summary.html#slideOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffset</a></code>. A positive x value means sliding from left to right, whereas a negative x value would slide the content from right to left. Similarly,  positive and negative y values correspond to sliding down and up, respectively.</p>
         <p>If the sliding is only desired horizontally or vertically, instead of along both axis, consider using <code><a href="/reference/androidx/compose/animation/package-summary.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutHorizontally</a></code> or <code><a href="/reference/androidx/compose/animation/package-summary.html#slideOutVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutVertically</a></code>.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#slideOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffset</a></code> is a lambda that takes the full size of the content and returns an offset. This allows the offset to be defined proportional to the full size, or as an absolute value.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.slideIn
@@ -1199,7 +1199,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a>&nbsp;<a href="/reference/androidx/compose/animation/EnterExitTransitionKt.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutHorizontally</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/IntOffset.html">IntOffset</a>&gt;&nbsp;animationSpec,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>&gt;&nbsp;targetOffsetX<br>)</pre>
         <p>This slides out the content horizontally, from 0 to a target offset defined in <code><a href="/reference/androidx/compose/animation/package-summary.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffsetX</a></code> in <b>pixels</b>. The direction of the slide can be controlled by configuring the <code><a href="/reference/androidx/compose/animation/package-summary.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffsetX</a></code>. A positive value means sliding to the right, whereas a negative value would slide the content towards the left.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffsetX</a></code> is a lambda that takes the full width of the content and returns an offset. This allows the target offset to be defined proportional to the full size, or as an absolute value. It defaults to return half of negative width, which would slide the content to the left by half of its width.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.spring
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/androidx/compose/animation/EnterTransition.html b/testData/compose/docs/reference/androidx/compose/animation/EnterTransition.html
index 50ad5f0..7b5a2d2 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/EnterTransition.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/EnterTransition.html
@@ -29,7 +29,7 @@
       </li>
     </ol>
     <p><code><a href="/reference/androidx/compose/animation/EnterTransition.Companion.html#None()">EnterTransition.None</a></code> can be used when no enter transition is desired. Different <code><a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code>s can be combined using plus operator,  for example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.spring
 import androidx.compose.animation.core.tween
@@ -238,7 +238,7 @@
         <h3 class="api-name" id="plus(androidx.compose.animation.EnterTransition)">plus</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a>&nbsp;<a href="/reference/androidx/compose/animation/EnterTransition.html#plus(androidx.compose.animation.EnterTransition)">plus</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a>&nbsp;enter)</pre>
         <p>Combines different enter transitions. The order of the <code><a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code>s being combined does not matter, as these <code><a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code>s will start simultaneously. The order of applying transforms from these enter transitions (if defined) is: alpha and scale first, shrink or expand, then slide.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.expandVertically
 import androidx.compose.animation.fadeIn
@@ -306,7 +306,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.EnterTransition).with(androidx.compose.animation.ExitTransition)">AnimatedContentKt.with</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/animation/ExperimentalAnimationApi.html">ExperimentalAnimationApi</a><br>public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/ContentTransform.html">ContentTransform</a>&nbsp;<a href="/reference/androidx/compose/animation/AnimatedContentKt.html">AnimatedContentKt</a>.<a href="/reference/androidx/compose/animation/EnterTransition.html#(androidx.compose.animation.EnterTransition).with(androidx.compose.animation.ExitTransition)">with</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a>&nbsp;exit<br>)</pre>
         <p>This creates a <code><a href="/reference/androidx/compose/animation/ContentTransform.html">ContentTransform</a></code> using the provided <code><a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.EnterTransition).with(androidx.compose.animation.ExitTransition)">exit</a></code>, where the enter and exit transition will be running simultaneously. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/androidx/compose/animation/ExitTransition.Companion.html b/testData/compose/docs/reference/androidx/compose/animation/ExitTransition.Companion.html
index 63edc6a..4b8e2c4 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/ExitTransition.Companion.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/ExitTransition.Companion.html
@@ -43,7 +43,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a>&nbsp;<a href="/reference/androidx/compose/animation/ExitTransition.Companion.html#getNone()">getNone</a>()</pre>
         <p>This can be used when no built-in <code><a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code> (i.e. fade/slide, etc) is desired for the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code>, but rather the children are defining their own exit animation using the <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> scope.</p>
         <p><b>Note:</b> If <code><a href="/reference/androidx/compose/animation/ExitTransition.Companion.html#None()">None</a></code> is used, and nothing is animating in the Transition<EnterExitState> scope that <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> provided, the content will be removed from <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> right away.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/androidx/compose/animation/ExitTransition.html b/testData/compose/docs/reference/androidx/compose/animation/ExitTransition.html
index c0af0ae..b4ec5cf 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/ExitTransition.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/ExitTransition.html
@@ -29,7 +29,7 @@
       </li>
     </ol>
     <p><code><a href="/reference/androidx/compose/animation/ExitTransition.Companion.html#None()">ExitTransition.None</a></code> can be used when no exit transition is desired. Different <code><a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>s can be combined using plus operator, for example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.spring
 import androidx.compose.animation.core.tween
@@ -216,7 +216,7 @@
         <h3 class="api-name" id="plus(androidx.compose.animation.ExitTransition)">plus</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a>&nbsp;<a href="/reference/androidx/compose/animation/ExitTransition.html#plus(androidx.compose.animation.ExitTransition)">plus</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a>&nbsp;exit)</pre>
         <p>Combines different exit transitions. The order of the <code><a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>s being combined does not matter, as these <code><a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>s will start simultaneously. The order of applying transforms from these exit transitions (if defined) is: alpha and scale first, shrink or expand, then slide.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.expandVertically
 import androidx.compose.animation.fadeIn
diff --git a/testData/compose/docs/reference/androidx/compose/animation/SingleValueAnimationKt.html b/testData/compose/docs/reference/androidx/compose/animation/SingleValueAnimationKt.html
index 46ae63f..86c5b40 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/SingleValueAnimationKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/SingleValueAnimationKt.html
@@ -48,7 +48,7 @@
         <p>This <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> function creates a Color value holder that automatically animates its value when the value is changed via <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code>. <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> supports value change during an ongoing value change animation. When that happens, a new animation will transition <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> from its current value (i.e. value at the point of interruption) to the new target. This ensures that the value change is <em>always</em> continuous using <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code>. If <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation (i.e. default animation) is used with <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code>, the velocity change will be guaranteed to be continuous as well.</p>
         <p>Unlike <code><a href="/reference/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code>, <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> ensures mutual exclusiveness on its animation. To do so, when a new animation is started via <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code> (or <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateDecay(kotlin.Float,kotlin.Float,androidx.compose.animation.core.FloatDecayAnimationSpec,kotlin.Function2)">animateDecay</a></code>), any ongoing animation job will be cancelled via a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code>.</p>
         <p><code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> also supports animating data types other than <code><a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a></code>, such as Floats and generic types. See <code><a href="/reference/androidx/compose/animation/core/Animatable.html">androidx.compose.animation.core.Animatable</a></code> for other variants.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.Animatable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.remember
@@ -101,7 +101,7 @@
         <p>Fire-and-forget animation function for <code><a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a></code>. This Composable function is overloaded for different parameter types such as <code><a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a></code>, <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></code>, <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></code>, <code><a href="/reference/androidx/compose/ui/geometry/Size.html">Size</a></code>, <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code>, etc. When the provided <code><a href="/reference/androidx/compose/animation/package-summary.html#animateColorAsState(androidx.compose.ui.graphics.Color,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> is changed, the animation will run automatically. If there is already an animation in-flight when <code><a href="/reference/androidx/compose/animation/package-summary.html#animateColorAsState(androidx.compose.ui.graphics.Color,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> changes, the on-going animation will adjust course to animate towards the new target value.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#animateColorAsState(androidx.compose.ui.graphics.Color,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateColorAsState</a></code> returns a <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> object. The value of the state object will continuously be updated by the animation until the animation finishes.</p>
         <p>Note, <code><a href="/reference/androidx/compose/animation/package-summary.html#animateColorAsState(androidx.compose.ui.graphics.Color,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateColorAsState</a></code> cannot be canceled/stopped without removing this composable function from the tree. See <code><a href="/reference/androidx/compose/animation/package-summary.html#Animatable(androidx.compose.ui.graphics.Color)">Animatable</a></code> for cancelable animations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColorAsState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
diff --git a/testData/compose/docs/reference/androidx/compose/animation/SizeTransform.html b/testData/compose/docs/reference/androidx/compose/animation/SizeTransform.html
index 93be89b..ce0800d 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/SizeTransform.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/SizeTransform.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p><code><a href="/reference/androidx/compose/animation/SizeTransform.html">SizeTransform</a></code> defines how to transform from one size to another when the size of the content changes. When <code><a href="/reference/androidx/compose/animation/SizeTransform.html#clip()">clip</a></code> is true, the content will be clipped to the animation size. <code><a href="/reference/androidx/compose/animation/SizeTransform.html#createAnimationSpec(androidx.compose.ui.unit.IntSize,androidx.compose.ui.unit.IntSize)">createAnimationSpec</a></code> specifies the animation spec for the size animation based on the initial and target size.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/androidx/compose/animation/TransitionKt.html b/testData/compose/docs/reference/androidx/compose/animation/TransitionKt.html
index 906d819..02c609f 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/TransitionKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/TransitionKt.html
@@ -49,7 +49,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is used as a mapping from a target state to the target value of this animation. <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> will be using this mapping to determine what value to target this animation towards. <b>Note</b> that <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is a composable function. This means the mapping function could access states, CompositionLocals, themes, etc. If the target value changes when the <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> already reached its <code><a href="/reference/androidx/compose/animation/core/Transition.html#targetState()">targetState</a></code>, the <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> will run an animation to ensure the new target value is reached smoothly.</p>
         <p>An optional <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> can be provided to specify (potentially different) animations for each pair of initialState and targetState. <code><a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a></code> can be used to describe such animations, such as <code><a href="/reference/androidx/compose/animation/core/package-summary.html#tween(kotlin.Int,kotlin.Int,androidx.compose.animation.core.Easing)">tween</a></code>, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code>, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#keyframes(kotlin.Function1)">keyframes</a></code> and even <code><a href="/reference/androidx/compose/animation/core/package-summary.html#repeatable(kotlin.Int,androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">repeatable</a></code>, but not <code><a href="/reference/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">infiniteRepeatable</a></code>. By default, <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> uses a <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation for all transition destinations.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">label</a></code> is used to differentiate from other animations in the same transition in Android Studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.spring
@@ -191,7 +191,7 @@
         <p>Once the animation is created, it will run from <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> to <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> and repeat. Depending on the <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html">RepeatMode</a></code> of the provided <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">animationSpec</a></code>, the animation could either restart after each iteration (i.e. <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html#Restart">RepeatMode.Restart</a></code>), or reverse after each iteration (i.e . <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html#Reverse">RepeatMode.Reverse</a></code>).</p>
         <p>If <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> is changed at any point during the animation, the animation will be restarted with the new initial/targetValue. <b>Note</b>: this means animation continuity will <em>not</em> be preserved when changing either <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code>.</p>
         <p>A <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">label</a></code> for differentiating this animation from others in android studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/Animatable.html b/testData/compose/docs/reference/androidx/compose/animation/core/Animatable.html
index da81ed0..7cdab81 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/Animatable.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/Animatable.html
@@ -15,7 +15,7 @@
     <hr>
     <p><code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> is a value holder that automatically animates its value when the value is changed via <code><a href="/reference/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code>. If <code><a href="/reference/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code> is invoked during an ongoing value change animation, a new animation will transition <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> from its current value (i.e. value at the point of interruption) to the new <code><a href="/reference/androidx/compose/animation/core/Animatable.html#targetValue()">targetValue</a></code>. This ensures that the value change is <b>always</b> continuous using <code><a href="/reference/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code>. If a <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation (e.g. default animation) is used with <code><a href="/reference/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code>, the velocity change will guarantee to be continuous as well.</p>
     <p>Unlike <code><a href="/reference/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code>, <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> ensures <em>mutual exclusiveness</em> on its animations. To achieve this, when a new animation is started via <code><a href="/reference/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code> (or <code><a href="/reference/androidx/compose/animation/core/Animatable.html#animateDecay(kotlin.Any,androidx.compose.animation.core.DecayAnimationSpec,kotlin.Function1)">animateDecay</a></code>), any ongoing animation will be canceled via a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
@@ -281,7 +281,7 @@
         <p>Returns an <code><a href="/reference/androidx/compose/animation/core/AnimationResult.html">AnimationResult</a></code> object, that contains the <code><a href="/reference/androidx/compose/animation/core/AnimationEndReason.html">reason</a></code> for ending the animation, and an end state of the animation. The reason for ending the animation will be <code><a href="/reference/androidx/compose/animation/core/AnimationEndReason.html#Finished">Finished</a></code> if the animation finishes successfully without any interruption. If the animation reaches the either <code><a href="/reference/androidx/compose/animation/core/Animatable.html#lowerBound()">lowerBound</a></code> or <code><a href="/reference/androidx/compose/animation/core/Animatable.html#upperBound()">upperBound</a></code> in any dimension, the animation will end with <code><a href="/reference/androidx/compose/animation/core/AnimationEndReason.html#BoundReached">BoundReached</a></code> being the end reason.</p>
         <p>If the animation gets interrupted by 1) another call to start an animation (i.e. <code><a href="/reference/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code>/<code><a href="/reference/androidx/compose/animation/core/Animatable.html#animateDecay(kotlin.Any,androidx.compose.animation.core.DecayAnimationSpec,kotlin.Function1)">animateDecay</a></code>), 2) <code><a href="/reference/androidx/compose/animation/core/Animatable.html#stop()">Animatable.stop</a></code>, or 3)<code><a href="/reference/androidx/compose/animation/core/Animatable.html#snapTo(kotlin.Any)">Animatable.snapTo</a></code>, the canceled animation will throw a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code> as the job gets canceled. As a result, all the subsequent work in the caller's coroutine will be canceled. This is often the desired behavior. If there's any cleanup that needs to be done when an animation gets canceled, consider starting the animation in a <code>try-catch</code> block.</p>
         <p><b>Note</b>, once the animation ends, its velocity will be reset to 0. If there's a need to continue the momentum before the animation gets interrupted or reaches the bound, it's recommended to use the velocity in the returned <code><a href="/reference/androidx/compose/animation/core/AnimationResult.html#endState()">AnimationResult.endState</a></code> to start another animation.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.calculateTargetValue
 import androidx.compose.animation.splineBasedDecay
@@ -373,7 +373,7 @@
         </ul>
         <p>If the animation gets interrupted by 1) another call to start an animation (i.e. <code><a href="/reference/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code>/<code><a href="/reference/androidx/compose/animation/core/Animatable.html#animateDecay(kotlin.Any,androidx.compose.animation.core.DecayAnimationSpec,kotlin.Function1)">animateDecay</a></code>), 2) <code><a href="/reference/androidx/compose/animation/core/Animatable.html#stop()">Animatable.stop</a></code>, or 3)<code><a href="/reference/androidx/compose/animation/core/Animatable.html#snapTo(kotlin.Any)">Animatable.snapTo</a></code>, the canceled animation will throw a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code> as the job gets canceled. As a result, all the subsequent work in the caller's coroutine will be canceled. This is often the desired behavior. If there's any cleanup that needs to be done when an animation gets canceled, consider starting the animation in a <code>try-catch</code> block.</p>
         <p><b>Note</b>: once the animation ends, its velocity will be reset to 0. The animation state at the point of interruption/reaching bound is captured in the returned <code><a href="/reference/androidx/compose/animation/core/AnimationResult.html">AnimationResult</a></code>. If there's a need to continue the momentum that the animation had before it was interrupted or reached the bound, it's recommended to use the velocity in the returned <code><a href="/reference/androidx/compose/animation/core/AnimationResult.html#endState()">AnimationResult.endState</a></code> to start another animation.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.tween
 import androidx.compose.runtime.LaunchedEffect
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/AnimatableKt.html b/testData/compose/docs/reference/androidx/compose/animation/core/AnimatableKt.html
index 72b9c86..bc5b7f2 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/AnimatableKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/AnimatableKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/AnimationVector1D.html">AnimationVector1D</a>&gt;&nbsp;<a href="/reference/androidx/compose/animation/core/AnimatableKt.html#Animatable(kotlin.Float,kotlin.Float)">Animatable</a>(float&nbsp;initialValue,&nbsp;float&nbsp;visibilityThreshold)</pre>
         <p>This <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> function creates a float value holder that automatically animates its value when the value is changed via <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code>. <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> supports value change during an ongoing value change animation. When that happens, a new animation will transition <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> from its current value (i.e. value at the point of interruption) to the new target. This ensures that the value change is <em>always</em> continuous using <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code>. If <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation (i.e. default animation) is used with <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code>, the velocity change will be guaranteed to be continuous as well.</p>
         <p>Unlike <code><a href="/reference/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code>, <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> ensures mutual exclusiveness on its animation. To do so, when a new animation is started via <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code> (or <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateDecay(kotlin.Float,kotlin.Float,androidx.compose.animation.core.FloatDecayAnimationSpec,kotlin.Function2)">animateDecay</a></code>), any ongoing animation job will be cancelled.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.tween
 import androidx.compose.runtime.LaunchedEffect
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/AnimateAsStateKt.html b/testData/compose/docs/reference/androidx/compose/animation/core/AnimateAsStateKt.html
index a280835..13e76b9 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/AnimateAsStateKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/AnimateAsStateKt.html
@@ -97,7 +97,7 @@
         <p>Fire-and-forget animation function for <code><a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a></code>. This Composable function is overloaded for different parameter types such as <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></code>, <code><a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a></code>, <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code>, etc. When the provided <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateDpAsState(androidx.compose.ui.unit.Dp,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> is changed, the animation will run automatically. If there is already an animation in-flight when <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateDpAsState(androidx.compose.ui.unit.Dp,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> changes, the on-going animation will adjust course to animate towards the new target value.</p>
         <p><code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateDpAsState(androidx.compose.ui.unit.Dp,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateDpAsState</a></code> returns a <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> object. The value of the state object will continuously be updated by the animation until the animation finishes.</p>
         <p>Note, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateDpAsState(androidx.compose.ui.unit.Dp,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateDpAsState</a></code> cannot be canceled/stopped without removing this composable function from the tree. See <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> for cancelable animations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateDpAsState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -177,7 +177,7 @@
         <p>Fire-and-forget animation function for <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></code>. This Composable function is overloaded for different parameter types such as <code><a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a></code>, <code><a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a></code>, <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code>, etc. When the provided <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateFloatAsState(kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Float,kotlin.String,kotlin.Function1)">targetValue</a></code> is changed, the animation will run automatically. If there is already an animation in-flight when <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateFloatAsState(kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Float,kotlin.String,kotlin.Function1)">targetValue</a></code> changes, the on-going animation will adjust course to animate towards the new target value.</p>
         <p><code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateFloatAsState(kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Float,kotlin.String,kotlin.Function1)">animateFloatAsState</a></code> returns a <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> object. The value of the state object will continuously be updated by the animation until the animation finishes.</p>
         <p>Note, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateFloatAsState(kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Float,kotlin.String,kotlin.Function1)">animateFloatAsState</a></code> cannot be canceled/stopped without removing this composable function from the tree. See <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> for cancelable animations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateFloatAsState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -338,7 +338,7 @@
         <p>Fire-and-forget animation function for <code><a href="/reference/androidx/compose/ui/unit/IntOffset.html">IntOffset</a></code>. This Composable function is overloaded for different parameter types such as <code><a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a></code>, <code><a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a></code>, <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code>, etc. When the provided <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateIntOffsetAsState(androidx.compose.ui.unit.IntOffset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> is changed, the animation will run automatically. If there is already an animation in-flight when <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateIntOffsetAsState(androidx.compose.ui.unit.IntOffset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> changes, the on-going animation will adjust course to animate towards the new target value.</p>
         <p><code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateIntOffsetAsState(androidx.compose.ui.unit.IntOffset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateIntOffsetAsState</a></code> returns a <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> object. The value of the state object will continuously be updated by the animation until the animation finishes.</p>
         <p>Note, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateIntOffsetAsState(androidx.compose.ui.unit.IntOffset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateIntOffsetAsState</a></code> cannot be canceled/stopped without removing this composable function from the tree. See <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> for cancelable animations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateIntOffsetAsState
 import androidx.compose.animation.core.animateOffsetAsState
 import androidx.compose.ui.geometry.Offset
@@ -494,7 +494,7 @@
         <p>Fire-and-forget animation function for <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code>. This Composable function is overloaded for different parameter types such as <code><a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a></code>, <code><a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a></code>, <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></code>, etc. When the provided <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateOffsetAsState(androidx.compose.ui.geometry.Offset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> is changed, the animation will run automatically. If there is already an animation in-flight when <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateOffsetAsState(androidx.compose.ui.geometry.Offset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> changes, the on-going animation will adjust course to animate towards the new target value.</p>
         <p><code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateOffsetAsState(androidx.compose.ui.geometry.Offset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateOffsetAsState</a></code> returns a <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> object. The value of the state object will continuously be updated by the animation until the animation finishes.</p>
         <p>Note, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateOffsetAsState(androidx.compose.ui.geometry.Offset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateOffsetAsState</a></code> cannot be canceled/stopped without removing this composable function from the tree. See <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> for cancelable animations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateIntOffsetAsState
 import androidx.compose.animation.core.animateOffsetAsState
 import androidx.compose.ui.geometry.Offset
@@ -721,7 +721,7 @@
         <p>Fire-and-forget animation function for any value. This Composable function is overloaded for different parameter types such as <code><a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a></code>, <code><a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a></code>, <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code>, etc. When the provided <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateValueAsState(kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.String,kotlin.Function1)">targetValue</a></code> is changed, the animation will run automatically. If there is already an animation in-flight when <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateValueAsState(kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.String,kotlin.Function1)">targetValue</a></code> changes, the on-going animation will adjust course to animate towards the new target value.</p>
         <p><code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateValueAsState(kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.String,kotlin.Function1)">animateValueAsState</a></code> returns a <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> object. The value of the state object will continuously be updated by the animation until the animation finishes.</p>
         <p>Note, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animateValueAsState(kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.String,kotlin.Function1)">animateValueAsState</a></code> cannot be canceled/stopped without removing this composable function from the tree. See <code><a href="/reference/androidx/compose/animation/core/Animatable.html">Animatable</a></code> for cancelable animations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.AnimationVector2D
 import androidx.compose.animation.core.TwoWayConverter
 import androidx.compose.animation.core.animateValueAsState
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/AnimationResult.html b/testData/compose/docs/reference/androidx/compose/animation/core/AnimationResult.html
index d7ad42b..12ad3b3 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/AnimationResult.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/AnimationResult.html
@@ -22,7 +22,7 @@
         <p><code><a href="/reference/androidx/compose/animation/core/AnimationEndReason.html#BoundReached">BoundReached</a></code> If the animation reaches the either <code><a href="/reference/androidx/compose/animation/core/Animatable.html#lowerBound()">lowerBound</a></code> or     <code><a href="/reference/androidx/compose/animation/core/Animatable.html#upperBound()">upperBound</a></code> in any dimension, the animation will end with     <code><a href="/reference/androidx/compose/animation/core/AnimationEndReason.html#BoundReached">BoundReached</a></code> being the end reason.</p>
       </li>
     </ul>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.exponentialDecay
 import androidx.compose.ui.geometry.Offset
 
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/AnimationSpecKt.html b/testData/compose/docs/reference/androidx/compose/animation/core/AnimationSpecKt.html
index b4debce..4ed1240 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/AnimationSpecKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/AnimationSpecKt.html
@@ -76,7 +76,7 @@
         <p>Creates a <code><a href="/reference/androidx/compose/animation/core/InfiniteRepeatableSpec.html">InfiniteRepeatableSpec</a></code> that plays a <code><a href="/reference/androidx/compose/animation/core/DurationBasedAnimationSpec.html">DurationBasedAnimationSpec</a></code> (e.g. <code><a href="/reference/androidx/compose/animation/core/TweenSpec.html">TweenSpec</a></code>, <code><a href="/reference/androidx/compose/animation/core/KeyframesSpec.html">KeyframesSpec</a></code>) infinite amount of iterations.</p>
         <p>For non-infinitely repeating animations, consider <code><a href="/reference/androidx/compose/animation/core/package-summary.html#repeatable(kotlin.Int,androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">repeatable</a></code>.</p>
         <p><code><a href="/reference/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">initialStartOffset</a></code> can be used to either delay the start of the animation or to fast forward the animation to a given play time. This start offset will <b>not</b> be repeated, whereas the delay in the <code><a href="/reference/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">animation</a></code> (if any) will be repeated. By default, the amount of offset is 0.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.StartOffset
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/AnimationState.html b/testData/compose/docs/reference/androidx/compose/animation/core/AnimationState.html
index d45e8d7..d320ea6 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/AnimationState.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/AnimationState.html
@@ -448,7 +448,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">SuspendAnimationKt.animateTo</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;V&nbsp;extends&nbsp;<a href="/reference/androidx/compose/animation/core/AnimationVector.html">AnimationVector</a>&gt; <a href="/reference/androidx/compose/animation/core/SuspendAnimationKt.html">SuspendAnimationKt</a>.<a href="/reference/androidx/compose/animation/core/AnimationState.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/AnimationState.html">AnimationState</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> V&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;targetValue,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/AnimationSpec.html">AnimationSpec</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;animationSpec,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;sequentialAnimation,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/AnimationScope.html">AnimationScope</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> V&gt;,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;block<br>)</pre>
         <p>Target based animation that takes the value and velocity from the <code><a href="/reference/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code> as the starting condition, and animate to the <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">targetValue</a></code>, using the <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animationSpec</a></code>. During the animation, the given <code><a href="/reference/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code> will be updated with the up-to-date value/velocity, frame time, etc.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.AnimationState
 import androidx.compose.animation.core.animateTo
 import androidx.compose.animation.core.spring
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/InfiniteRepeatableSpec.html b/testData/compose/docs/reference/androidx/compose/animation/core/InfiniteRepeatableSpec.html
index 1305363..4f0ccf4 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/InfiniteRepeatableSpec.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/InfiniteRepeatableSpec.html
@@ -16,7 +16,7 @@
     <p><code><a href="/reference/androidx/compose/animation/core/InfiniteRepeatableSpec.html">InfiniteRepeatableSpec</a></code> repeats the provided <code><a href="/reference/androidx/compose/animation/core/InfiniteRepeatableSpec.html#animation()">animation</a></code> infinite amount of times. It will never naturally finish. This means the animation will only be stopped via some form of manual cancellation. When used with transition or other animation composables, the infinite animations will stop when the composable is removed from the compose tree.</p>
     <p>For non-infinite repeating animations, consider <code><a href="/reference/androidx/compose/animation/core/RepeatableSpec.html">RepeatableSpec</a></code>.</p>
     <p><code><a href="/reference/androidx/compose/animation/core/InfiniteRepeatableSpec.html#initialStartOffset()">initialStartOffset</a></code> can be used to either delay the start of the animation or to fast forward the animation to a given play time. This start offset will <b>not</b> be repeated, whereas the delay in the <code><a href="/reference/androidx/compose/animation/core/InfiniteRepeatableSpec.html#animation()">animation</a></code> (if any) will be repeated. By default, the amount of offset is 0.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.StartOffset
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/InfiniteTransition.html b/testData/compose/docs/reference/androidx/compose/animation/core/InfiniteTransition.html
index 646a0d4..6480008 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/InfiniteTransition.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/InfiniteTransition.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p><code><a href="/reference/androidx/compose/animation/core/InfiniteTransition.html">InfiniteTransition</a></code> is responsible for running child animations. Child animations can be added using <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">InfiniteTransition.animateColor</a></code>, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">InfiniteTransition.animateFloat</a></code>, or <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">InfiniteTransition.animateValue</a></code>. Child animations will start running as soon as they enter the composition, and will not stop until they are removed from the composition.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
@@ -182,7 +182,7 @@
         <p>Once the animation is created, it will run from <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> to <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> and repeat. Depending on the <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html">RepeatMode</a></code> of the provided <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">animationSpec</a></code>, the animation could either restart after each iteration (i.e. <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html#Restart">RepeatMode.Restart</a></code>), or reverse after each iteration (i.e . <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html#Reverse">RepeatMode.Reverse</a></code>).</p>
         <p>If <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> is changed at any point during the animation, the animation will be restarted with the new <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> and <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code>. <b>Note</b>: this means continuity will <em>not</em> be preserved.</p>
         <p>A <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">label</a></code> for differentiating this animation from others in android studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
@@ -272,7 +272,7 @@
         <p>Once the animation is created, it will run from <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> to <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> and repeat. Depending on the <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html">RepeatMode</a></code> of the provided <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">animationSpec</a></code>, the animation could either restart after each iteration (i.e. <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html#Restart">RepeatMode.Restart</a></code>), or reverse after each iteration (i.e . <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html#Reverse">RepeatMode.Reverse</a></code>).</p>
         <p>If <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> is changed at any point during the animation, the animation will be restarted with the new <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> and <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code>. <b>Note</b>: this means continuity will <em>not</em> be preserved.</p>
         <p>A <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">label</a></code> for differentiating this animation from others in android studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateValue
 import androidx.compose.animation.core.infiniteRepeatable
 import androidx.compose.animation.core.keyframes
@@ -331,7 +331,7 @@
         <p>Once the animation is created, it will run from <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> to <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> and repeat. Depending on the <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html">RepeatMode</a></code> of the provided <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">animationSpec</a></code>, the animation could either restart after each iteration (i.e. <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html#Restart">RepeatMode.Restart</a></code>), or reverse after each iteration (i.e . <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html#Reverse">RepeatMode.Reverse</a></code>).</p>
         <p>If <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> is changed at any point during the animation, the animation will be restarted with the new initial/targetValue. <b>Note</b>: this means animation continuity will <em>not</em> be preserved when changing either <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code>.</p>
         <p>A <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">label</a></code> for differentiating this animation from others in android studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/InfiniteTransitionKt.html b/testData/compose/docs/reference/androidx/compose/animation/core/InfiniteTransitionKt.html
index b56f52f..48bd36f 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/InfiniteTransitionKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/InfiniteTransitionKt.html
@@ -56,7 +56,7 @@
         <p>Once the animation is created, it will run from <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> to <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> and repeat. Depending on the <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html">RepeatMode</a></code> of the provided <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">animationSpec</a></code>, the animation could either restart after each iteration (i.e. <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html#Restart">RepeatMode.Restart</a></code>), or reverse after each iteration (i.e . <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html#Reverse">RepeatMode.Reverse</a></code>).</p>
         <p>If <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> is changed at any point during the animation, the animation will be restarted with the new <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> and <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code>. <b>Note</b>: this means continuity will <em>not</em> be preserved.</p>
         <p>A <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">label</a></code> for differentiating this animation from others in android studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
@@ -146,7 +146,7 @@
         <p>Once the animation is created, it will run from <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> to <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> and repeat. Depending on the <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html">RepeatMode</a></code> of the provided <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">animationSpec</a></code>, the animation could either restart after each iteration (i.e. <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html#Restart">RepeatMode.Restart</a></code>), or reverse after each iteration (i.e . <code><a href="/reference/androidx/compose/animation/core/RepeatMode.html#Reverse">RepeatMode.Reverse</a></code>).</p>
         <p>If <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> is changed at any point during the animation, the animation will be restarted with the new <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> and <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code>. <b>Note</b>: this means continuity will <em>not</em> be preserved.</p>
         <p>A <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">label</a></code> for differentiating this animation from others in android studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateValue
 import androidx.compose.animation.core.infiniteRepeatable
 import androidx.compose.animation.core.keyframes
@@ -202,7 +202,7 @@
         <h3 class="api-name" id="rememberInfiniteTransition(kotlin.String)">rememberInfiniteTransition</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/InfiniteTransition.html">InfiniteTransition</a>&nbsp;<a href="/reference/androidx/compose/animation/core/InfiniteTransitionKt.html#rememberInfiniteTransition(kotlin.String)">rememberInfiniteTransition</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;label)</pre>
         <p>Creates a <code><a href="/reference/androidx/compose/animation/core/InfiniteTransition.html">InfiniteTransition</a></code> that runs infinite child animations. Child animations can be added using <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">InfiniteTransition.animateColor</a></code>, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">InfiniteTransition.animateFloat</a></code>, or <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">InfiniteTransition.animateValue</a></code>. Child animations will start running as soon as they enter the composition, and will not stop until they are removed from the composition.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html b/testData/compose/docs/reference/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html
index a7e184a..6106da7 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p><code><a href="/reference/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html">KeyframesSpecConfig</a></code> stores a mutable configuration of the key frames, including <code><a href="/reference/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html#durationMillis()">durationMillis</a></code>, <code><a href="/reference/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html#delayMillis()">delayMillis</a></code>, and all the key frames. Each key frame defines what the animation value should be at a particular time. Once the key frames are fully configured, the <code><a href="/reference/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html">KeyframesSpecConfig</a></code> can be used to create a <code><a href="/reference/androidx/compose/animation/core/KeyframesSpec.html">KeyframesSpec</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.keyframes
 import androidx.compose.ui.unit.DpOffset
 
@@ -277,7 +277,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.core.KeyframesSpec.KeyframeEntity).with(androidx.compose.animation.core.Easing)">with</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html#(androidx.compose.animation.core.KeyframesSpec.KeyframeEntity).with(androidx.compose.animation.core.Easing)">with</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/KeyframesSpec.KeyframeEntity.html">KeyframesSpec.KeyframeEntity</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/Easing.html">Easing</a>&nbsp;easing<br>)</pre>
         <p>Adds an <code><a href="/reference/androidx/compose/animation/core/Easing.html">Easing</a></code> for the interval started with the just provided timestamp. For example:     0f at 50 with LinearEasing</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.keyframes
 
 // Use FastOutSlowInEasing for the interval from 0 to 50 ms, and LinearOutSlowInEasing for the
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/KeyframesSpec.html b/testData/compose/docs/reference/androidx/compose/animation/core/KeyframesSpec.html
index 681a360..b0d318e 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/KeyframesSpec.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/KeyframesSpec.html
@@ -15,7 +15,7 @@
     <hr>
     <p><code><a href="/reference/androidx/compose/animation/core/KeyframesSpec.html">KeyframesSpec</a></code> creates a <code><a href="/reference/androidx/compose/animation/core/VectorizedKeyframesSpec.html">VectorizedKeyframesSpec</a></code> animation.</p>
     <p><code><a href="/reference/androidx/compose/animation/core/VectorizedKeyframesSpec.html">VectorizedKeyframesSpec</a></code> animates based on the values defined at different timestamps in the duration of the animation (i.e. different keyframes). Each keyframe can be defined using <code><a href="/reference/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html#(kotlin.Any).at(kotlin.Int)">KeyframesSpecConfig.at</a></code>. <code><a href="/reference/androidx/compose/animation/core/VectorizedKeyframesSpec.html">VectorizedKeyframesSpec</a></code> allows very specific animation definitions with a precision to millisecond.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.KeyframesSpec
 
 KeyframesSpec(
@@ -28,7 +28,7 @@
     }
 )</pre>
     <p>You can also provide a custom <code><a href="/reference/androidx/compose/animation/core/Easing.html">Easing</a></code> for the interval with use of <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/index.html">with</a></code> function applied for the interval starting keyframe.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.keyframes
 
 // Use FastOutSlowInEasing for the interval from 0 to 50 ms, and LinearOutSlowInEasing for the
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/MutableTransitionState.html b/testData/compose/docs/reference/androidx/compose/animation/core/MutableTransitionState.html
index d5bd183..b429594 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/MutableTransitionState.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/MutableTransitionState.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>MutableTransitionState contains two fields: <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#currentState()">currentState</a></code> and <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#targetState()">targetState</a></code>. <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#currentState()">currentState</a></code> is initialized to the provided initialState, and can only be mutated by a <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code>. <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#targetState()">targetState</a></code> is also initialized to initialState. It can be mutated to alter the course of a transition animation that is created with the <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> using <code><a href="/reference/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">updateTransition</a></code>. Both <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#currentState()">currentState</a></code> and <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#targetState()">targetState</a></code> are backed by a <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> object.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.animateFloat
@@ -176,7 +176,7 @@
         <h3 class="api-name" id="getIsIdle()">isIdle</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#getIsIdle()">isIdle</a>()</pre>
         <p><code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#isIdle()">isIdle</a></code> returns whether the transition has finished running. This will return false once the <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#targetState()">targetState</a></code> has been set to a different value than <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#currentState()">currentState</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.animation.core.animateDp
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/StartOffset.html b/testData/compose/docs/reference/androidx/compose/animation/core/StartOffset.html
index c7440c8..bf45399 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/StartOffset.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/StartOffset.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>This class defines a start offset for <code><a href="/reference/androidx/compose/animation/core/package-summary.html#repeatable(kotlin.Int,androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">repeatable</a></code> and <code><a href="/reference/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">infiniteRepeatable</a></code>. There are two types of start offsets: <code><a href="/reference/androidx/compose/animation/core/StartOffsetType.Companion.html#Delay()">StartOffsetType.Delay</a></code> and <code><a href="/reference/androidx/compose/animation/core/StartOffsetType.Companion.html#FastForward()">StartOffsetType.FastForward</a></code>. <code><a href="/reference/androidx/compose/animation/core/StartOffsetType.Companion.html#Delay()">StartOffsetType.Delay</a></code> delays the start of the animation, whereas <code><a href="/reference/androidx/compose/animation/core/StartOffsetType.Companion.html#FastForward()">StartOffsetType.FastForward</a></code> fast forwards the animation to a given play time and starts it right away.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.StartOffset
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/SuspendAnimationKt.html b/testData/compose/docs/reference/androidx/compose/animation/core/SuspendAnimationKt.html
index 253e3d2..ab63eaf 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/SuspendAnimationKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/SuspendAnimationKt.html
@@ -68,7 +68,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/animation/core/SuspendAnimationKt.html#animate(kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Function2)">animate</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;initialValue,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;targetValue,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;initialVelocity,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/AnimationSpec.html">AnimationSpec</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>&gt;&nbsp;animationSpec,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;block<br>)</pre>
         <p>Target based animation that animates from the given <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animate(kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Function2)">initialValue</a></code> towards the <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animate(kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Function2)">targetValue</a></code>, with an optional <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animate(kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Function2)">initialVelocity</a></code>. By default, a <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> will be used for the animation. An alternative <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animate(kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Function2)">animationSpec</a></code> can be provided to replace the default <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code>.</p>
         <p>This is a convenient method for Float animation. If there's a need to access more info related to the animation such as start time, target, etc, consider using <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">AnimationState.animateTo</a></code>. To animate non-<code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></code> data types, consider the <code><a href="/reference/androidx/compose/animation/core/package-summary.html#animate(kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Function2)">animate</a></code> overload/variant for generic types.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animate
 import androidx.compose.animation.core.infiniteRepeatable
 import androidx.compose.animation.core.tween
@@ -284,7 +284,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;void&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;V&nbsp;extends&nbsp;<a href="/reference/androidx/compose/animation/core/AnimationVector.html">AnimationVector</a>&gt; <a href="/reference/androidx/compose/animation/core/SuspendAnimationKt.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/AnimationState.html">AnimationState</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> V&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;targetValue,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/AnimationSpec.html">AnimationSpec</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;animationSpec,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;sequentialAnimation,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/AnimationScope.html">AnimationScope</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> V&gt;,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;block<br>)</pre>
         <p>Target based animation that takes the value and velocity from the <code><a href="/reference/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code> as the starting condition, and animate to the <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">targetValue</a></code>, using the <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animationSpec</a></code>. During the animation, the given <code><a href="/reference/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code> will be updated with the up-to-date value/velocity, frame time, etc.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.AnimationState
 import androidx.compose.animation.core.animateTo
 import androidx.compose.animation.core.spring
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/Transition.html b/testData/compose/docs/reference/androidx/compose/animation/core/Transition.html
index 432e3f5..ebff4cd 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/Transition.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/Transition.html
@@ -15,7 +15,7 @@
     <hr>
     <p><code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> manages all the child animations on a state level. Child animations can be created in a declarative way using <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">Transition.animateFloat</a></code>, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateValue(androidx.compose.animation.core.TwoWayConverter,kotlin.Function1,kotlin.String,kotlin.Function1)">Transition.animateValue</a></code>, <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">animateColor</a></code> etc. When the <code><a href="/reference/androidx/compose/animation/core/Transition.html#targetState()">targetState</a></code> changes, <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> will automatically start or adjust course for all its child animations to animate to the new target values defined for each animation.</p>
     <p>After arriving at <code><a href="/reference/androidx/compose/animation/core/Transition.html#targetState()">targetState</a></code>, <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> will be triggered to run if any child animation changes its target value (due to their dynamic target calculation logic, such as theme-dependent values).</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.spring
@@ -398,7 +398,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> displays only the content for <code><a href="/reference/androidx/compose/animation/core/Transition.html#targetState()">Transition.targetState</a></code> when not animating. However, during the transient content transform, there will be more than one sets of content present in the <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> container. It may be sometimes desired to define the positional relationship among different content and the style of overlap. This can be achieved by defining <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentAlignment</a></code> and <code><a href="/reference/androidx/compose/animation/ContentTransform.html#targetContentZIndex()">zOrder</a></code>. By default, <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentAlignment</a></code> aligns all content to <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#TopStart()">Alignment.TopStart</a></code>, and the <code>zIndex</code> for all the content is 0f. <b>Note</b>: The target content will always be placed last, therefore it will be on top of all the other content unless zIndex is specified.</p>
         <p>Different content in <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> will have access to their own <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html">AnimatedVisibilityScope</a></code>. This allows content to define more local enter/exit transitions via <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)">AnimatedVisibilityScope.animateEnterExit</a></code> and <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code>. These custom enter/exit animations will be triggered as the content enters/leaves the container.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentKey</a></code> can be used to specify a key for each targetState. There will be no animation when switching between target states that share the same same key. By default, the key will be the same as the targetState object. <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentKey</a></code> can be particularly useful if target state object gets recreated across save & restore while a more persistent key is needed to properly restore the internal states of the content.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedContent
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.animateDp
@@ -531,7 +531,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedVisibility(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed.</p>
         <p>By default, the enter transition will be a combination of <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code> of the content from the bottom end. And the exit transition will be shrinking the content towards the bottom end while fading out (i.e. <code><a href="/reference/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</a></code> + <code><a href="/reference/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>). The expanding and shrinking will likely also animate the parent and siblings if they rely on the size of appearing/disappearing content.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateDp
@@ -764,7 +764,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is used as a mapping from a target state to the target value of this animation. <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> will be using this mapping to determine what value to target this animation towards. <b>Note</b> that <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is a composable function. This means the mapping function could access states, CompositionLocals, themes, etc. If the target value changes when the <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> already reached its <code><a href="/reference/androidx/compose/animation/core/Transition.html#targetState()">targetState</a></code>, the <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> will run an animation to ensure the new target value is reached smoothly.</p>
         <p>An optional <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> can be provided to specify (potentially different) animations for each pair of initialState and targetState. <code><a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a></code> can be used to describe such animations, such as <code><a href="/reference/androidx/compose/animation/core/package-summary.html#tween(kotlin.Int,kotlin.Int,androidx.compose.animation.core.Easing)">tween</a></code>, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code>, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#keyframes(kotlin.Function1)">keyframes</a></code> and even <code><a href="/reference/androidx/compose/animation/core/package-summary.html#repeatable(kotlin.Int,androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">repeatable</a></code>, but not <code><a href="/reference/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">infiniteRepeatable</a></code>. By default, <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> uses a <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation for all transition destinations.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">label</a></code> is used to differentiate from other animations in the same transition in Android Studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.spring
@@ -934,7 +934,7 @@
         <p>Creates a Float animation as a part of the given <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code>. This means the states of this animation will be managed by the <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code>.</p>
         <p><code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is used as a mapping from a target state to the target value of this animation. <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> will be using this mapping to determine what value to target this animation towards. <b>Note</b> that <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is a composable function. This means the mapping function could access states, CompositionLocals, themes, etc. If the targetValue changes outside of a <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> run (i.e. when the <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> already reached its targetState), the <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> will start running again to ensure this animation reaches its new target smoothly.</p>
         <p>An optional <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> can be provided to specify (potentially different) animation for each pair of initialState and targetState. <code><a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a></code> includes any non-infinite animation, such as <code><a href="/reference/androidx/compose/animation/core/package-summary.html#tween(kotlin.Int,kotlin.Int,androidx.compose.animation.core.Easing)">tween</a></code>, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code>, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#keyframes(kotlin.Function1)">keyframes</a></code> and even <code><a href="/reference/androidx/compose/animation/core/package-summary.html#repeatable(kotlin.Int,androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">repeatable</a></code>, but not <code><a href="/reference/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">infiniteRepeatable</a></code>. By default, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> uses a <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation for all transition destinations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.snap
@@ -1280,7 +1280,7 @@
           </li>
         </ol>
         <p><code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).createChildTransition(kotlin.String,kotlin.Function1)">label</a></code> is used to differentiate from other animations in the same transition in Android Studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.createChildTransition
diff --git a/testData/compose/docs/reference/androidx/compose/animation/core/TransitionKt.html b/testData/compose/docs/reference/androidx/compose/animation/core/TransitionKt.html
index 66b83c3..a5a587f 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/core/TransitionKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/core/TransitionKt.html
@@ -147,7 +147,7 @@
         <p>Creates a Float animation as a part of the given <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code>. This means the states of this animation will be managed by the <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code>.</p>
         <p><code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is used as a mapping from a target state to the target value of this animation. <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> will be using this mapping to determine what value to target this animation towards. <b>Note</b> that <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is a composable function. This means the mapping function could access states, CompositionLocals, themes, etc. If the targetValue changes outside of a <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> run (i.e. when the <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> already reached its targetState), the <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> will start running again to ensure this animation reaches its new target smoothly.</p>
         <p>An optional <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> can be provided to specify (potentially different) animation for each pair of initialState and targetState. <code><a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a></code> includes any non-infinite animation, such as <code><a href="/reference/androidx/compose/animation/core/package-summary.html#tween(kotlin.Int,kotlin.Int,androidx.compose.animation.core.Easing)">tween</a></code>, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code>, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#keyframes(kotlin.Function1)">keyframes</a></code> and even <code><a href="/reference/androidx/compose/animation/core/package-summary.html#repeatable(kotlin.Int,androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">repeatable</a></code>, but not <code><a href="/reference/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">infiniteRepeatable</a></code>. By default, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> uses a <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation for all transition destinations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.snap
@@ -493,7 +493,7 @@
           </li>
         </ol>
         <p><code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).createChildTransition(kotlin.String,kotlin.Function1)">label</a></code> is used to differentiate from other animations in the same transition in Android Studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.createChildTransition
@@ -578,7 +578,7 @@
         <p>This sets up a <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code>, and updates it with the target provided by <code><a href="/reference/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">targetState</a></code>. When <code><a href="/reference/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">targetState</a></code> changes, <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> will run all of its child animations towards their target values specified for the new <code><a href="/reference/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">targetState</a></code>. Child animations can be dynamically added using <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">Transition.animateFloat</a></code>, <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">animateColor</a></code>, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateValue(androidx.compose.animation.core.TwoWayConverter,kotlin.Function1,kotlin.String,kotlin.Function1)">Transition.animateValue</a></code>, etc.</p>
         <p><code><a href="/reference/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">label</a></code> is used to differentiate different transitions in Android Studio.</p>
         <p><b>Note</b>: There is another <code><a href="/reference/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">updateTransition</a></code> overload that accepts a <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code>. The difference between the two is that the <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> variant: 1) supports a different initial state than target state (This would allow a transition to start as soon as it enters composition.) 2) can be recreated to intentionally trigger a re-start of the transition.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.spring
@@ -719,7 +719,7 @@
         <p>Creates a <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> and puts it in the <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#currentState()">currentState</a></code> of the provided <code><a href="/reference/androidx/compose/animation/core/package-summary.html#updateTransition(androidx.compose.animation.core.MutableTransitionState,kotlin.String)">transitionState</a></code>. Whenever the <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#targetState()">targetState</a></code> of the <code><a href="/reference/androidx/compose/animation/core/package-summary.html#updateTransition(androidx.compose.animation.core.MutableTransitionState,kotlin.String)">transitionState</a></code> changes, the <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> will animate to the new target state.</p>
         <p><b>Remember</b>: The provided <code><a href="/reference/androidx/compose/animation/core/package-summary.html#updateTransition(androidx.compose.animation.core.MutableTransitionState,kotlin.String)">transitionState</a></code> needs to be <code><a href="/reference/androidx/compose/runtime/package-summary.html#remember(kotlin.Function0)">remember</a></code>ed.</p>
         <p>Compared to the <code><a href="/reference/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">updateTransition</a></code> variant that takes a targetState, this function supports a different initial state than the first targetState. Here is an example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.animateFloat
@@ -774,7 +774,7 @@
     ) {}
 }</pre>
         <p>In most cases, it is recommended to reuse the same <code><a href="/reference/androidx/compose/animation/core/package-summary.html#updateTransition(androidx.compose.animation.core.MutableTransitionState,kotlin.String)">transitionState</a></code> that is <code><a href="/reference/androidx/compose/runtime/package-summary.html#remember(kotlin.Function0)">remember</a></code>ed, such that <code><a href="/reference/androidx/compose/animation/core/Transition.html">Transition</a></code> preserves continuity when <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html#targetState()">targetState</a></code> is changed. However, in some rare cases it is more critical to immediately <em>snap</em> to a state change (e.g. in response to a user interaction). This can be achieved by creating a new <code><a href="/reference/androidx/compose/animation/core/package-summary.html#updateTransition(androidx.compose.animation.core.MutableTransitionState,kotlin.String)">transitionState</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.keyframes
diff --git a/testData/compose/docs/reference/androidx/compose/animation/graphics/res/AnimatedVectorPainterResourcesKt.html b/testData/compose/docs/reference/androidx/compose/animation/graphics/res/AnimatedVectorPainterResourcesKt.html
index ad48e73..1dae31f 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/graphics/res/AnimatedVectorPainterResourcesKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/graphics/res/AnimatedVectorPainterResourcesKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="rememberAnimatedVectorPainter(androidx.compose.animation.graphics.vector.AnimatedImageVector,kotlin.Boolean)">rememberAnimatedVectorPainter</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/animation/graphics/ExperimentalAnimationGraphicsApi.html">ExperimentalAnimationGraphicsApi</a><br>@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/painter/Painter.html">Painter</a>&nbsp;<a href="/reference/androidx/compose/animation/graphics/res/AnimatedVectorPainterResourcesKt.html#rememberAnimatedVectorPainter(androidx.compose.animation.graphics.vector.AnimatedImageVector,kotlin.Boolean)">rememberAnimatedVectorPainter</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.html">AnimatedImageVector</a>&nbsp;animatedImageVector,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;atEnd<br>)</pre>
         <p>Creates and remembers a <code><a href="/reference/androidx/compose/ui/graphics/painter/Painter.html">Painter</a></code> to render an <code><a href="/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.html">AnimatedImageVector</a></code>. It renders the image either at the start or the end of all the animations depending on the <code><a href="/reference/androidx/compose/animation/graphics/res/package-summary.html#rememberAnimatedVectorPainter(androidx.compose.animation.graphics.vector.AnimatedImageVector,kotlin.Boolean)">atEnd</a></code>. Changes to <code><a href="/reference/androidx/compose/animation/graphics/res/package-summary.html#rememberAnimatedVectorPainter(androidx.compose.animation.graphics.vector.AnimatedImageVector,kotlin.Boolean)">atEnd</a></code> are animated.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.graphics.res.animatedVectorResource
 import androidx.compose.animation.graphics.res.rememberAnimatedVectorPainter
 import androidx.compose.foundation.Image
diff --git a/testData/compose/docs/reference/androidx/compose/animation/graphics/res/AnimatedVectorResourcesKt.html b/testData/compose/docs/reference/androidx/compose/animation/graphics/res/AnimatedVectorResourcesKt.html
index e4d041d..2e0c5bb 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/graphics/res/AnimatedVectorResourcesKt.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/graphics/res/AnimatedVectorResourcesKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.graphics.vector.AnimatedImageVector.Companion).animatedVectorResource(kotlin.Int)">animatedVectorResource</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/animation/graphics/ExperimentalAnimationGraphicsApi.html">ExperimentalAnimationGraphicsApi</a><br>@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.html">AnimatedImageVector</a>&nbsp;<a href="/reference/androidx/compose/animation/graphics/res/AnimatedVectorResourcesKt.html#(androidx.compose.animation.graphics.vector.AnimatedImageVector.Companion).animatedVectorResource(kotlin.Int)">animatedVectorResource</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html">AnimatedImageVector.Companion</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/DrawableRes.html">DrawableRes</a> int&nbsp;id<br>)</pre>
         <p>Load an <code><a href="/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.html">AnimatedImageVector</a></code> from an Android resource id.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.graphics.res.animatedVectorResource
 import androidx.compose.animation.graphics.res.rememberAnimatedVectorPainter
 import androidx.compose.foundation.Image
diff --git a/testData/compose/docs/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html b/testData/compose/docs/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html
index 1d0133c..8d589d9 100644
--- a/testData/compose/docs/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html
+++ b/testData/compose/docs/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html
@@ -43,7 +43,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.graphics.vector.AnimatedImageVector.Companion).animatedVectorResource(kotlin.Int)">AnimatedVectorResourcesKt.animatedVectorResource</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/animation/graphics/ExperimentalAnimationGraphicsApi.html">ExperimentalAnimationGraphicsApi</a><br>@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.html">AnimatedImageVector</a>&nbsp;<a href="/reference/androidx/compose/animation/graphics/vector/AnimatedVectorResourcesKt.html">AnimatedVectorResourcesKt</a>.<a href="/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html#(androidx.compose.animation.graphics.vector.AnimatedImageVector.Companion).animatedVectorResource(kotlin.Int)">animatedVectorResource</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html">AnimatedImageVector.Companion</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/DrawableRes.html">DrawableRes</a> int&nbsp;id<br>)</pre>
         <p>Load an <code><a href="/reference/androidx/compose/animation/graphics/vector/AnimatedImageVector.html">AnimatedImageVector</a></code> from an Android resource id.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.graphics.res.animatedVectorResource
 import androidx.compose.animation.graphics.res.rememberAnimatedVectorPainter
 import androidx.compose.foundation.Image
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/BackgroundKt.html b/testData/compose/docs/reference/androidx/compose/foundation/BackgroundKt.html
index 2f4b4cb..f9aa800 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/BackgroundKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/BackgroundKt.html
@@ -46,7 +46,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">background</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/BackgroundKt.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">background</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;color,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Shape.html">Shape</a>&nbsp;shape<br>)</pre>
         <p>Draws <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">shape</a></code> with a solid <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">color</a></code> behind the content.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -87,7 +87,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">background</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/BackgroundKt.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">background</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;brush,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Shape.html">Shape</a>&nbsp;shape,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha<br>)</pre>
         <p>Draws <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">shape</a></code> with <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">brush</a></code> behind the content.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.CutCornerShape
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/BasicMarqueeKt.html b/testData/compose/docs/reference/androidx/compose/foundation/BasicMarqueeKt.html
index 9f40c83..72b2983 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/BasicMarqueeKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/BasicMarqueeKt.html
@@ -85,7 +85,7 @@
           </li>
         </ul>
         <p>The animation only affects the drawing of the content, not its position. The offset returned by the <code><a href="/reference/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> of anything inside the marquee is undefined relative to anything outside the marquee, and may not match its drawn position on screen. This modifier also does not currently support content that accepts position-based input such as pointer events.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.width
@@ -96,7 +96,7 @@
     Text(&quot;hello world&quot;, Modifier.basicMarquee())
 }</pre>
         <p>To only animate when the composable is focused, specify <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).basicMarquee(kotlin.Int,androidx.compose.foundation.MarqueeAnimationMode,kotlin.Int,kotlin.Int,androidx.compose.foundation.MarqueeSpacing,androidx.compose.ui.unit.Dp)">animationMode</a></code> and make the composable focusable.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
@@ -119,7 +119,7 @@
     )
 }</pre>
         <p>This modifier does not add any visual effects aside from scrolling, but you can add your own by placing modifiers before this one.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.MarqueeSpacing
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.layout.padding
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/BorderKt.html b/testData/compose/docs/reference/androidx/compose/foundation/BorderKt.html
index b9e85fb..3f8dc39 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/BorderKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/BorderKt.html
@@ -53,7 +53,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">border</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/BorderKt.html#(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">border</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/BorderStroke.html">BorderStroke</a>&nbsp;border,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Shape.html">Shape</a>&nbsp;shape<br>)</pre>
         <p>Modify element to add border with appearance specified with a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">border</a></code> and a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">shape</a></code> and clip it.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -95,7 +95,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">border</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/BorderKt.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">border</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;width,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;brush,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Shape.html">Shape</a>&nbsp;shape<br>)</pre>
         <p>Modify element to add border with appearance specified with a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">width</a></code>, a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">brush</a></code> and a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">shape</a></code> and clip it.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -150,7 +150,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">border</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/BorderKt.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">border</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;width,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;color,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Shape.html">Shape</a>&nbsp;shape<br>)</pre>
         <p>Modify element to add border with appearance specified with a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">width</a></code>, a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">color</a></code> and a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">shape</a></code> and clip it.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.padding
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/CanvasKt.html b/testData/compose/docs/reference/androidx/compose/foundation/CanvasKt.html
index a50a8c1..825ed8d 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/CanvasKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/CanvasKt.html
@@ -46,7 +46,7 @@
         <h3 class="api-name" id="Canvas(androidx.compose.ui.Modifier,kotlin.Function1)">Canvas</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/CanvasKt.html#Canvas(androidx.compose.ui.Modifier,kotlin.Function1)">Canvas</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onDraw<br>)</pre>
         <p>Component that allow you to specify an area on the screen and perform canvas drawing on this area. You MUST specify size with modifier, whether with exact sizes via Modifier.size modifier, or relative to parent, via Modifier.fillMaxSize, <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).weight(kotlin.Float,kotlin.Boolean)">ColumnScope.weight</a></code>, etc. If parent wraps this child, only exact sizes must be specified.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.geometry.Offset
@@ -95,7 +95,7 @@
         <h3 class="api-name" id="Canvas(androidx.compose.ui.Modifier,kotlin.String,kotlin.Function1)">Canvas</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/CanvasKt.html#Canvas(androidx.compose.ui.Modifier,kotlin.String,kotlin.Function1)">Canvas</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;contentDescription,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onDraw<br>)</pre>
         <p>Component that allow you to specify an area on the screen and perform canvas drawing on this area. You MUST specify size with modifier, whether with exact sizes via Modifier.size modifier, or relative to parent, via Modifier.fillMaxSize, <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).weight(kotlin.Float,kotlin.Boolean)">ColumnScope.weight</a></code>, etc. If parent wraps this child, only exact sizes must be specified.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.geometry.Offset
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/ClickableKt.html b/testData/compose/docs/reference/androidx/compose/foundation/ClickableKt.html
index 3cb2d82..e6f1e11 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/ClickableKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/ClickableKt.html
@@ -63,7 +63,7 @@
         <p>Add this modifier to the element to make it clickable within its bounds and show a default indication when it's pressed.</p>
         <p>This version has no <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
         <p>If you need to support double click or long click alongside the single click, consider using <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).combinedClickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.String,kotlin.Function0,kotlin.Function0,kotlin.Function0)">combinedClickable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -118,7 +118,7 @@
         <p>Configure component to receive clicks via input or accessibility &quot;click&quot; event.</p>
         <p>Add this modifier to the element to make it clickable within its bounds and show an indication as specified in <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).clickable(androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.Indication,kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)">indication</a></code> parameter.</p>
         <p>If you need to support double click or long click alongside the single click, consider using <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).combinedClickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.String,kotlin.Function0,kotlin.Function0,kotlin.Function0)">combinedClickable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -186,7 +186,7 @@
         <p>Add this modifier to the element to make it clickable within its bounds.</p>
         <p>If you need only click handling, and no double or long clicks, consider using <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).clickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)">clickable</a></code></p>
         <p>This version has no <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -260,7 +260,7 @@
         <p>Add this modifier to the element to make it clickable within its bounds.</p>
         <p>If you need only click handling, and no double or long clicks, consider using <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).clickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)">clickable</a></code>.</p>
         <p>Add this modifier to the element to make it clickable within its bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/DarkThemeKt.html b/testData/compose/docs/reference/androidx/compose/foundation/DarkThemeKt.html
index de42797..5b8fa88 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/DarkThemeKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/DarkThemeKt.html
@@ -41,7 +41,7 @@
         <p>This function should be used to help build responsive UIs that follow the system setting, to avoid harsh contrast changes when switching between applications.</p>
         <p>It is also recommended to provide user accessible overrides in your application, so users can choose to force an always-light or always-dark theme. To do this, you should provide the current theme value in a CompositionLocal or similar to components further down your hierarchy, only calling this effect once at the top level if no user override has been set. This also helps avoid multiple calls to this effect, which can be expensive as it queries system configuration.</p>
         <p>For example, to draw a white rectangle when in dark theme, and a black rectangle when in light theme:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.isSystemInDarkTheme
 import androidx.compose.foundation.layout.Box
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/FocusableKt.html b/testData/compose/docs/reference/androidx/compose/foundation/FocusableKt.html
index f439143..7720f81 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/FocusableKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/FocusableKt.html
@@ -47,7 +47,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/FocusableKt.html#(androidx.compose.ui.Modifier).focusGroup()">focusGroup</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver)</pre>
         <p>Creates a focus group or marks this component as a focus group. This means that when we move focus using the keyboard or programmatically using <code><a href="/reference/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus()</a></code>, the items within the focus group will be given a higher priority before focus moves to items outside the focus group.</p>
         <p>In the sample below, each column is a focus group, so pressing the tab key will move focus to all the buttons in column 1 before visiting column 2.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusGroup
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
@@ -67,7 +67,7 @@
     }
 }</pre>
         <p>Note: The focusable children of a focusable parent automatically form a focus group. This modifier is to be used when you want to create a focus group where the parent is not focusable. If you encounter a component that uses a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusGroup()">focusGroup</a></code> internally, you can make it focusable by using a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">focusable</a></code> modifier. In the second sample here, the <code><a href="/reference/androidx/compose/foundation/lazy/package-summary.html#LazyRow(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyRow</a></code> is a focus group that is not itself focusable. But you can make it focusable by adding a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">focusable</a></code> modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.focusable
@@ -95,7 +95,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/FocusableKt.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">focusable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>&nbsp;interactionSource<br>)</pre>
         <p>Configure component to be focusable via focus system or accessibility &quot;focus&quot; event.</p>
         <p>Add this modifier to the element to make it focusable within its bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.interaction.collectIsFocusedAsState
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/HoverableKt.html b/testData/compose/docs/reference/androidx/compose/foundation/HoverableKt.html
index f55ca22..28f8f6b 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/HoverableKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/HoverableKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).hoverable(androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean)">hoverable</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/HoverableKt.html#(androidx.compose.ui.Modifier).hoverable(androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean)">hoverable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>&nbsp;interactionSource,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled<br>)</pre>
         <p>Configure component to be hoverable via pointer enter/exit events.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.hoverable
 import androidx.compose.foundation.interaction.MutableInteractionSource
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/ImageKt.html b/testData/compose/docs/reference/androidx/compose/foundation/ImageKt.html
index 0721f5b..c64c937 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/ImageKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/ImageKt.html
@@ -116,7 +116,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/ImageKt.html#Image(androidx.compose.ui.graphics.painter.Painter,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">Image</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/painter/Painter.html">Painter</a>&nbsp;painter,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;contentDescription,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.html">Alignment</a>&nbsp;alignment,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/ContentScale.html">ContentScale</a>&nbsp;contentScale,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/ColorFilter.html">ColorFilter</a>&nbsp;colorFilter<br>)</pre>
         <p>Creates a composable that lays out and draws a given <code><a href="/reference/androidx/compose/ui/graphics/painter/Painter.html">Painter</a></code>. This will attempt to size the composable according to the <code><a href="/reference/androidx/compose/ui/graphics/painter/Painter.html">Painter</a></code>'s intrinsic size. However, an optional <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> parameter can be provided to adjust sizing or draw additional content (ex. background)</p>
         <p><b>NOTE</b> a Painter might not have an intrinsic size, so if no LayoutModifier is provided as part of the Modifier chain this might size the <code><a href="/reference/androidx/compose/foundation/package-summary.html#Image(androidx.compose.ui.graphics.ImageBitmap,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">Image</a></code> composable to a width and height of zero and will not draw any content. This can happen for Painter implementations that always attempt to fill the bounds like <code><a href="/reference/androidx/compose/ui/graphics/painter/ColorPainter.html">ColorPainter</a></code></p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.size
 import androidx.compose.runtime.remember
@@ -202,14 +202,14 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/androidx/compose/runtime/NonRestartableComposable.html">NonRestartableComposable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/ImageKt.html#Image(androidx.compose.ui.graphics.ImageBitmap,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter,androidx.compose.ui.graphics.FilterQuality)">Image</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a>&nbsp;bitmap,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;contentDescription,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.html">Alignment</a>&nbsp;alignment,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/ContentScale.html">ContentScale</a>&nbsp;contentScale,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/ColorFilter.html">ColorFilter</a>&nbsp;colorFilter,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/FilterQuality.html">FilterQuality</a>&nbsp;filterQuality<br>)</pre>
         <p>A composable that lays out and draws a given <code><a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code>. This will attempt to size the composable according to the <code><a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code>'s given width and height. However, an optional <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> parameter can be provided to adjust sizing or draw additional content (ex. background). Any unspecified dimension will leverage the <code><a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code>'s size as a minimum constraint.</p>
         <p>The following sample shows basic usage of an Image composable to position and draw an <code><a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code> on screen</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 
 val ImageBitmap = createTestImage()
 // Lays out and draws an image sized to the dimensions of the ImageBitmap
 Image(bitmap = ImageBitmap, contentDescription = &quot;Localized description&quot;)</pre>
         <p>For use cases that require drawing a rectangular subset of the <code><a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code> consumers can use overload that consumes a <code><a href="/reference/androidx/compose/ui/graphics/painter/Painter.html">Painter</a></code> parameter shown in this sample</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.ui.graphics.painter.BitmapPainter
 import androidx.compose.ui.unit.IntOffset
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/IndicationKt.html b/testData/compose/docs/reference/androidx/compose/foundation/IndicationKt.html
index 740c7d9..9b0ee68 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/IndicationKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/IndicationKt.html
@@ -52,7 +52,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).indication(androidx.compose.foundation.interaction.InteractionSource,androidx.compose.foundation.Indication)">indication</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/IndicationKt.html#(androidx.compose.ui.Modifier).indication(androidx.compose.foundation.interaction.InteractionSource,androidx.compose.foundation.Indication)">indication</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/interaction/InteractionSource.html">InteractionSource</a>&nbsp;interactionSource,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/foundation/Indication.html">Indication</a>&nbsp;indication<br>)</pre>
         <p>Draws visual effects for this component when interactions occur.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.indication
 import androidx.compose.foundation.interaction.MutableInteractionSource
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/MagnifierKt.html b/testData/compose/docs/reference/androidx/compose/foundation/MagnifierKt.html
index edbcfb6..4414e87 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/MagnifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/MagnifierKt.html
@@ -41,7 +41,7 @@
         <p>Shows a <code><a href="https://developer.android.com/reference/android/widget/Magnifier.html">Magnifier</a></code> widget that shows an enlarged version of the content at <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).magnifier(kotlin.Function1,kotlin.Function1,kotlin.Float,androidx.compose.foundation.MagnifierStyle,kotlin.Function1)">sourceCenter</a></code> relative to the current layout node.</p>
         <p>This function returns a no-op modifier on API levels below P (28), since the framework does not support the <code><a href="https://developer.android.com/reference/android/widget/Magnifier.html">Magnifier</a></code> widget on those levels. However, even on higher API levels, not all magnifier features are supported on all platforms. To check whether a given <code><a href="/reference/androidx/compose/foundation/MagnifierStyle.html">MagnifierStyle</a></code> is supported by the current platform, check the <code><a href="/reference/androidx/compose/foundation/MagnifierStyle.html#isSupported()">MagnifierStyle.isSupported</a></code> property.</p>
         <p>This function does not allow configuration of <code><a href="https://developer.android.com/reference/android/widget/Magnifier.Builder.html#setSourceBounds(kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int)">source bounds</a></code> since the magnifier widget does not support constraining to the bounds of composables.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectDragGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.magnifier
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/MutatorMutex.html b/testData/compose/docs/reference/androidx/compose/foundation/MutatorMutex.html
index 96f41ba..a60898f 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/MutatorMutex.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/MutatorMutex.html
@@ -16,7 +16,7 @@
     <p>Mutual exclusion for UI state mutation over time.</p>
     <p><code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutate(androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction0)">mutate</a></code> permits interruptible state mutation over time using a standard <code><a href="/reference/androidx/compose/foundation/MutatePriority.html">MutatePriority</a></code>. A <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html">MutatorMutex</a></code> enforces that only a single writer can be active at a time for a particular state resource. Instead of queueing callers that would acquire the lock like a traditional <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.sync/-mutex/index.html">Mutex</a></code>, new attempts to <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutate(androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction0)">mutate</a></code> the guarded state will either cancel the current mutator or if the current mutator has a higher priority, the new caller will throw <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code>.</p>
     <p><code><a href="/reference/androidx/compose/foundation/MutatorMutex.html">MutatorMutex</a></code> should be used for implementing hoisted state objects that many mutators may want to manipulate over time such that those mutators can coordinate with one another. The <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html">MutatorMutex</a></code> instance should be hidden as an implementation detail. For example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.MutatorMutex
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Text
@@ -187,7 +187,7 @@
         <p>Enforce that only a single caller may be active at a time.</p>
         <p>If <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">mutateWith</a></code> is called while another call to <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutate(androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction0)">mutate</a></code> or <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">mutateWith</a></code> is in progress, their <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">priority</a></code> values are compared. If the new caller has a <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">priority</a></code> equal to or higher than the call in progress, the call in progress will be cancelled, throwing <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code> and the new caller's <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">block</a></code> will be invoked. If the call in progress had a higher <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">priority</a></code> than the new caller, the new caller will throw <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code> without invoking <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">block</a></code>.</p>
         <p>This variant of <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutate(androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction0)">mutate</a></code> calls its <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">block</a></code> with a <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">receiver</a></code>, removing the need to create an additional capturing lambda to invoke it with a receiver object. This can be used to expose a mutable scope to the provided <code><a href="/reference/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">block</a></code> while leaving the rest of the state object read-only. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.MutatorMutex
 import androidx.compose.runtime.mutableStateOf
 
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/OverscrollEffect.html b/testData/compose/docs/reference/androidx/compose/foundation/OverscrollEffect.html
index a02ea9b..d424ff9 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/OverscrollEffect.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/OverscrollEffect.html
@@ -16,7 +16,7 @@
     <p>An OverscrollEffect represents a visual effect that displays when the edges of a scrolling container have been reached with a scroll or fling. For the default platform effect that should be used in most cases, see <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableDefaults.html#overscrollEffect()">androidx.compose.foundation.gestures.ScrollableDefaults.overscrollEffect</a></code>.</p>
     <p>OverscrollEffect conceptually 'decorates' scroll / fling events: consuming some of the delta or velocity before and/or after the event is consumed by the scrolling container. <code><a href="/reference/androidx/compose/foundation/OverscrollEffect.html#applyToScroll(androidx.compose.ui.geometry.Offset,androidx.compose.ui.input.nestedscroll.NestedScrollSource,kotlin.Function1)">applyToScroll</a></code> applies overscroll to a scroll event, and <code><a href="/reference/androidx/compose/foundation/OverscrollEffect.html#applyToFling(androidx.compose.ui.unit.Velocity,kotlin.coroutines.SuspendFunction1)">applyToFling</a></code> applies overscroll to a fling.</p>
     <p>Higher level components such as <code><a href="/reference/androidx/compose/foundation/lazy/package-summary.html#LazyColumn(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">androidx.compose.foundation.lazy.LazyColumn</a></code> will automatically configure an OverscrollEffect for you. To use a custom OverscrollEffect you first need to provide it with scroll and/or fling events - usually by providing it to a <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).scrollable(androidx.compose.foundation.gestures.ScrollableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,androidx.compose.foundation.interaction.MutableInteractionSource)">androidx.compose.foundation.gestures.scrollable</a></code>. Then you can draw the effect on top of the scrolling content using <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">Modifier.overscroll</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/OverscrollKt.html b/testData/compose/docs/reference/androidx/compose/foundation/OverscrollKt.html
index aa066a3..922f324 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/OverscrollKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/OverscrollKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/OverscrollKt.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">overscroll</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/OverscrollEffect.html">OverscrollEffect</a>&nbsp;overscrollEffect<br>)</pre>
         <p>Renders overscroll from the provided <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">overscrollEffect</a></code>.</p>
         <p>This modifier is a convenience method to call <code><a href="/reference/androidx/compose/foundation/OverscrollEffect.html#effectModifier()">OverscrollEffect.effectModifier</a></code>, which renders the actual effect. Note that this modifier is only responsible for the visual part of overscroll - on its own it will not handle input events. In addition to using this modifier you also need to propagate events to the <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">overscrollEffect</a></code>, most commonly by using a <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).scrollable(androidx.compose.foundation.gestures.ScrollableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,androidx.compose.foundation.interaction.MutableInteractionSource)">androidx.compose.foundation.gestures.scrollable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/ProgressSemanticsKt.html b/testData/compose/docs/reference/androidx/compose/foundation/ProgressSemanticsKt.html
index 70c7ad2..12842bf 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/ProgressSemanticsKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/ProgressSemanticsKt.html
@@ -47,7 +47,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/ProgressSemanticsKt.html#(androidx.compose.ui.Modifier).progressSemantics()">progressSemantics</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver)</pre>
         <p>Contains the <code><a href="/reference/androidx/compose/ui/semantics/package-summary.html#(androidx.compose.ui.Modifier).semantics(kotlin.Boolean,kotlin.Function1)">semantics</a></code> required for an indeterminate progress indicator, that represents the fact of the in-progress operation.</p>
         <p>If you need determinate progress 0.0 to 1.0, consider using overload with the progress parameter.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.progressSemantics
@@ -61,7 +61,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">progressSemantics</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/ProgressSemanticsKt.html#(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">progressSemantics</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;value,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.ranges/-closed-floating-point-range/index.html">ClosedFloatingPointRange</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>&gt;&nbsp;valueRange,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;steps<br>)</pre>
         <p>Contains the <code><a href="/reference/androidx/compose/ui/semantics/package-summary.html#(androidx.compose.ui.Modifier).semantics(kotlin.Boolean,kotlin.Function1)">semantics</a></code> required for a determinate progress indicator or the progress part of a slider, that represents progress within <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">valueRange</a></code>. <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">value</a></code> outside of this range will be coerced into this range.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/ScrollKt.html b/testData/compose/docs/reference/androidx/compose/foundation/ScrollKt.html
index 6812542..3ed1de5 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/ScrollKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/ScrollKt.html
@@ -53,7 +53,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">horizontalScroll</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/ScrollKt.html#(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">horizontalScroll</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/ScrollState.html">ScrollState</a>&nbsp;state,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a>&nbsp;flingBehavior,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;reverseScrolling<br>)</pre>
         <p>Modify element to allow to scroll horizontally when width of the content is bigger than max constraints allow.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
@@ -135,7 +135,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/ScrollState.html">ScrollState</a>&nbsp;<a href="/reference/androidx/compose/foundation/ScrollKt.html#rememberScrollState(kotlin.Int)">rememberScrollState</a>(int&nbsp;initial)</pre>
         <p>Create and <code><a href="/reference/androidx/compose/runtime/package-summary.html#remember(kotlin.Function0)">remember</a></code> the <code><a href="/reference/androidx/compose/foundation/ScrollState.html">ScrollState</a></code> based on the currently appropriate scroll configuration to allow changing scroll position or observing scroll behavior.</p>
         <p>Learn how to control the state of <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">Modifier.verticalScroll</a></code> or <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">Modifier.horizontalScroll</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.gestures.animateScrollBy
 import androidx.compose.foundation.horizontalScroll
@@ -216,7 +216,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">verticalScroll</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/ScrollKt.html#(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">verticalScroll</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/ScrollState.html">ScrollState</a>&nbsp;state,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a>&nbsp;flingBehavior,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;reverseScrolling<br>)</pre>
         <p>Modify element to allow to scroll vertically when height of the content is bigger than max constraints allow.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/ScrollState.html b/testData/compose/docs/reference/androidx/compose/foundation/ScrollState.html
index f6eab2d..63356f1 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/ScrollState.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/ScrollState.html
@@ -16,7 +16,7 @@
     <p>State of the scroll. Allows the developer to change the scroll position or get current state by calling methods on this object. To be hosted and passed to <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">Modifier.verticalScroll</a></code> or <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">Modifier.horizontalScroll</a></code></p>
     <p>To create and automatically remember <code><a href="/reference/androidx/compose/foundation/ScrollState.html">ScrollState</a></code> with default parameters use <code><a href="/reference/androidx/compose/foundation/package-summary.html#rememberScrollState(kotlin.Int)">rememberScrollState</a></code>.</p>
     <p>Learn how to control the state of <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">Modifier.verticalScroll</a></code> or <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">Modifier.horizontalScroll</a></code>:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.gestures.animateScrollBy
 import androidx.compose.foundation.horizontalScroll
@@ -313,7 +313,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/ScrollState.html#getCanScrollBackward()">getCanScrollBackward</a>()</pre>
         <p>Whether this <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll backward (consume a negative delta). This is typically false if the scroll position is equal to its minimum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -364,7 +364,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/ScrollState.html#getCanScrollForward()">getCanScrollForward</a>()</pre>
         <p>Whether this <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll forward (consume a positive delta). This is typically false if the scroll position is equal to its maximum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html b/testData/compose/docs/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html
index b322fd0..b8d52a8 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html
@@ -131,7 +131,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitDragOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId<br>)</pre>
         <p>Reads pointer input events until a drag is detected or all pointers are up. When the  final pointer is raised, the up event is returned. When a drag event is detected, the drag change will be returned. Note that if <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> has been raised, another pointer that is down will be used, if available, so the returned <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#id()">PointerInputChange.id</a></code> may differ from <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>. If the position change in the any direction has been consumed by the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerEventPass.html#Main">PointerEventPass.Main</a></code> pass, then the drag is considered canceled and <code>null</code> is returned.  If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is not down when <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitDragOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitDragOrCancellation
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -226,7 +226,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitHorizontalDragOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId<br>)</pre>
         <p>Reads pointer input events until a horizontal drag is detected or all pointers are up. When the final pointer is raised, the up event is returned. When a drag event is detected, the drag change will be returned. Note that if <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> has been raised, another pointer that is down will be used, if available, so the returned <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#id()">PointerInputChange.id</a></code> may differ from <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>. If the position change has been consumed by the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerEventPass.html#Main">PointerEventPass.Main</a></code> pass, then the drag is considered canceled and <code>null</code> is returned. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is not down when <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitHorizontalDragOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitHorizontalDragOrCancellation
@@ -314,7 +314,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitHorizontalTouchSlopOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onTouchSlopReached<br>)</pre>
         <p>Waits for horizontal drag motion to pass <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">touch slop</a></code>, using <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> as the pointer to examine. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is raised, another pointer from those that are down will be chosen to lead the gesture, and if none are down, <code>null</code> is returned.</p>
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> is called after <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">ViewConfiguration.touchSlop</a></code> motion in the horizontal direction with the change that caused the motion beyond touch slop and the pixels beyond touch slop. <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> should consume the position change if it accepts the motion. If it does, then the method returns that <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>. If not, touch slop detection will continue. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is not down when <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitHorizontalTouchSlopOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitHorizontalDragOrCancellation
@@ -420,7 +420,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitLongPressOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitLongPressOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId<br>)</pre>
         <p>Waits for a long press by examining <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitLongPressOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>.</p>
         <p>If that <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitLongPressOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is raised (that is, the user lifts their finger), but another finger (<code><a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a></code>) is down at that time, another pointer will be chosen as the lead for the gesture, and if none are down, <code>null</code> is returned.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
@@ -487,7 +487,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitTouchSlopOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onTouchSlopReached<br>)</pre>
         <p>Waits for drag motion to pass <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">touch slop</a></code>, using <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> as the pointer to examine. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is raised, another pointer from those that are down will be chosen to lead the gesture, and if none are down, <code>null</code> is returned. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is not down when <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitTouchSlopOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> is called after <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">ViewConfiguration.touchSlop</a></code> motion in the any direction with the change that caused the motion beyond touch slop and the <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code> beyond touch slop that has passed. <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> should consume the position change if it accepts the motion. If it does, then the method returns that <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>. If not, touch slop detection will continue.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitDragOrCancellation
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -600,7 +600,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitVerticalDragOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId<br>)</pre>
         <p>Reads pointer input events until a vertical drag is detected or all pointers are up. When the final pointer is raised, the up event is returned. When a drag event is detected, the drag change will be returned. Note that if <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> has been raised, another pointer that is down will be used, if available, so the returned <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#id()">PointerInputChange.id</a></code> may differ from <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>. If the position change  has been consumed by the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerEventPass.html#Main">PointerEventPass.Main</a></code> pass, then the drag is considered canceled and <code>null</code> is returned. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is not down when <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitVerticalDragOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitVerticalDragOrCancellation
@@ -688,7 +688,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitVerticalTouchSlopOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onTouchSlopReached<br>)</pre>
         <p>Waits for vertical drag motion to pass <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">touch slop</a></code>, using <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> as the pointer to examine. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is raised, another pointer from those that are down will be chosen to lead the gesture, and if none are down, <code>null</code> is returned. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is not down when <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitVerticalTouchSlopOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> is called after <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">ViewConfiguration.touchSlop</a></code> motion in the vertical direction with the change that caused the motion beyond touch slop and the pixels beyond touch slop. <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> should consume the position change if it accepts the motion. If it does, then the method returns that <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>. If not, touch slop detection will continue.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitVerticalDragOrCancellation
@@ -796,7 +796,7 @@
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragStart</a></code> called when the touch slop has been passed and includes an <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code> representing the last known pointer position relative to the containing element. The <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code> can be outside the actual bounds of the element itself meaning the numbers can be negative or larger than the element bounds if the touch target is smaller than the <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#minimumTouchTargetSize()">ViewConfiguration.minimumTouchTargetSize</a></code>.</p>
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectDragGestures
 import androidx.compose.foundation.layout.Box
@@ -873,7 +873,7 @@
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGesturesAfterLongPress(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragStart</a></code> called when a long press is detected and includes an <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code> representing the last known pointer position relative to the containing element. The <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code> can be outside the actual bounds of the element itself meaning the numbers can be negative or larger than the element bounds if the touch target is smaller than the <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#minimumTouchTargetSize()">ViewConfiguration.minimumTouchTargetSize</a></code>.</p>
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGesturesAfterLongPress(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGesturesAfterLongPress(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture. This function will automatically consume all the position change after the long press.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectDragGesturesAfterLongPress
 import androidx.compose.foundation.layout.Box
@@ -949,7 +949,7 @@
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectHorizontalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectHorizontalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture.</p>
         <p>This gesture detector will coordinate with <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectVerticalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">detectVerticalDragGestures</a></code> and <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitVerticalTouchSlopOrCancellation</a></code> to ensure only vertical or horizontal dragging is locked, but not both.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectHorizontalDragGestures
 import androidx.compose.foundation.layout.Box
@@ -1016,7 +1016,7 @@
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectVerticalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectVerticalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture.</p>
         <p>This gesture detector will coordinate with <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectHorizontalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">detectHorizontalDragGestures</a></code> and <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitHorizontalTouchSlopOrCancellation</a></code> to ensure only vertical or horizontal dragging is locked, but not both.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectVerticalDragGestures
 import androidx.compose.foundation.layout.Box
@@ -1079,7 +1079,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">drag</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">drag</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onDrag<br>)</pre>
         <p>Reads position change events for <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> and calls <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">onDrag</a></code> for every change in position. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> is raised, a new pointer is chosen from those that are down and if none exist, the method returns. This does not wait for touch slop.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitTouchSlopOrCancellation
@@ -1199,7 +1199,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">horizontalDrag</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onDrag<br>)</pre>
         <p>Reads horizontal position change events for <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> and calls <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">onDrag</a></code> for every change in position. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> is raised, a new pointer is chosen from those that are down and if none exist, the method returns. This does not wait for touch slop.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitHorizontalTouchSlopOrCancellation
@@ -1289,7 +1289,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">verticalDrag</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/gestures/DragGestureDetectorKt.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">verticalDrag</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onDrag<br>)</pre>
         <p>Reads vertical position change events for <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> and calls <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">onDrag</a></code> for every change in position. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> is raised, a new pointer is chosen from those that are down and if none exist, the method returns. This does not wait for touch slop</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitVerticalTouchSlopOrCancellation
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/gestures/DraggableKt.html b/testData/compose/docs/reference/androidx/compose/foundation/gestures/DraggableKt.html
index 656757f..26cb680 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/gestures/DraggableKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/gestures/DraggableKt.html
@@ -84,7 +84,7 @@
         <p>The common usecase for this component is when you need to be able to drag something inside the component on the screen and represent this state via one float value</p>
         <p>If you need to control the whole dragging flow, consider using <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> instead with the helper functions like <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">detectDragGestures</a></code>.</p>
         <p>If you are implementing scroll/fling behavior, consider using <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).scrollable(androidx.compose.foundation.gestures.ScrollableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,androidx.compose.foundation.interaction.MutableInteractionSource)">scrollable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.draggable
 import androidx.compose.foundation.gestures.rememberDraggableState
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/gestures/ScrollableKt.html b/testData/compose/docs/reference/androidx/compose/foundation/gestures/ScrollableKt.html
index 5e95faf..ac6edec 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/gestures/ScrollableKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/gestures/ScrollableKt.html
@@ -48,7 +48,7 @@
         <p>Configure touch scrolling and flinging for the UI element in a single <code><a href="/reference/androidx/compose/foundation/gestures/Orientation.html">Orientation</a></code>.</p>
         <p>Users should update their state themselves using default <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> and its <code>consumeScrollDelta</code> callback or by implementing <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> interface manually and reflect their own state in UI when using this component.</p>
         <p>If you don't need to have fling or nested scroll support, but want to make component simply draggable, consider using <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).draggable(androidx.compose.foundation.gestures.DraggableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean,kotlin.coroutines.SuspendFunction2,kotlin.coroutines.SuspendFunction2,kotlin.Boolean)">draggable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.rememberScrollableState
 import androidx.compose.foundation.gestures.scrollable
@@ -142,7 +142,7 @@
         <p>Users should update their state themselves using default <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> and its <code>consumeScrollDelta</code> callback or by implementing <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> interface manually and reflect their own state in UI when using this component.</p>
         <p>If you don't need to have fling or nested scroll support, but want to make component simply draggable, consider using <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).draggable(androidx.compose.foundation.gestures.DraggableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean,kotlin.coroutines.SuspendFunction2,kotlin.coroutines.SuspendFunction2,kotlin.Boolean)">draggable</a></code>.</p>
         <p>This overload provides the access to <code><a href="/reference/androidx/compose/foundation/OverscrollEffect.html">OverscrollEffect</a></code> that defines the behaviour of the over scrolling logic. Consider using <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableDefaults.html#overscrollEffect()">ScrollableDefaults.overscrollEffect</a></code> for the platform look-and-feel.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.rememberScrollableState
 import androidx.compose.foundation.gestures.scrollable
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/gestures/ScrollableState.html b/testData/compose/docs/reference/androidx/compose/foundation/gestures/ScrollableState.html
index 162117e..35eb0f4 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/gestures/ScrollableState.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/gestures/ScrollableState.html
@@ -227,7 +227,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html#getCanScrollBackward()">getCanScrollBackward</a>()</pre>
         <p>Whether this <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll backward (consume a negative delta). This is typically false if the scroll position is equal to its minimum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -278,7 +278,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html#getCanScrollForward()">getCanScrollForward</a>()</pre>
         <p>Whether this <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll forward (consume a positive delta). This is typically false if the scroll position is equal to its maximum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/gestures/TransformGestureDetectorKt.html b/testData/compose/docs/reference/androidx/compose/foundation/gestures/TransformGestureDetectorKt.html
index 1f6c446..b58cf30 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/gestures/TransformGestureDetectorKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/gestures/TransformGestureDetectorKt.html
@@ -75,7 +75,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;<a href="/reference/androidx/compose/foundation/gestures/TransformGestureDetectorKt.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroid(kotlin.Boolean)">calculateCentroid</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>&nbsp;receiver,&nbsp;boolean&nbsp;useCurrent)</pre>
         <p>Returns the centroid of all pointers that are down and were previously down. If no pointers are down, <code><a href="/reference/androidx/compose/ui/geometry/Offset.Companion.html#Unspecified()">Offset.Unspecified</a></code> is returned. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroid(kotlin.Boolean)">useCurrent</a></code> is <code>true</code>, the centroid of the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> is returned and if <code>false</code>, the centroid of the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> is returned. Only pointers that are down in both the previous and current state are used to calculate the centroid.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.calculateCentroid
 import androidx.compose.foundation.gestures.calculateCentroidSize
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -121,7 +121,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;float&nbsp;<a href="/reference/androidx/compose/foundation/gestures/TransformGestureDetectorKt.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroidSize(kotlin.Boolean)">calculateCentroidSize</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>&nbsp;receiver,&nbsp;boolean&nbsp;useCurrent)</pre>
         <p>Returns the average distance from the centroid for all pointers that are currently and were previously down. If no pointers are down, <code>0</code> is returned. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroidSize(kotlin.Boolean)">useCurrent</a></code> is <code>true</code>, the size of the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> is returned and if <code>false</code>, the size of <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> is returned. Only pointers that are down in both the previous and current state are used to calculate the centroid size.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.calculateCentroid
 import androidx.compose.foundation.gestures.calculateCentroidSize
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -167,7 +167,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;<a href="/reference/androidx/compose/foundation/gestures/TransformGestureDetectorKt.html#(androidx.compose.ui.input.pointer.PointerEvent).calculatePan()">calculatePan</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>&nbsp;receiver)</pre>
         <p>Returns the change in the centroid location between the previous and the current pointers that are down. Pointers that are newly down or raised are not considered in the centroid movement.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.calculatePan
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -207,7 +207,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;float&nbsp;<a href="/reference/androidx/compose/foundation/gestures/TransformGestureDetectorKt.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateRotation()">calculateRotation</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>&nbsp;receiver)</pre>
         <p>Returns the rotation, in degrees, of the pointers between the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> and <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> states. Only the pointers that are down in both previous and current states are considered.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.calculateRotation
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -242,7 +242,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;float&nbsp;<a href="/reference/androidx/compose/foundation/gestures/TransformGestureDetectorKt.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateZoom()">calculateZoom</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>&nbsp;receiver)</pre>
         <p>Uses the change of the centroid size between the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> and <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> to determine how much zoom was intended.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.calculateZoom
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -277,7 +277,7 @@
         <p>A gesture detector for rotation, panning, and zoom. Once touch slop has been reached, the user can use rotation, panning and zoom gestures. <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">onGesture</a></code> will be called when any of the rotation, zoom or pan occurs, passing the rotation angle in degrees, zoom in scale factor and pan as an offset in pixels. Each of these changes is a difference between the previous call and the current gesture. This will consume all position changes after touch slop has been reached. <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">onGesture</a></code> will also provide centroid of all the pointers that are down.</p>
         <p>If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">panZoomLock</a></code> is <code>true</code>, rotation is allowed only if touch slop is detected for rotation before pan or zoom motions. If not, pan and zoom gestures will be detected, but rotation gestures will not be. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">panZoomLock</a></code> is <code>false</code>, once touch slop is reached, all three gestures are detected.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectTransformGestures
 import androidx.compose.foundation.layout.Box
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/gestures/TransformableKt.html b/testData/compose/docs/reference/androidx/compose/foundation/gestures/TransformableKt.html
index 1578de7..53812c7 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/gestures/TransformableKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/gestures/TransformableKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/gestures/TransformableKt.html#(androidx.compose.ui.Modifier).transformable(androidx.compose.foundation.gestures.TransformableState,kotlin.Boolean,kotlin.Boolean)">transformable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/gestures/TransformableState.html">TransformableState</a>&nbsp;state,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;lockRotationOnZoomPan,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled<br>)</pre>
         <p>Enable transformation gestures of the modified UI element.</p>
         <p>Users should update their state themselves using default <code><a href="/reference/androidx/compose/foundation/gestures/TransformableState.html">TransformableState</a></code> and its <code>onTransformation</code> callback or by implementing <code><a href="/reference/androidx/compose/foundation/gestures/TransformableState.html">TransformableState</a></code> interface manually and reflect their own state in UI when using this component.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.gestures.animateZoomBy
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html b/testData/compose/docs/reference/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html
index 822a8f2..b9c85f5 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html
@@ -19,7 +19,7 @@
     <p>When long snapping, you can use <code><a href="/reference/androidx/compose/foundation/gestures/snapping/SnapLayoutInfoProvider.html#(androidx.compose.ui.unit.Density).calculateApproachOffset(kotlin.Float)">SnapLayoutInfoProvider.calculateApproachOffset</a></code> to indicate that snapping should happen after this offset. If the velocity generated by the fling is high enough to get there, we'll use <code><a href="/reference/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html#highVelocityAnimationSpec()">highVelocityAnimationSpec</a></code> to get to that offset and then we'll snap to the next bound calculated by <code><a href="/reference/androidx/compose/foundation/gestures/snapping/SnapLayoutInfoProvider.html#(androidx.compose.ui.unit.Density).calculateSnappingOffsetBounds()">SnapLayoutInfoProvider.calculateSnappingOffsetBounds</a></code> in the direction of the fling using <code><a href="/reference/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html#snapAnimationSpec()">snapAnimationSpec</a></code>.</p>
     <p>If the velocity is not high enough, we'll use <code><a href="/reference/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html#lowVelocityAnimationSpec()">lowVelocityAnimationSpec</a></code> to approach and then use <code><a href="/reference/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html#snapAnimationSpec()">snapAnimationSpec</a></code> to snap into place.</p>
     <p>Please refer to the sample to learn how to use this API.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.snapping.rememberSnapFlingBehavior
 import androidx.compose.foundation.layout.Box
@@ -52,7 +52,7 @@
         }
     }
 }</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.snapping.SnapLayoutInfoProvider
 import androidx.compose.foundation.gestures.snapping.rememberSnapFlingBehavior
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/interaction/InteractionSource.html b/testData/compose/docs/reference/androidx/compose/foundation/interaction/InteractionSource.html
index ddb695e..c14e2b5 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/interaction/InteractionSource.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/interaction/InteractionSource.html
@@ -38,7 +38,7 @@
     <p>InteractionSource represents a stream of <code><a href="/reference/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>s corresponding to events emitted by a component. These <code><a href="/reference/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>s can be used to change how components appear in different states, such as when a component is pressed or dragged.</p>
     <p>A common use case is <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).indication(androidx.compose.foundation.interaction.InteractionSource,androidx.compose.foundation.Indication)">androidx.compose.foundation.indication</a></code>, where <code><a href="/reference/androidx/compose/foundation/Indication.html">androidx.compose.foundation.Indication</a></code> implementations can subscribe to an <code><a href="/reference/androidx/compose/foundation/interaction/InteractionSource.html">InteractionSource</a></code> to draw indication for different <code><a href="/reference/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>s, such as a ripple effect for <code><a href="/reference/androidx/compose/foundation/interaction/PressInteraction.Press.html">PressInteraction.Press</a></code> and a state overlay for <code><a href="/reference/androidx/compose/foundation/interaction/DragInteraction.Start.html">DragInteraction.Start</a></code>.</p>
     <p>For simple cases where you are interested in the binary state of an <code><a href="/reference/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>, such as whether a component is pressed or not, you can use <code><a href="/reference/androidx/compose/foundation/interaction/package-summary.html#(androidx.compose.foundation.interaction.InteractionSource).collectIsPressedAsState()">InteractionSource.collectIsPressedAsState</a></code> and other extension functions that subscribe and return a <code><a href="/reference/androidx/compose/runtime/State.html">Boolean</a></code> representing whether the component is in this state or not.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.border
@@ -107,7 +107,7 @@
     <p>For more complex cases, such as when building an <code><a href="/reference/androidx/compose/foundation/Indication.html">androidx.compose.foundation.Indication</a></code>, the order of the events can change how a component / indication should be drawn. For example, if a component is being dragged and then becomes focused, the most recent <code><a href="/reference/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code> is <code><a href="/reference/androidx/compose/foundation/interaction/FocusInteraction.Focus.html">FocusInteraction.Focus</a></code>, so the component should appear in a focused state to signal this event to the user.</p>
     <p>InteractionSource exposes <code><a href="/reference/androidx/compose/foundation/interaction/InteractionSource.html#interactions()">interactions</a></code> to support these use cases - a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> representing the stream of all emitted <code><a href="/reference/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>s. This also provides more information, such as the press position of <code><a href="/reference/androidx/compose/foundation/interaction/PressInteraction.Press.html">PressInteraction.Press</a></code>, so you can show an effect at the specific point the component was pressed, and whether the press was <code><a href="/reference/androidx/compose/foundation/interaction/PressInteraction.Release.html">PressInteraction.Release</a></code> or <code><a href="/reference/androidx/compose/foundation/interaction/PressInteraction.Cancel.html">PressInteraction.Cancel</a></code>, for cases when a component should behave differently if the press was released normally or interrupted by another gesture.</p>
     <p>You can collect from <code><a href="/reference/androidx/compose/foundation/interaction/InteractionSource.html#interactions()">interactions</a></code> as you would with any other <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code>:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.border
@@ -317,7 +317,7 @@
         <h3 class="api-name" id="getInteractions()">getInteractions</h3>
         <pre class="api-signature no-pretty-print">abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/interaction/Interaction.html">Interaction</a>&gt;&nbsp;<a href="/reference/androidx/compose/foundation/interaction/InteractionSource.html#getInteractions()">getInteractions</a>()</pre>
         <p><code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> representing the stream of all <code><a href="/reference/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>s emitted through this <code><a href="/reference/androidx/compose/foundation/interaction/InteractionSource.html">InteractionSource</a></code>. This can be used to see <code><a href="/reference/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>s emitted in order, and with additional metadata, such as the press position for <code><a href="/reference/androidx/compose/foundation/interaction/PressInteraction.Press.html">PressInteraction.Press</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.border
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/AlignmentLineKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/AlignmentLineKt.html
index ca872c3..b0abef8 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/AlignmentLineKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/AlignmentLineKt.html
@@ -60,7 +60,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFrom</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/AlignmentLineKt.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFrom</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a>&nbsp;alignmentLine,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;before,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;after<br>)</pre>
         <p>A <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that can add padding to position the content according to specified distances from its bounds to an <code><a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">alignment line</a></code>. Whether the positioning is vertical or horizontal is defined by the orientation of the given <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">alignmentLine</a></code> (if the line is horizontal, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code> will refer to distances from top and bottom, otherwise they will refer to distances from start and end). The opposite axis sizing and positioning will remain unaffected. The modified layout will try to include the required padding, subject to the incoming max layout constraints, such that the distance from its bounds to the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">alignmentLine</a></code> of the content will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code>, respectively. When the max constraints do not allow this, satisfying the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> requirement will have priority over <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code>. When the modified layout is min constrained in the affected layout direction and the padded layout is smaller than the constraint, the modified layout will satisfy the min constraint and the content will be positioned to satisfy the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> requirement if specified, or the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code> requirement otherwise.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFrom
 import androidx.compose.material.Text
 
@@ -134,7 +134,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFrom</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/AlignmentLineKt.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFrom</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a>&nbsp;alignmentLine,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;before,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;after<br>)</pre>
         <p>A <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that can add padding to position the content according to specified distances from its bounds to an <code><a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">alignment line</a></code>. Whether the positioning is vertical or horizontal is defined by the orientation of the given <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">alignmentLine</a></code> (if the line is horizontal, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code> will refer to distances from top and bottom, otherwise they will refer to distances from start and end). The opposite axis sizing and positioning will remain unaffected. The modified layout will try to include the required padding, subject to the incoming max layout constraints, such that the distance from its bounds to the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">alignmentLine</a></code> of the content will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code>, respectively. When the max constraints do not allow this, satisfying the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> requirement will have priority over <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code>. When the modified layout is min constrained in the affected layout direction and the padded layout is smaller than the constraint, the modified layout will satisfy the min constraint and the content will be positioned to satisfy the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> requirement if specified, or the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code> requirement otherwise.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFrom
 import androidx.compose.material.Text
 
@@ -208,7 +208,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFromBaseline</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/AlignmentLineKt.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFromBaseline</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;top,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;bottom<br>)</pre>
         <p>A <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that positions the content in a layout such that the distance from the top of the layout to the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#FirstBaseline()">baseline of the first line of text in the content</a></code> is <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">top</a></code>, and the distance from the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#LastBaseline()">baseline of the last line of text in the content</a></code> to the bottom of the layout is <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">bottom</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFromBaseline
 import androidx.compose.material.Text
 
@@ -248,7 +248,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFromBaseline</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/AlignmentLineKt.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFromBaseline</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;top,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;bottom<br>)</pre>
         <p>A <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that positions the content in a layout such that the distance from the top of the layout to the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#FirstBaseline()">baseline of the first line of text in the content</a></code> is <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">top</a></code>, and the distance from the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#LastBaseline()">baseline of the last line of text in the content</a></code> to the bottom of the layout is <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">bottom</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFromBaseline
 import androidx.compose.material.Text
 
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/AspectRatioKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/AspectRatioKt.html
index b96a0ad..8b3b8cc 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/AspectRatioKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/AspectRatioKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/AspectRatioKt.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">aspectRatio</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;ratio,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;matchHeightConstraintsFirst<br>)</pre>
         <p>Attempts to size the content to match a specified aspect ratio by trying to match one of the incoming constraints in the following order: <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code>, <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code>, <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minWidth()">Constraints.minWidth</a></code>, <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">Constraints.minHeight</a></code> if <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">matchHeightConstraintsFirst</a></code> is <code>false</code> (which is the default), or <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code>, <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code>, <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">Constraints.minHeight</a></code>, <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minWidth()">Constraints.minWidth</a></code> if <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">matchHeightConstraintsFirst</a></code> is <code>true</code>. The size in the other dimension is determined by the aspect ratio. The combinations will be tried in this order until one non-empty is found to satisfy the constraints. If no valid size is obtained this way, it means that there is no non-empty size satisfying both the constraints and the aspect ratio, so the constraints will not be respected and the content will be sized such that the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code> or <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code> is matched (depending on <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">matchHeightConstraintsFirst</a></code>).</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.aspectRatio
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/BoxKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/BoxKt.html
index b337e6a..907123e 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/BoxKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/BoxKt.html
@@ -47,7 +47,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/layout/BoxKt.html#Box(androidx.compose.ui.Modifier)">Box</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier)</pre>
         <p>A box with no content that can participate in layout, drawing, pointer input due to the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier)">modifier</a></code> applied to it.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -109,7 +109,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/layout/BoxKt.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.html">Alignment</a>&nbsp;contentAlignment,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;propagateMinConstraints,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/BoxScope.html">BoxScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>A layout composable with <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">content</a></code>. The <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code> will size itself to fit the content, subject to the incoming constraints. When children are smaller than the parent, by default they will be positioned inside the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code> according to the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">contentAlignment</a></code>. For individually specifying the alignments of the children layouts, use the <code><a href="/reference/androidx/compose/foundation/layout/BoxScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment)">BoxScope.align</a></code> modifier. By default, the content will be measured without the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code>'s incoming min constraints, unless <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">propagateMinConstraints</a></code> is <code>true</code>. As an example, setting <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">propagateMinConstraints</a></code> to <code>true</code> can be useful when the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code> has content on which modifiers cannot be specified directly and setting a min size on the content of the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code> is needed. If <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">propagateMinConstraints</a></code> is set to <code>true</code>, the min size set on the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code> will also be applied to the content, whereas otherwise the min size will only apply to the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code>. When the content has more than one layout child the layout children will be stacked one on top of the other (positioned as explained above) in the composition order.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/BoxWithConstraintsKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/BoxWithConstraintsKt.html
index b866072..5a1ae5a 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/BoxWithConstraintsKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/BoxWithConstraintsKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="BoxWithConstraints(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">BoxWithConstraints</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/androidx/compose/ui/UiComposable.html">UiComposable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/layout/BoxWithConstraintsKt.html#BoxWithConstraints(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">BoxWithConstraints</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.html">Alignment</a>&nbsp;contentAlignment,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;propagateMinConstraints,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/compose/ui/UiComposable.html">UiComposable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/BoxWithConstraintsScope.html">BoxWithConstraintsScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>A composable that defines its own content according to the available space, based on the incoming constraints or the current <code><a href="/reference/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>. Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.BoxWithConstraints
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/ColumnKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/ColumnKt.html
index b098270..4d5df95 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/ColumnKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/ColumnKt.html
@@ -44,7 +44,7 @@
         <p>When the size of the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code> is larger than the sum of its children sizes, a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">verticalArrangement</a></code> can be specified to define the positioning of the children inside the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/Arrangement.html">Arrangement</a></code> for available positioning behaviors; a custom arrangement can also be defined using the constructor of <code><a href="/reference/androidx/compose/foundation/layout/Arrangement.html">Arrangement</a></code>. Below is an illustration of different vertical arrangements:</p>
         <p><img alt="Column arrangements" src="https://developer.android.com/images/reference/androidx/compose/foundation/layout/column_arrangement_visualization.gif"></p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/ColumnScope.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/ColumnScope.html
index a1a5c1b..a8899cb 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/ColumnScope.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/ColumnScope.html
@@ -94,7 +94,7 @@
         <pre class="api-signature no-pretty-print">abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Horizontal)">align</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.Horizontal.html">Alignment.Horizontal</a>&nbsp;alignment)</pre>
         <p>Align the element horizontally within the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>. This alignment will have priority over the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>'s <code>horizontalAlignment</code> parameter.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -134,7 +134,7 @@
         <pre class="api-signature no-pretty-print">abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/VerticalAlignmentLine.html">VerticalAlignmentLine</a>&nbsp;alignmentLine<br>)</pre>
         <p>Position the element horizontally such that its <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignmentLine</a></code> aligns with sibling elements also configured to <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code>. <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> is a form of <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Horizontal)">align</a></code>, so both modifiers will not work together if specified for the same layout. Within a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>, all components with <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> will align horizontally using the specified <code><a href="/reference/androidx/compose/ui/layout/VerticalAlignmentLine.html">VerticalAlignmentLine</a></code>s or values provided using the other <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> overload, forming a sibling group. At least one element of the sibling group will be placed as it had <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#Start()">Alignment.Start</a></code> align in <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>, and the alignment of the other siblings will be then determined such that the alignment lines coincide. Note that if only one element in a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code> has the <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> modifier specified the element will be positioned as if it had <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#Start()">Alignment.Start</a></code> align.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -192,7 +192,7 @@
         <pre class="api-signature no-pretty-print">abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(kotlin.Function1)">alignBy</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/Measured.html">Measured</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>&gt;&nbsp;alignmentLineBlock<br>)</pre>
         <p>Position the element horizontally such that the alignment line for the content as determined by <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(kotlin.Function1)">alignmentLineBlock</a></code> aligns with sibling elements also configured to <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code>. <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> is a form of <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Horizontal)">align</a></code>, so both modifiers will not work together if specified for the same layout. Within a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>, all components with <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> will align horizontally using the specified <code><a href="/reference/androidx/compose/ui/layout/VerticalAlignmentLine.html">VerticalAlignmentLine</a></code>s or values obtained from <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(kotlin.Function1)">alignmentLineBlock</a></code>, forming a sibling group. At least one element of the sibling group will be placed as it had <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#Start()">Alignment.Start</a></code> align in <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>, and the alignment of the other siblings will be then determined such that the alignment lines coincide. Note that if only one element in a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code> has the <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> modifier specified the element will be positioned as if it had <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#Start()">Alignment.Start</a></code> align.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -222,7 +222,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).weight(kotlin.Float,kotlin.Boolean)">weight</h3>
         <pre class="api-signature no-pretty-print">abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).weight(kotlin.Float,kotlin.Boolean)">weight</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;weight,&nbsp;boolean&nbsp;fill)</pre>
         <p>Size the element's height proportional to its <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).weight(kotlin.Float,kotlin.Boolean)">weight</a></code> relative to other weighted sibling elements in the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>. The parent will divide the vertical space remaining after measuring unweighted child elements and distribute it according to this weight. When <code><a href="/reference/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).weight(kotlin.Float,kotlin.Boolean)">fill</a></code> is true, the element will be forced to occupy the whole height allocated to it. Otherwise, the element is allowed to be smaller - this will result in <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code> being smaller, as the unused allocated height will not be redistributed to other siblings.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -283,7 +283,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. If there's a need to observe the state change of the enter/exit transition and follow up additional action (e.g. remove data, sequential animation, etc), consider the AnimatedVisibility API variant that takes a <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> parameter.</p>
         <p>Here's an example of using <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">ColumnScope.AnimatedVisibility</a></code> in a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
@@ -411,7 +411,7 @@
         <p>Aside from these three types of <code><a href="/reference/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> and <code><a href="/reference/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>, <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> also supports custom enter/exit animations. Some use cases may benefit from custom enter/exit animations on shape, scale, color, etc. Custom enter/exit animations can be created using the <code>Transition&lt;EnterExitState&gt;</code> object from the <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html">AnimatedVisibilityScope</a></code> (i.e. <code><a href="/reference/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code>). See <code><a href="/reference/androidx/compose/animation/EnterExitState.html">EnterExitState</a></code> for an example of custom animations. These custom animations will be running along side of the built-in animations specified in <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">enter</a></code> and <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">exit</a></code>. In cases where the enter/exit animation needs to be completely customized, <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">enter</a></code> and/or <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">exit</a></code> can be specified as <code><a href="/reference/androidx/compose/animation/EnterTransition.Companion.html#None()">EnterTransition.None</a></code> and/or <code><a href="/reference/androidx/compose/animation/ExitTransition.Companion.html#None()">ExitTransition.None</a></code> as needed. <code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> will wait until <em>all</em> of enter/exit animations to finish before it considers itself idle. <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> will only be removed after all the (built-in and custom) exit animations have finished.</p>
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. Both <code>currentState</code> and <code>targetState</code> will be <code>false</code> for <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">visibleState</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.foundation.background
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/IntrinsicKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/IntrinsicKt.html
index c17b877..eac7edb 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/IntrinsicKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/IntrinsicKt.html
@@ -62,7 +62,7 @@
         <p>Declare the preferred height of the content to be the same as the min or max intrinsic height of the content. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> for other options of sizing to intrinsic width. Also see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> for other options to set the preferred height.</p>
         <p>Example usage for min intrinsic:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -94,7 +94,7 @@
     }
 }</pre>
         <p>Example usage for max intrinsic:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -139,7 +139,7 @@
         <p>Declare the preferred width of the content to be the same as the min or max intrinsic width of the content. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> for options of sizing to intrinsic height. Also see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code> for other options to set the preferred width.</p>
         <p>Example usage for min intrinsic:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -175,7 +175,7 @@
     }
 }</pre>
         <p>Example usage for max intrinsic:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/MutableWindowInsets.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/MutableWindowInsets.html
index b8e175a..55b90c6 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/MutableWindowInsets.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/MutableWindowInsets.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>A <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> whose values can change without changing the instance. This is useful to avoid recomposition when <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> can change.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.MutableWindowInsets
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/OffsetKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/OffsetKt.html
index cc05067..3ea2a76 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/OffsetKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/OffsetKt.html
@@ -62,7 +62,7 @@
         <p>Offset the content by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(kotlin.Function1)">offset</a></code> px. The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
         <p>This modifier is designed to be used for offsets that change, possibly due to user interactions. It avoids recomposition when the offset is changing, and also adds a graphics layer that prevents unnecessary redrawing of the context when the offset is changing.</p>
         <p>This modifier will not consider layout direction when calculating the position of the content: a positive horizontal offset will always move the content to the right. For a modifier that considers layout direction when applying the offset, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(kotlin.Function1)">offset</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.absoluteOffset
 import androidx.compose.material.Text
@@ -105,7 +105,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/OffsetKt.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">absoluteOffset</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;x,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;y)</pre>
         <p>Offset the content by (<code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> dp, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">y</a></code> dp). The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
         <p>This modifier will not consider layout direction when calculating the position of the content: a positive <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> offset will always move the content to the right. For a modifier that considers the layout direction when applying the offset, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">offset</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.absoluteOffset
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.wrapContentSize
@@ -146,7 +146,7 @@
         <p>Offset the content by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(kotlin.Function1)">offset</a></code> px. The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
         <p>This modifier is designed to be used for offsets that change, possibly due to user interactions. It avoids recomposition when the offset is changing, and also adds a graphics layer that prevents unnecessary redrawing of the context when the offset is changing.</p>
         <p>This modifier will automatically adjust the horizontal offset according to the layout direction: when the LD is LTR, positive horizontal offsets will move the content to the right and when the LD is RTL, positive horizontal offsets will move the content to the left. For a modifier that offsets without considering layout direction, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">absoluteOffset</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.offset
 import androidx.compose.material.Text
@@ -190,7 +190,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/OffsetKt.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">offset</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;x,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;y)</pre>
         <p>Offset the content by (<code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> dp, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">y</a></code> dp). The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
         <p>This modifier will automatically adjust the horizontal offset according to the layout direction: when the layout direction is LTR, positive <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> offsets will move the content to the right and when the layout direction is RTL, positive <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> offsets will move the content to the left. For a modifier that offsets without considering layout direction, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">absoluteOffset</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.offset
 import androidx.compose.foundation.layout.wrapContentSize
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/PaddingKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/PaddingKt.html
index 4da9570..1c3c2e8 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/PaddingKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/PaddingKt.html
@@ -119,7 +119,7 @@
         <p>Apply additional space along each edge of the content in <code><a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a></code>: <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">left</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">top</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">right</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">bottom</a></code>. These paddings are applied without regard to the current <code><a href="/reference/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">padding</a></code> to apply relative paddings. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.absolutePadding
@@ -149,7 +149,7 @@
         <p>Apply <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp)">all</a></code> dp of additional space along each edge of the content, left, top, right and bottom. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
@@ -165,7 +165,7 @@
         <p>Apply <code><a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> to the component as additional space along each edge of the content's left, top, right and bottom. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Box
@@ -183,7 +183,7 @@
         <p>Apply <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">horizontal</a></code> dp space along the left and right edges of the content, and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">vertical</a></code> dp space along the top and bottom edges. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
@@ -204,7 +204,7 @@
         <p>Apply additional space along each edge of the content in <code><a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a></code>: <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">start</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">top</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">end</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">bottom</a></code>. The start and end edges will be determined by the current <code><a href="/reference/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/RowKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/RowKt.html
index 24413c5..5d40688 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/RowKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/RowKt.html
@@ -44,7 +44,7 @@
         <p>When the size of the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code> is larger than the sum of its children sizes, a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">horizontalArrangement</a></code> can be specified to define the positioning of the children inside the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/Arrangement.html">Arrangement</a></code> for available positioning behaviors; a custom arrangement can also be defined using the constructor of <code><a href="/reference/androidx/compose/foundation/layout/Arrangement.html">Arrangement</a></code>. Below is an illustration of different horizontal arrangements:</p>
         <p><img alt="Row arrangements" src="https://developer.android.com/images/reference/androidx/compose/foundation/layout/row_arrangement_visualization.gif"></p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/RowScope.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/RowScope.html
index a3d4464..aa50078 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/RowScope.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/RowScope.html
@@ -108,7 +108,7 @@
         <pre class="api-signature no-pretty-print">abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Vertical)">align</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.Vertical.html">Alignment.Vertical</a>&nbsp;alignment)</pre>
         <p>Align the element vertically within the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>. This alignment will have priority over the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>'s <code>verticalAlignment</code> parameter.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -146,7 +146,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</h3>
         <pre class="api-signature no-pretty-print">abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/HorizontalAlignmentLine.html">HorizontalAlignmentLine</a>&nbsp;alignmentLine<br>)</pre>
         <p>Position the element vertically such that its <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignmentLine</a></code> aligns with sibling elements also configured to <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code>. <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> is a form of <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Vertical)">align</a></code>, so both modifiers will not work together if specified for the same layout. <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> can be used to align two layouts by baseline inside a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>, using <code>alignBy(FirstBaseline)</code>. Within a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>, all components with <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> will align vertically using the specified <code><a href="/reference/androidx/compose/ui/layout/HorizontalAlignmentLine.html">HorizontalAlignmentLine</a></code>s or values provided using the other <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> overload, forming a sibling group. At least one element of the sibling group will be placed as it had <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#Top()">Alignment.Top</a></code> align in <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>, and the alignment of the other siblings will be then determined such that the alignment lines coincide. Note that if only one element in a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code> has the <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> modifier specified the element will be positioned as if it had <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#Top()">Alignment.Top</a></code> align.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -204,7 +204,7 @@
         <pre class="api-signature no-pretty-print">abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(kotlin.Function1)">alignBy</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/Measured.html">Measured</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>&gt;&nbsp;alignmentLineBlock<br>)</pre>
         <p>Position the element vertically such that the alignment line for the content as determined by <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(kotlin.Function1)">alignmentLineBlock</a></code> aligns with sibling elements also configured to <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code>. <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> is a form of <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Vertical)">align</a></code>, so both modifiers will not work together if specified for the same layout. Within a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>, all components with <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> will align vertically using the specified <code><a href="/reference/androidx/compose/ui/layout/HorizontalAlignmentLine.html">HorizontalAlignmentLine</a></code>s or values obtained from <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(kotlin.Function1)">alignmentLineBlock</a></code>, forming a sibling group. At least one element of the sibling group will be placed as it had <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#Top()">Alignment.Top</a></code> align in <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>, and the alignment of the other siblings will be then determined such that the alignment lines coincide. Note that if only one element in a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code> has the <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> modifier specified the element will be positioned as if it had <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#Top()">Alignment.Top</a></code> align.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -240,7 +240,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).alignByBaseline()">alignByBaseline</h3>
         <pre class="api-signature no-pretty-print">abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignByBaseline()">alignByBaseline</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver)</pre>
         <p>Position the element vertically such that its first baseline aligns with sibling elements also configured to <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignByBaseline()">alignByBaseline</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code>. This modifier is a form of <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Vertical)">align</a></code>, so both modifiers will not work together if specified for the same layout. <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignByBaseline()">alignByBaseline</a></code> is a particular case of <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> for more details.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -338,7 +338,7 @@
         <p><code><a href="/reference/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.RowScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. If there's a need to observe the state change of the enter/exit transition and follow up additional action (e.g. remove data, sequential animation, etc), consider the AnimatedVisibility API variant that takes a <code><a href="/reference/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> parameter.</p>
         <p>Here's an example of using <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.RowScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">RowScope.AnimatedVisibility</a></code> in a <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/SizeKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/SizeKt.html
index d20b8cd..56e8331 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/SizeKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/SizeKt.html
@@ -194,7 +194,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/SizeKt.html#(androidx.compose.ui.Modifier).defaultMinSize(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">defaultMinSize</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;minWidth,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;minHeight<br>)</pre>
         <p>Constrain the size of the wrapped layout only when it would be otherwise unconstrained: the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).defaultMinSize(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">minWidth</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).defaultMinSize(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">minHeight</a></code> constraints are only applied when the incoming corresponding constraint is <code>0</code>. The modifier can be used, for example, to define a default min size of a component, while still allowing it to be overidden with smaller min sizes across usages.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.defaultMinSize
@@ -221,7 +221,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fillMaxHeight</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/SizeKt.html#(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fillMaxHeight</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;fraction)</pre>
         <p>Have the content fill (possibly only partially) the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code> of the incoming measurement constraints, by setting the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height</a></code> and the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height</a></code> to be equal to the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height</a></code> multiplied by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fraction</a></code>. Note that, by default, the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fraction</a></code> is 1, so the modifier will make the content fill the whole available height. If the incoming maximum height is <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#Infinity()">Constraints.Infinity</a></code> this modifier will have no effect.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxHeight
@@ -230,7 +230,7 @@
 Box(Modifier.fillMaxHeight().background(Color.Red), contentAlignment = Alignment.Center) {
     Box(Modifier.size(100.dp).background(color = Color.Magenta))
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxHeight
@@ -272,7 +272,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fillMaxSize</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/SizeKt.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fillMaxSize</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;fraction)</pre>
         <p>Have the content fill (possibly only partially) the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code> and <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code> of the incoming measurement constraints, by setting the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width</a></code> and the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> to be equal to the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> multiplied by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fraction</a></code>, as well as the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height</a></code> and the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">maximum height</a></code> to be equal to the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height</a></code> multiplied by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fraction</a></code>. Note that, by default, the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fraction</a></code> is 1, so the modifier will make the content fill the whole available space. If the incoming maximum width or height is <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#Infinity()">Constraints.Infinity</a></code> this modifier will have no effect in that dimension.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -281,7 +281,7 @@
 Box(Modifier.fillMaxSize().background(Color.Red), contentAlignment = Alignment.Center) {
     Box(Modifier.size(100.dp).background(color = Color.Magenta))
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -323,7 +323,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fillMaxWidth</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/SizeKt.html#(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fillMaxWidth</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;fraction)</pre>
         <p>Have the content fill (possibly only partially) the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code> of the incoming measurement constraints, by setting the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width</a></code> and the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> to be equal to the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> multiplied by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fraction</a></code>. Note that, by default, the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fraction</a></code> is 1, so the modifier will make the content fill the whole available width. If the incoming maximum width is <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#Infinity()">Constraints.Infinity</a></code> this modifier will have no effect.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -332,7 +332,7 @@
 Box(Modifier.fillMaxWidth().background(Color.Red), contentAlignment = Alignment.Center) {
     Box(Modifier.size(100.dp).background(color = Color.Magenta))
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -376,7 +376,7 @@
         <p>Declare the preferred height of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.ui.unit.Dp)">height</a></code>dp. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the height of the content regardless of the incoming constraints see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeight(androidx.compose.foundation.layout.IntrinsicSize)">Modifier.requiredHeight</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">size</a></code> to set other preferred dimensions. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -397,7 +397,7 @@
         <p>Declare the height of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeight(androidx.compose.ui.unit.Dp)">height</a></code>dp. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> will not override this value. If the content chooses a size that does not satisfy the incoming <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, the parent layout will be reported a size coerced in the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, and the position of the content will be automatically offset to be centered on the space assigned to the child by the parent layout under the assumption that <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> were respected.</p>
         <p>See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredHeightIn</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredSizeIn</a></code> to set a size range. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeight(androidx.compose.ui.unit.Dp)">height</a></code> to set a preferred height, which is only respected when the incoming constraints allow it.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -425,7 +425,7 @@
         <p>Declare the size of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">size</a></code>dp width and height. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> will not override this value. If the content chooses a size that does not satisfy the incoming <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, the parent layout will be reported a size coerced in the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, and the position of the content will be automatically offset to be centered on the space assigned to the child by the parent layout under the assumption that <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> were respected.</p>
         <p>See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredSizeIn</a></code> to set a size range. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">size</a></code> to set a preferred size, which is only respected when the incoming constraints allow it.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.requiredSize
@@ -463,7 +463,7 @@
         <p>Declare the width of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidth(androidx.compose.ui.unit.Dp)">width</a></code>dp. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> will not override this value. If the content chooses a size that does not satisfy the incoming <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, the parent layout will be reported a size coerced in the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, and the position of the content will be automatically offset to be centered on the space assigned to the child by the parent layout under the assumption that <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> were respected.</p>
         <p>See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredWidthIn</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredSizeIn</a></code> to set a size range. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidth(androidx.compose.ui.unit.Dp)">width</a></code> to set a preferred width, which is only respected when the incoming constraints allow it.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -491,7 +491,7 @@
         <p>Declare the preferred size of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">size</a></code>dp square. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the size of the content regardless of the incoming constraints, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">Modifier.requiredSize</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> to set width or height alone. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -506,7 +506,7 @@
         <p>Declare the preferred size of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.DpSize)">size</a></code>. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the size of the content regardless of the incoming constraints, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">Modifier.requiredSize</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> to set width or height alone. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -522,7 +522,7 @@
         <p>Declare the preferred size of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">width</a></code>dp by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">height</a></code>dp. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the size of the content regardless of the incoming constraints, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">Modifier.requiredSize</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">width</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">height</a></code> to set width or height alone. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -542,7 +542,7 @@
         <p>Declare the preferred width of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.ui.unit.Dp)">width</a></code>dp. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the width of the content regardless of the incoming constraints see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidth(androidx.compose.foundation.layout.IntrinsicSize)">Modifier.requiredWidth</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">size</a></code> to set other preferred dimensions. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -562,7 +562,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/SizeKt.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">wrapContentHeight</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.Vertical.html">Alignment.Vertical</a>&nbsp;align,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;unbounded<br>)</pre>
         <p>Allow the content to measure at its desired height without regard for the incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height constraint</a></code>, and, if <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">unbounded</a></code> is true, also without regard for the incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height constraint</a></code>. If the content's measured size is smaller than the minimum height constraint, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">align</a></code> it within that minimum height space. If the content's measured size is larger than the maximum height constraint (only possible when <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">unbounded</a></code> is true), <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">align</a></code> over the maximum height space.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.height
@@ -587,7 +587,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/SizeKt.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">wrapContentSize</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.html">Alignment</a>&nbsp;align,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;unbounded<br>)</pre>
         <p>Allow the content to measure at its desired size without regard for the incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width</a></code> or <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height</a></code> constraints, and, if <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">unbounded</a></code> is true, also without regard for the incoming maximum constraints. If the content's measured size is smaller than the minimum size constraint, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">align</a></code> it within that minimum sized space. If the content's measured size is larger than the maximum size constraint (only possible when <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">unbounded</a></code> is true), <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">align</a></code> within the maximum space.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -612,7 +612,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/SizeKt.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">wrapContentWidth</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.Horizontal.html">Alignment.Horizontal</a>&nbsp;align,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;unbounded<br>)</pre>
         <p>Allow the content to measure at its desired width without regard for the incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width constraint</a></code>, and, if <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">unbounded</a></code> is true, also without regard for the incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width constraint</a></code>. If the content's measured size is smaller than the minimum width constraint, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">align</a></code> it within that minimum width space. If the content's measured size is larger than the maximum width constraint (only possible when <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">unbounded</a></code> is true), <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">align</a></code> over the maximum width space.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/SpacerKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/SpacerKt.html
index 7f15152..1224781 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/SpacerKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/SpacerKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="Spacer(androidx.compose.ui.Modifier)">Spacer</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/androidx/compose/runtime/NonRestartableComposable.html">NonRestartableComposable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/layout/SpacerKt.html#Spacer(androidx.compose.ui.Modifier)">Spacer</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier)</pre>
         <p>Component that represents an empty space layout, whose size can be defined using <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">Modifier.width</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">Modifier.height</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">Modifier.size</a></code> modifiers.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Row
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsets.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsets.html
index a647281..e2b287a 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsets.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsets.html
@@ -192,7 +192,7 @@
         <h3 class="api-name" id="(androidx.compose.foundation.layout.WindowInsets).asPaddingValues()">WindowInsetsKt.asPaddingValues</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsKt.html">WindowInsetsKt</a>.<a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues()">asPaddingValues</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;receiver)</pre>
         <p>Convert a <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> to a <code><a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> and uses <code><a href="/reference/androidx/compose/ui/platform/package-summary.html#LocalDensity()">LocalDensity</a></code> for DP to pixel conversion. <code><a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> can be passed to some containers to pad internal content so that it doesn't overlap the insets when fully scrolled. Ensure that the insets are <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> after the padding is applied if insets are to be used further down the hierarchy.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.asPaddingValues
 import androidx.compose.foundation.lazy.LazyColumn
@@ -215,7 +215,7 @@
         <h3 class="api-name" id="(androidx.compose.foundation.layout.WindowInsets).asPaddingValues(androidx.compose.ui.unit.Density)">WindowInsetsKt.asPaddingValues</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsKt.html">WindowInsetsKt</a>.<a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues(androidx.compose.ui.unit.Density)">asPaddingValues</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Density.html">Density</a>&nbsp;density<br>)</pre>
         <p>Convert a <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> to a <code><a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> and uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues(androidx.compose.ui.unit.Density)">density</a></code> for DP to pixel conversion. <code><a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> can be passed to some containers to pad internal content so that it doesn't overlap the insets when fully scrolled. Ensure that the insets are <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> after the padding is applied if insets are to be used further down the hierarchy.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.asPaddingValues
 import androidx.compose.foundation.lazy.LazyColumn
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsConnectionKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsConnectionKt.html
index b346eff..fd4aed6 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsConnectionKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsConnectionKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/layout/ExperimentalLayoutApi.html">ExperimentalLayoutApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsConnectionKt.html#(androidx.compose.ui.Modifier).imeNestedScroll()">imeNestedScroll</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver)</pre>
         <p>Controls the soft keyboard as a nested scrolling on Android <code><a href="https://developer.android.com/reference/android/os/Build.VERSION_CODES.html#R()">R</a></code> and later. This allows the user to drag the soft keyboard up and down.</p>
         <p>After scrolling, the IME will animate either to the fully shown or fully hidden position, depending on the position and fling.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.imeNestedScroll
 import androidx.compose.foundation.layout.imePadding
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsKt.html
index 69c4e5e..49bd5e1 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsKt.html
@@ -284,7 +284,7 @@
         <h3 class="api-name" id="WindowInsets(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">WindowInsets</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsKt.html#WindowInsets(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">WindowInsets</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;left,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;top,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;right,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;bottom<br>)</pre>
         <p>Create a <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> with fixed dimensions, using <code><a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a></code> values.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.WindowInsets
@@ -309,7 +309,7 @@
         <h3 class="api-name" id="WindowInsets(kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int)">WindowInsets</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsKt.html#WindowInsets(kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int)">WindowInsets</a>(int&nbsp;left,&nbsp;int&nbsp;top,&nbsp;int&nbsp;right,&nbsp;int&nbsp;bottom)</pre>
         <p>Create a <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> with fixed dimensions.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.WindowInsets
@@ -339,7 +339,7 @@
         <h3 class="api-name" id="(androidx.compose.foundation.layout.WindowInsets).asPaddingValues()">asPaddingValues</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsKt.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues()">asPaddingValues</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;receiver)</pre>
         <p>Convert a <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> to a <code><a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> and uses <code><a href="/reference/androidx/compose/ui/platform/package-summary.html#LocalDensity()">LocalDensity</a></code> for DP to pixel conversion. <code><a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> can be passed to some containers to pad internal content so that it doesn't overlap the insets when fully scrolled. Ensure that the insets are <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> after the padding is applied if insets are to be used further down the hierarchy.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.asPaddingValues
 import androidx.compose.foundation.lazy.LazyColumn
@@ -362,7 +362,7 @@
         <h3 class="api-name" id="(androidx.compose.foundation.layout.WindowInsets).asPaddingValues(androidx.compose.ui.unit.Density)">asPaddingValues</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsKt.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues(androidx.compose.ui.unit.Density)">asPaddingValues</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;receiver,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Density.html">Density</a>&nbsp;density)</pre>
         <p>Convert a <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> to a <code><a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> and uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues(androidx.compose.ui.unit.Density)">density</a></code> for DP to pixel conversion. <code><a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> can be passed to some containers to pad internal content so that it doesn't overlap the insets when fully scrolled. Ensure that the insets are <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> after the padding is applied if insets are to be used further down the hierarchy.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.asPaddingValues
 import androidx.compose.foundation.lazy.LazyColumn
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsPaddingKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsPaddingKt.html
index e501404..cd567e8 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsPaddingKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsPaddingKt.html
@@ -168,7 +168,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).captionBar()">WindowInsets.Companion.captionBar</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).displayCutoutPadding()">displayCutoutPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).captionBarPadding()">captionBarPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.captionBarPadding
@@ -190,7 +190,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsPaddingKt.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;insets<br>)</pre>
         <p>Consume insets that haven't been consumed yet by other insets Modifiers similar to <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> without adding any padding.</p>
         <p>This can be useful when content offsets are provided by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues()">WindowInsets.asPaddingValues</a></code>. This should be used further down the hierarchy than the <code><a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> is used so that the values aren't consumed before the padding is added.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.asPaddingValues
@@ -216,7 +216,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/layout/ExperimentalLayoutApi.html">ExperimentalLayoutApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsPaddingKt.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">consumeWindowInsets</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>&nbsp;paddingValues<br>)</pre>
         <p>Consume <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">paddingValues</a></code> as insets as if the padding was added irrespective of insets. Layouts further down the hierarchy that use <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeContentPadding()">safeContentPadding</a></code>, and other insets padding Modifiers won't pad for the values that <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">paddingValues</a></code> provides. This can be useful when content offsets are provided by layout rather than <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> modifiers.</p>
         <p>This method consumes all of <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">paddingValues</a></code> in addition to whatever has been consumed by other <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> modifiers by ancestors. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> accepting a <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> argument ensures that its insets are consumed and doesn't consume more if they have already been consumed by ancestors.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.PaddingValues
@@ -259,7 +259,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).displayCutout()">WindowInsets.Companion.displayCutout</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).displayCutoutPadding()">displayCutoutPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -293,7 +293,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).ime()">WindowInsets.Companion.ime</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).imePadding()">imePadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -324,7 +324,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).mandatorySystemGestures()">WindowInsets.Companion.mandatorySystemGestures</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).mandatorySystemGesturesPadding()">mandatorySystemGesturesPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -360,7 +360,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).navigationBars()">WindowInsets.Companion.navigationBars</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemBarsPadding()">systemBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -391,7 +391,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onConsumedWindowInsetsChanged(kotlin.Function1)">onConsumedWindowInsetsChanged</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsPaddingKt.html#(androidx.compose.ui.Modifier).onConsumedWindowInsetsChanged(kotlin.Function1)">onConsumedWindowInsetsChanged</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;block<br>)</pre>
         <p>Calls <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).onConsumedWindowInsetsChanged(kotlin.Function1)">block</a></code> with the <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> that have been consumed, either by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> or one of the padding Modifiers, such as <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).imePadding()">imePadding</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.MutableWindowInsets
@@ -430,7 +430,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).safeContent()">WindowInsets.Companion.safeContent</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeContentPadding()">safeContentPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -467,7 +467,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).safeDrawing()">WindowInsets.Companion.safeDrawing</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code>, the area that the parent pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeDrawingPadding()">safeDrawingPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -503,7 +503,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).safeGestures()">WindowInsets.Companion.safeGestures</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeGesturesPadding()">safeGesturesPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -539,7 +539,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).statusBars()">WindowInsets.Companion.statusBars</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).displayCutoutPadding()">displayCutoutPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -573,7 +573,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).systemBars()">WindowInsets.Companion.systemBars</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemBarsPadding()">systemBarsPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.systemBarsPadding
@@ -597,7 +597,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).systemGestures()">WindowInsets.Companion.systemGestures</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).waterfallPadding()">waterfallPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemGesturesPadding()">systemGesturesPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -633,7 +633,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).waterfall()">WindowInsets.Companion.waterfall</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemGesturesPadding()">systemGesturesPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).waterfallPadding()">waterfallPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -667,7 +667,7 @@
         <p>Adds padding so that the content doesn't enter <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> space.</p>
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(androidx.compose.foundation.layout.WindowInsets)">insets</a></code>. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if an ancestor uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code> and this modifier uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).systemBars()">WindowInsets.Companion.systemBars</a></code>, the portion of the system bars that the status bars uses will not be padded again by this modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsSizeKt.html b/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsSizeKt.html
index a567fe7..62a122d 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsSizeKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/layout/WindowInsetsSizeKt.html
@@ -61,7 +61,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsSizeKt.html#(androidx.compose.ui.Modifier).windowInsetsBottomHeight(androidx.compose.foundation.layout.WindowInsets)">windowInsetsBottomHeight</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;insets<br>)</pre>
         <p>Sets the height to that of <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsBottomHeight(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#getBottom(androidx.compose.ui.unit.Density)">bottom</a></code> of the screen.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -92,7 +92,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsSizeKt.html#(androidx.compose.ui.Modifier).windowInsetsEndWidth(androidx.compose.foundation.layout.WindowInsets)">windowInsetsEndWidth</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;insets<br>)</pre>
         <p>Sets the width to that of <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsEndWidth(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#End()">end</a></code> of the screen, using either <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#getLeft(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">left</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#getRight(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">right</a></code>, depending on the <code><a href="/reference/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -123,7 +123,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsSizeKt.html#(androidx.compose.ui.Modifier).windowInsetsStartWidth(androidx.compose.foundation.layout.WindowInsets)">windowInsetsStartWidth</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;insets<br>)</pre>
         <p>Sets the width to that of <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsStartWidth(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#Start()">start</a></code> of the screen, using either <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#getLeft(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">left</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#getRight(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">right</a></code>, depending on the <code><a href="/reference/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -154,7 +154,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/layout/WindowInsetsSizeKt.html#(androidx.compose.ui.Modifier).windowInsetsTopHeight(androidx.compose.foundation.layout.WindowInsets)">windowInsetsTopHeight</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;insets<br>)</pre>
         <p>Sets the height to that of <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsTopHeight(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#getTop(androidx.compose.ui.unit.Density)">top</a></code> of the screen.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyDslKt.html b/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyDslKt.html
index 66dd0dd..1fa50fd 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyDslKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyDslKt.html
@@ -74,7 +74,7 @@
         <h3 class="api-name" id="LazyColumn(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyColumn</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/lazy/LazyDslKt.html#LazyColumn(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyColumn</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/lazy/LazyListState.html">LazyListState</a>&nbsp;state,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>&nbsp;contentPadding,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;reverseLayout,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/Arrangement.Vertical.html">Arrangement.Vertical</a>&nbsp;verticalArrangement,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.Horizontal.html">Alignment.Horizontal</a>&nbsp;horizontalAlignment,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a>&nbsp;flingBehavior,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;userScrollEnabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/lazy/LazyListScope.html">LazyListScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>The vertically scrolling list that only composes and lays out the currently visible items. The <code><a href="/reference/androidx/compose/foundation/lazy/package-summary.html#LazyColumn(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">content</a></code> block defines a DSL which allows you to emit items of different types. For example you can use <code><a href="/reference/androidx/compose/foundation/lazy/LazyListScope.html#item(kotlin.Any,kotlin.Any,kotlin.Function1)">LazyListScope.item</a></code> to add a single item and <code><a href="/reference/androidx/compose/foundation/lazy/LazyListScope.html#items(kotlin.Int,kotlin.Function1,kotlin.Function1,kotlin.Function2)">LazyListScope.items</a></code> to add a list of items.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.lazy.itemsIndexed
@@ -170,7 +170,7 @@
         <h3 class="api-name" id="LazyRow(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyRow</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/lazy/LazyDslKt.html#LazyRow(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyRow</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/lazy/LazyListState.html">LazyListState</a>&nbsp;state,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>&nbsp;contentPadding,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;reverseLayout,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/Arrangement.Horizontal.html">Arrangement.Horizontal</a>&nbsp;horizontalArrangement,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.Vertical.html">Alignment.Vertical</a>&nbsp;verticalAlignment,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a>&nbsp;flingBehavior,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;userScrollEnabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/lazy/LazyListScope.html">LazyListScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>The horizontally scrolling list that only composes and lays out the currently visible items. The <code><a href="/reference/androidx/compose/foundation/lazy/package-summary.html#LazyRow(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">content</a></code> block defines a DSL which allows you to emit items of different types. For example you can use <code><a href="/reference/androidx/compose/foundation/lazy/LazyListScope.html#item(kotlin.Any,kotlin.Any,kotlin.Function1)">LazyListScope.item</a></code> to add a single item and <code><a href="/reference/androidx/compose/foundation/lazy/LazyListScope.html#items(kotlin.Int,kotlin.Function1,kotlin.Function1,kotlin.Function2)">LazyListScope.items</a></code> to add a list of items.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.LazyRow
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.lazy.itemsIndexed
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyItemScope.html b/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyItemScope.html
index 7fd87f7..5e0217f 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyItemScope.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyItemScope.html
@@ -65,7 +65,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/lazy/LazyItemScope.html#(androidx.compose.ui.Modifier).animateItemPlacement(androidx.compose.animation.core.FiniteAnimationSpec)">animateItemPlacement</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/IntOffset.html">IntOffset</a>&gt;&nbsp;animationSpec<br>)</pre>
         <p>This modifier animates the item placement within the Lazy list.</p>
         <p>When you provide a key via <code><a href="/reference/androidx/compose/foundation/lazy/LazyListScope.html#item(kotlin.Any,kotlin.Any,kotlin.Function1)">LazyListScope.item</a></code>/<code><a href="/reference/androidx/compose/foundation/lazy/LazyListScope.html#items(kotlin.Int,kotlin.Function1,kotlin.Function1,kotlin.Function2)">LazyListScope.items</a></code> this modifier will enable item reordering animations. Aside from item reordering all other position changes caused by events like arrangement or alignment changes will also be animated.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.material.Button
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyListScope.html b/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyListScope.html
index fd39ffd..7cfcd66 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyListScope.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyListScope.html
@@ -182,7 +182,7 @@
         <h3 class="api-name" id="stickyHeader(kotlin.Any,kotlin.Any,kotlin.Function1)">stickyHeader</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>abstract&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/lazy/LazyListScope.html#stickyHeader(kotlin.Any,kotlin.Any,kotlin.Function1)">stickyHeader</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&nbsp;key,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&nbsp;contentType,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/lazy/LazyItemScope.html">LazyItemScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Adds a sticky header item, which will remain pinned even when scrolling after it. The header will remain pinned until the next header will take its place.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.fillMaxWidth
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyListState.html b/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyListState.html
index 8fb1446..ceb887a 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyListState.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/lazy/LazyListState.html
@@ -270,7 +270,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/lazy/LazyListState.html#getCanScrollBackward()">getCanScrollBackward</a>()</pre>
         <p>Whether this <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll backward (consume a negative delta). This is typically false if the scroll position is equal to its minimum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -321,7 +321,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/lazy/LazyListState.html#getCanScrollForward()">getCanScrollForward</a>()</pre>
         <p>Whether this <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll forward (consume a positive delta). This is typically false if the scroll position is equal to its maximum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -373,7 +373,7 @@
         <p>The index of the first item that is visible.</p>
         <p>Note that this property is observable and if you use it in the composable function it will be recomposed on every change causing potential performance issues.</p>
         <p>If you want to run some side effects like sending an analytics event or updating a state based on this value consider using &quot;snapshotFlow&quot;:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.snapshotFlow
@@ -386,7 +386,7 @@
         }
 }</pre>
         <p>If you need to use it in the composition then consider wrapping the calculation into a derived state in order to only have recompositions when the derived value changes:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.remember
@@ -439,7 +439,7 @@
         <p>The object of <code><a href="/reference/androidx/compose/foundation/lazy/LazyListLayoutInfo.html">LazyListLayoutInfo</a></code> calculated during the last layout pass. For example, you can use it to calculate what items are currently visible.</p>
         <p>Note that this property is observable and is updated after every scroll or remeasure. If you use it in the composable function it will be recomposed on every change causing potential performance issues including infinity recomposition loop. Therefore, avoid using it in the composition.</p>
         <p>If you want to run some side effects like sending an analytics event or updating a state based on this value consider using &quot;snapshotFlow&quot;:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.snapshotFlow
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/lazy/grid/LazyGridDslKt.html b/testData/compose/docs/reference/androidx/compose/foundation/lazy/grid/LazyGridDslKt.html
index 2af43e2..40dac10 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/lazy/grid/LazyGridDslKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/lazy/grid/LazyGridDslKt.html
@@ -75,7 +75,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/lazy/grid/LazyGridDslKt.html#LazyHorizontalGrid(androidx.compose.foundation.lazy.grid.GridCells,androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.grid.LazyGridState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyHorizontalGrid</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/lazy/grid/GridCells.html">GridCells</a>&nbsp;rows,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/lazy/grid/LazyGridState.html">LazyGridState</a>&nbsp;state,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>&nbsp;contentPadding,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;reverseLayout,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/Arrangement.Horizontal.html">Arrangement.Horizontal</a>&nbsp;horizontalArrangement,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/Arrangement.Vertical.html">Arrangement.Vertical</a>&nbsp;verticalArrangement,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a>&nbsp;flingBehavior,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;userScrollEnabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/lazy/grid/LazyGridScope.html">LazyGridScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>A lazy horizontal grid layout. It composes only visible columns of the grid.</p>
         <p>Sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.layout.wrapContentSize
@@ -107,7 +107,7 @@
     }
 }</pre>
         <p>Sample with custom item spans:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.layout.wrapContentSize
@@ -222,7 +222,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/lazy/grid/LazyGridDslKt.html#LazyVerticalGrid(androidx.compose.foundation.lazy.grid.GridCells,androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.grid.LazyGridState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyVerticalGrid</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/lazy/grid/GridCells.html">GridCells</a>&nbsp;columns,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/lazy/grid/LazyGridState.html">LazyGridState</a>&nbsp;state,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>&nbsp;contentPadding,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;reverseLayout,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/Arrangement.Vertical.html">Arrangement.Vertical</a>&nbsp;verticalArrangement,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/Arrangement.Horizontal.html">Arrangement.Horizontal</a>&nbsp;horizontalArrangement,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a>&nbsp;flingBehavior,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;userScrollEnabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/lazy/grid/LazyGridScope.html">LazyGridScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>A lazy vertical grid layout. It composes only visible rows of the grid.</p>
         <p>Sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.wrapContentSize
@@ -250,7 +250,7 @@
     }
 }</pre>
         <p>Sample with custom item spans:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.wrapContentSize
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/lazy/grid/LazyGridState.html b/testData/compose/docs/reference/androidx/compose/foundation/lazy/grid/LazyGridState.html
index 1df2c98..fce9a5a 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/lazy/grid/LazyGridState.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/lazy/grid/LazyGridState.html
@@ -270,7 +270,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/lazy/grid/LazyGridState.html#getCanScrollBackward()">getCanScrollBackward</a>()</pre>
         <p>Whether this <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll backward (consume a negative delta). This is typically false if the scroll position is equal to its minimum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -321,7 +321,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/lazy/grid/LazyGridState.html#getCanScrollForward()">getCanScrollForward</a>()</pre>
         <p>Whether this <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll forward (consume a positive delta). This is typically false if the scroll position is equal to its maximum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -373,7 +373,7 @@
         <p>The index of the first item that is visible.</p>
         <p>Note that this property is observable and if you use it in the composable function it will be recomposed on every change causing potential performance issues.</p>
         <p>If you want to run some side effects like sending an analytics event or updating a state based on this value consider using &quot;snapshotFlow&quot;:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.grid.rememberLazyGridState
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.snapshotFlow
@@ -386,7 +386,7 @@
         }
 }</pre>
         <p>If you need to use it in the composition then consider wrapping the calculation into a derived state in order to only have recompositions when the derived value changes:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.grid.rememberLazyGridState
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.remember
@@ -417,7 +417,7 @@
         <p>The object of <code><a href="/reference/androidx/compose/foundation/lazy/grid/LazyGridLayoutInfo.html">LazyGridLayoutInfo</a></code> calculated during the last layout pass. For example, you can use it to calculate what items are currently visible.</p>
         <p>Note that this property is observable and is updated after every scroll or remeasure. If you use it in the composable function it will be recomposed on every change causing potential performance issues including infinity recomposition loop. Therefore, avoid using it in the composition.</p>
         <p>If you want to run some side effects like sending an analytics event or updating a state based on this value consider using &quot;snapshotFlow&quot;:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.grid.rememberLazyGridState
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.snapshotFlow
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridState.html b/testData/compose/docs/reference/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridState.html
index 71bb7ad..719ad32 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridState.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridState.html
@@ -269,7 +269,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridState.html#getCanScrollBackward()">getCanScrollBackward</a>()</pre>
         <p>Whether this <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll backward (consume a negative delta). This is typically false if the scroll position is equal to its minimum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -320,7 +320,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridState.html#getCanScrollForward()">getCanScrollForward</a>()</pre>
         <p>Whether this <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll forward (consume a positive delta). This is typically false if the scroll position is equal to its maximum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/pager/PageSize.html b/testData/compose/docs/reference/androidx/compose/foundation/pager/PageSize.html
index 5876ca9..7f64a20 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/pager/PageSize.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/pager/PageSize.html
@@ -43,7 +43,7 @@
     <hr>
     <p>This is used to determine how Pages are laid out in <code><a href="/reference/androidx/compose/foundation/pager/package-summary.html#Pager(androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,kotlin.Int,androidx.compose.foundation.pager.PageSize,androidx.compose.ui.unit.Dp,androidx.compose.foundation.gestures.Orientation,kotlin.Int,androidx.compose.ui.Alignment.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">Pager</a></code>. By changing the size of the pages one can change how many pages are shown.</p>
     <p>Please refer to the sample to learn how to use this API.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/pager/PagerKt.html b/testData/compose/docs/reference/androidx/compose/foundation/pager/PagerKt.html
index 3b8a0c8..5ebb77c 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/pager/PagerKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/pager/PagerKt.html
@@ -47,7 +47,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/pager/PagerKt.html#HorizontalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">HorizontalPager</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;pageCount,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/pager/PagerState.html">PagerState</a>&nbsp;state,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>&nbsp;contentPadding,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/pager/PageSize.html">PageSize</a>&nbsp;pageSize,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;beyondBoundsPageCount,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;pageSpacing,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.Vertical.html">Alignment.Vertical</a>&nbsp;verticalAlignment,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html">SnapFlingBehavior</a>&nbsp;flingBehavior,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;userScrollEnabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;reverseLayout,<br>&nbsp;&nbsp;&nbsp;&nbsp;Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt;&nbsp;key,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a>&nbsp;pageNestedScrollConnection,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;pageContent<br>)</pre>
         <p>A Pager that scrolls horizontally. Pages are lazily placed in accordance to the available viewport size. By definition, pages in a <code><a href="/reference/androidx/compose/foundation/pager/package-summary.html#Pager(androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,kotlin.Int,androidx.compose.foundation.pager.PageSize,androidx.compose.ui.unit.Dp,androidx.compose.foundation.gestures.Orientation,kotlin.Int,androidx.compose.ui.Alignment.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">Pager</a></code> have the same size, defined by <code><a href="/reference/androidx/compose/foundation/pager/package-summary.html#HorizontalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">pageSize</a></code> and use a snap animation (provided by <code><a href="/reference/androidx/compose/foundation/pager/package-summary.html#HorizontalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">flingBehavior</a></code> to scroll pages into a specific position). You can use <code><a href="/reference/androidx/compose/foundation/pager/package-summary.html#HorizontalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">beyondBoundsPageCount</a></code> to place more pages before and after the visible pages.</p>
         <p>If you need snapping with pages of different size, you can use a <code><a href="/reference/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html">SnapFlingBehavior</a></code> with a <code><a href="/reference/androidx/compose/foundation/gestures/snapping/SnapLayoutInfoProvider.html">SnapLayoutInfoProvider</a></code> adapted to a LazyList.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -200,7 +200,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/pager/PagerKt.html#VerticalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">VerticalPager</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;pageCount,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/pager/PagerState.html">PagerState</a>&nbsp;state,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>&nbsp;contentPadding,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/pager/PageSize.html">PageSize</a>&nbsp;pageSize,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;beyondBoundsPageCount,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;pageSpacing,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.Horizontal.html">Alignment.Horizontal</a>&nbsp;horizontalAlignment,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html">SnapFlingBehavior</a>&nbsp;flingBehavior,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;userScrollEnabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;reverseLayout,<br>&nbsp;&nbsp;&nbsp;&nbsp;Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt;&nbsp;key,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a>&nbsp;pageNestedScrollConnection,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;pageContent<br>)</pre>
         <p>A Pager that scrolls vertically. Pages are lazily placed in accordance to the available viewport size. By definition, pages in a <code><a href="/reference/androidx/compose/foundation/pager/package-summary.html#Pager(androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,kotlin.Int,androidx.compose.foundation.pager.PageSize,androidx.compose.ui.unit.Dp,androidx.compose.foundation.gestures.Orientation,kotlin.Int,androidx.compose.ui.Alignment.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">Pager</a></code> have the same size, defined by <code><a href="/reference/androidx/compose/foundation/pager/package-summary.html#VerticalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">pageSize</a></code> and use a snap animation (provided by <code><a href="/reference/androidx/compose/foundation/pager/package-summary.html#VerticalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">flingBehavior</a></code> to scroll pages into a specific position). You can use <code><a href="/reference/androidx/compose/foundation/pager/package-summary.html#VerticalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">beyondBoundsPageCount</a></code> to place more pages before and after the visible pages.</p>
         <p>If you need snapping with pages of different size, you can use a <code><a href="/reference/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html">SnapFlingBehavior</a></code> with a <code><a href="/reference/androidx/compose/foundation/gestures/snapping/SnapLayoutInfoProvider.html">SnapLayoutInfoProvider</a></code> adapted to a LazyList.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/pager/PagerState.html b/testData/compose/docs/reference/androidx/compose/foundation/pager/PagerState.html
index 6dfb209..60ef665 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/pager/PagerState.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/pager/PagerState.html
@@ -209,7 +209,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/pager/PagerState.html#animateScrollToPage(kotlin.Int,kotlin.Float,androidx.compose.animation.core.AnimationSpec)">animateScrollToPage</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;page,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;pageOffsetFraction,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/animation/core/AnimationSpec.html">AnimationSpec</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>&gt;&nbsp;animationSpec<br>)</pre>
         <p>Scroll animate to a given <code><a href="/reference/androidx/compose/foundation/pager/PagerState.html#animateScrollToPage(kotlin.Int,kotlin.Float,androidx.compose.animation.core.AnimationSpec)">page</a></code>. If the <code><a href="/reference/androidx/compose/foundation/pager/PagerState.html#animateScrollToPage(kotlin.Int,kotlin.Float,androidx.compose.animation.core.AnimationSpec)">page</a></code> is too far away from <code><a href="/reference/androidx/compose/foundation/pager/PagerState.html#currentPage()">currentPage</a></code> we will not compose all pages in the way. We will pre-jump to a nearer page, compose and animate the rest of the pages until <code><a href="/reference/androidx/compose/foundation/pager/PagerState.html#animateScrollToPage(kotlin.Int,kotlin.Float,androidx.compose.animation.core.AnimationSpec)">page</a></code>.</p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -340,7 +340,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/pager/PagerState.html#getCanScrollBackward()">getCanScrollBackward</a>()</pre>
         <p>Whether this <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll backward (consume a negative delta). This is typically false if the scroll position is equal to its minimum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -391,7 +391,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/foundation/pager/PagerState.html#getCanScrollForward()">getCanScrollForward</a>()</pre>
         <p>Whether this <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll forward (consume a positive delta). This is typically false if the scroll position is equal to its maximum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -442,7 +442,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;int&nbsp;<a href="/reference/androidx/compose/foundation/pager/PagerState.html#getCurrentPage()">getCurrentPage</a>()</pre>
         <p>The page that sits closest to the snapped position. This is an observable value and will change as the pager scrolls either by gesture or animation.</p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -487,7 +487,7 @@
         <p>Indicates how far the current page is to the snapped position, this will vary from -0.5 (page is offset towards the start of the layout) to 0.5 (page is offset towards the end of the layout). This is 0.0 if the <code><a href="/reference/androidx/compose/foundation/pager/PagerState.html#currentPage()">currentPage</a></code> is in the snapped position. The value will flip once the current page changes.</p>
         <p>This property is observable and shouldn't be used as is in a composable function due to potential performance issues. To use it in the composition, please consider using a derived state (e.g <code><a href="/reference/androidx/compose/runtime/package-summary.html#derivedStateOf(kotlin.Function0)">derivedStateOf</a></code>) to only have recompositions when the derived value changes.</p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -546,7 +546,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;int&nbsp;<a href="/reference/androidx/compose/foundation/pager/PagerState.html#getSettledPage()">getSettledPage</a>()</pre>
         <p>The page that is currently &quot;settled&quot;. This is an animation/gesture unaware page in the sense that it will not be updated while the pages are being scrolled, but rather when the animation/scroll settles.</p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -590,7 +590,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;int&nbsp;<a href="/reference/androidx/compose/foundation/pager/PagerState.html#getTargetPage()">getTargetPage</a>()</pre>
         <p>The page this <code><a href="/reference/androidx/compose/foundation/pager/package-summary.html#Pager(androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,kotlin.Int,androidx.compose.foundation.pager.PageSize,androidx.compose.ui.unit.Dp,androidx.compose.foundation.gestures.Orientation,kotlin.Int,androidx.compose.ui.Alignment.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">Pager</a></code> intends to settle to. During fling or animated scroll (from <code><a href="/reference/androidx/compose/foundation/pager/PagerState.html#animateScrollToPage(kotlin.Int,kotlin.Float,androidx.compose.animation.core.AnimationSpec)">animateScrollToPage</a></code> this will represent the page this pager intends to settle to. When no scroll is ongoing, this will be equal to <code><a href="/reference/androidx/compose/foundation/pager/PagerState.html#currentPage()">currentPage</a></code>.</p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -645,7 +645,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/pager/PagerState.html#scrollToPage(kotlin.Int,kotlin.Float)">scrollToPage</a>(int&nbsp;page,&nbsp;float&nbsp;pageOffsetFraction)</pre>
         <p>Scroll (jump immediately) to a given <code><a href="/reference/androidx/compose/foundation/pager/PagerState.html#scrollToPage(kotlin.Int,kotlin.Float)">page</a></code>.</p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/pager/PagerStateKt.html b/testData/compose/docs/reference/androidx/compose/foundation/pager/PagerStateKt.html
index 1a18dea..76e5276 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/pager/PagerStateKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/pager/PagerStateKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/pager/PagerState.html">PagerState</a>&nbsp;<a href="/reference/androidx/compose/foundation/pager/PagerStateKt.html#rememberPagerState(kotlin.Int,kotlin.Float)">rememberPagerState</a>(int&nbsp;initialPage,&nbsp;float&nbsp;initialPageOffsetFraction)</pre>
         <p>Creates and remember a <code><a href="/reference/androidx/compose/foundation/pager/PagerState.html">PagerState</a></code> to be used with a <code><a href="/reference/androidx/compose/foundation/pager/package-summary.html#Pager(androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,kotlin.Int,androidx.compose.foundation.pager.PageSize,androidx.compose.ui.unit.Dp,androidx.compose.foundation.gestures.Orientation,kotlin.Int,androidx.compose.ui.Alignment.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">Pager</a></code></p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html b/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html
index 127d49d..5ee5ce1 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html
@@ -16,7 +16,7 @@
     <p>Can be used to send <code><a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html#bringIntoView(androidx.compose.ui.geometry.Rect)">bringIntoView</a></code> requests. Pass it as a parameter to <code><a href="/reference/androidx/compose/foundation/relocation/package-summary.html#(androidx.compose.ui.Modifier).bringIntoViewRequester(androidx.compose.foundation.relocation.BringIntoViewRequester)">Modifier.bringIntoViewRequester()</a></code>.</p>
     <p>For instance, you can call <code><a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html#bringIntoView(androidx.compose.ui.geometry.Rect)">bringIntoView()</a></code> to make all the scrollable parents scroll so that the specified item is brought into the parent bounds.</p>
     <p>Here is a sample where a composable is brought into view:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -51,7 +51,7 @@
     }
 }</pre>
     <p>Here is a sample where part of a composable is brought into view:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.border
 import androidx.compose.foundation.horizontalScroll
@@ -132,7 +132,7 @@
         <pre class="api-signature no-pretty-print">abstract&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html#bringIntoView(androidx.compose.ui.geometry.Rect)">bringIntoView</a>(<a href="/reference/androidx/compose/ui/geometry/Rect.html">Rect</a>&nbsp;rect)</pre>
         <p>Bring this item into bounds by making all the scrollable parents scroll appropriately.</p>
         <p>This method will not return until this request is satisfied or a newer request interrupts it. If this call is interrupted by a newer call, this method will throw a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -167,7 +167,7 @@
     }
 }</pre>
         <p>Here is a sample where a part of a composable is brought into view:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.border
 import androidx.compose.foundation.horizontalScroll
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewRequesterKt.html b/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewRequesterKt.html
index 6f2ed7d..5f01d45 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewRequesterKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewRequesterKt.html
@@ -47,7 +47,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html">BringIntoViewRequester</a>&nbsp;<a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequesterKt.html#BringIntoViewRequester()">BringIntoViewRequester</a>()</pre>
         <p>Create an instance of <code><a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html">BringIntoViewRequester</a></code> that can be used with <code><a href="/reference/androidx/compose/foundation/relocation/package-summary.html#(androidx.compose.ui.Modifier).bringIntoViewRequester(androidx.compose.foundation.relocation.BringIntoViewRequester)">Modifier.bringIntoViewRequester</a></code>. A child can then call <code><a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html#bringIntoView(androidx.compose.ui.geometry.Rect)">BringIntoViewRequester.bringIntoView</a></code> to send a request any scrollable parents so that they scroll to bring this item into view.</p>
         <p>Here is a sample where a composable is brought into view:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -82,7 +82,7 @@
     }
 }</pre>
         <p>Here is a sample where a part of a composable is brought into view:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.border
 import androidx.compose.foundation.horizontalScroll
@@ -139,7 +139,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequesterKt.html#(androidx.compose.ui.Modifier).bringIntoViewRequester(androidx.compose.foundation.relocation.BringIntoViewRequester)">bringIntoViewRequester</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html">BringIntoViewRequester</a>&nbsp;bringIntoViewRequester<br>)</pre>
         <p>Modifier that can be used to send <code><a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html#bringIntoView(androidx.compose.ui.geometry.Rect)">bringIntoView</a></code> requests.</p>
         <p>The following example uses a <code>bringIntoViewRequester</code> to bring an item into the parent bounds. The example demonstrates how a composable can ask its parents to scroll so that the component using this modifier is brought into the bounds of all its parents.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewResponder.html b/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewResponder.html
index 0f65064..f30b066 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewResponder.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewResponder.html
@@ -24,7 +24,7 @@
       </li>
     </ol>
     <p>Here is a sample where a composable is brought into view:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -59,7 +59,7 @@
     }
 }</pre>
     <p>Here is a sample where a part of a composable is brought into view:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.border
 import androidx.compose.foundation.horizontalScroll
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewResponderKt.html b/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewResponderKt.html
index a886cde..5eadc35 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewResponderKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/relocation/BringIntoViewResponderKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).bringIntoViewResponder(androidx.compose.foundation.relocation.BringIntoViewResponder)">bringIntoViewResponder</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/relocation/BringIntoViewResponderKt.html#(androidx.compose.ui.Modifier).bringIntoViewResponder(androidx.compose.foundation.relocation.BringIntoViewResponder)">bringIntoViewResponder</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/relocation/BringIntoViewResponder.html">BringIntoViewResponder</a>&nbsp;responder<br>)</pre>
         <p>A parent that can respond to <code><a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html">BringIntoViewRequester</a></code> requests from its children, and scroll so that the item is visible on screen. See <code><a href="/reference/androidx/compose/foundation/relocation/BringIntoViewResponder.html">BringIntoViewResponder</a></code> for more details about how this mechanism works.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/selection/SelectableKt.html b/testData/compose/docs/reference/androidx/compose/foundation/selection/SelectableKt.html
index edde804..793f9fe 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/selection/SelectableKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/selection/SelectableKt.html
@@ -48,7 +48,7 @@
         <p>Configure component to be selectable, usually as a part of a mutually exclusive group, where only one item can be selected at any point in time. A typical example of mutually exclusive set is a RadioGroup or a row of Tabs. To ensure correct accessibility behavior, make sure to pass <code><a href="/reference/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).selectableGroup()">Modifier.selectableGroup</a></code> modifier into the RadioGroup or the row.</p>
         <p>If you want to make an item support on/off capabilities without being part of a set, consider using <code><a href="/reference/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">Modifier.toggleable</a></code></p>
         <p>This version has no <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -125,7 +125,7 @@
         <p>Configure component to be selectable, usually as a part of a mutually exclusive group, where only one item can be selected at any point in time. A typical example of mutually exclusive set is a RadioGroup or a row of Tabs. To ensure correct accessibility behavior, make sure to pass <code><a href="/reference/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).selectableGroup()">Modifier.selectableGroup</a></code> modifier into the RadioGroup or the row.</p>
         <p>If you want to make an item support on/off capabilities without being part of a set, consider using <code><a href="/reference/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">Modifier.toggleable</a></code></p>
         <p>This version requires both <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> and <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> to work properly. Use another overload if you don't need these parameters.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/selection/ToggleableKt.html b/testData/compose/docs/reference/androidx/compose/foundation/selection/ToggleableKt.html
index 7648506..99f3854 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/selection/ToggleableKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/selection/ToggleableKt.html
@@ -61,7 +61,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/selection/ToggleableKt.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">toggleable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;value,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/semantics/Role.html">Role</a>&nbsp;role,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Boolean.html">Boolean</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onValueChange<br>)</pre>
         <p>Configure component to make it toggleable via input and accessibility events</p>
         <p>This version has no <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.toggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -139,7 +139,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/foundation/selection/ToggleableKt.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.Indication,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">toggleable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;value,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>&nbsp;interactionSource,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/foundation/Indication.html">Indication</a>&nbsp;indication,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/semantics/Role.html">Role</a>&nbsp;role,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Boolean.html">Boolean</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onValueChange<br>)</pre>
         <p>Configure component to make it toggleable via input and accessibility events.</p>
         <p>This version requires both <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> and <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> to work properly. Use another overload if you don't need these parameters.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.toggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -230,7 +230,7 @@
         <p>Configure component to make it toggleable via input and accessibility events with three states: On, Off and Indeterminate.</p>
         <p>TriStateToggleable should be used when there are dependent Toggleables associated to this component and those can have different values.</p>
         <p>This version has no <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.triStateToggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -315,7 +315,7 @@
         <p>Configure component to make it toggleable via input and accessibility events with three states: On, Off and Indeterminate.</p>
         <p>TriStateToggleable should be used when there are dependent Toggleables associated to this component and those can have different values.</p>
         <p>This version requires both <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> and <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> to work properly. Use another overload if you don't need these parameters.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.triStateToggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/text/BasicTextFieldKt.html b/testData/compose/docs/reference/androidx/compose/foundation/text/BasicTextFieldKt.html
index 4b06954..9fb3060 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/text/BasicTextFieldKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/text/BasicTextFieldKt.html
@@ -50,7 +50,7 @@
         <p>Unlike <code><a href="/reference/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code> overload, this composable does not let the developer to control selection, cursor and text composition information. Please check <code><a href="/reference/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code> and corresponding <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">BasicTextField</a></code> overload for more information.</p>
         <p>It is crucial that the value provided in the <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> is fed back into <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">BasicTextField</a></code> in order to have the final state of the text being displayed.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.saveable.rememberSaveable
@@ -67,7 +67,7 @@
         <p>Please keep in mind that <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> is useful to be informed about the latest state of the text input by users, however it is generally not recommended to modify the value that you get via <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> callback. Any change to this value may result in a context reset and end up with input session restart. Such a scenario would cause glitches in the UI or text input experience for users.</p>
         <p>This composable provides basic text editing functionality, however does not include any decorations such as borders, hints/placeholder. A design system based implementation such as Material Design Filled text field is typically what is needed to cover most of the needs. This composable is designed to be used when a custom implementation for different design system is needed.</p>
         <p>For example, if you need to include a placeholder in your TextField, you can write a composable using the decoration box like this:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.material.Text
@@ -85,7 +85,7 @@
     }
 }</pre>
         <p>If you want to add decorations to your text field, such as icon or similar, and increase the hit target area, use the decoration box:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
@@ -118,7 +118,7 @@
     }
 )</pre>
         <p>In order to create formatted text field, for example for entering a phone number or a social security number, use a <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">visualTransformation</a></code> parameter. Below is the example of the text field for entering a credit card number:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.wrapContentSize
@@ -299,7 +299,7 @@
         <p>Whenever the user edits the text, <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicTextField(androidx.compose.ui.text.input.TextFieldValue,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> is called with the most up to date state represented by <code><a href="/reference/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code>. <code><a href="/reference/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code> contains the text entered by user, as well as selection, cursor and text composition information. Please check <code><a href="/reference/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code> for the description of its contents.</p>
         <p>It is crucial that the value provided in the <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicTextField(androidx.compose.ui.text.input.TextFieldValue,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> is fed back into <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">BasicTextField</a></code> in order to have the final state of the text being displayed.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.saveable.rememberSaveable
@@ -319,7 +319,7 @@
         <p>Please keep in mind that <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicTextField(androidx.compose.ui.text.input.TextFieldValue,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> is useful to be informed about the latest state of the text input by users, however it is generally not recommended to modify the values in the <code><a href="/reference/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code> that you get via <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicTextField(androidx.compose.ui.text.input.TextFieldValue,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> callback. Any change to the values in <code><a href="/reference/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code> may result in a context reset and end up with input session restart. Such a scenario would cause glitches in the UI or text input experience for users.</p>
         <p>This composable provides basic text editing functionality, however does not include any decorations such as borders, hints/placeholder. A design system based implementation such as Material Design Filled text field is typically what is needed to cover most of the needs. This composable is designed to be used when a custom implementation for different design system is needed.</p>
         <p>For example, if you need to include a placeholder in your TextField, you can write a composable using the decoration box like this:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.material.Text
@@ -337,7 +337,7 @@
     }
 }</pre>
         <p>If you want to add decorations to your text field, such as icon or similar, and increase the hit target area, use the decoration box:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/text/ClickableTextKt.html b/testData/compose/docs/reference/androidx/compose/foundation/text/ClickableTextKt.html
index 827f69a..52a0a1e 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/text/ClickableTextKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/text/ClickableTextKt.html
@@ -47,7 +47,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/text/ClickableTextKt.html#ClickableText(androidx.compose.ui.text.AnnotatedString,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Boolean,androidx.compose.ui.text.style.TextOverflow,kotlin.Int,kotlin.Function1,kotlin.Function1)">ClickableText</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a>&nbsp;text,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/TextStyle.html">TextStyle</a>&nbsp;style,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;softWrap,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/style/TextOverflow.html">TextOverflow</a>&nbsp;overflow,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;maxLines,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/TextLayoutResult.html">TextLayoutResult</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onTextLayout,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onClick<br>)</pre>
         <p>A continent version of <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code> component to be able to handle click event on the text.</p>
         <p>This is a shorthand of <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code> with <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> to be able to handle click event easily.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.text.ClickableText
 import androidx.compose.ui.text.AnnotatedString
 
@@ -58,7 +58,7 @@
     }
 )</pre>
         <p>For other gestures, e.g. long press, dragging, follow sample code.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -184,7 +184,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/text/ClickableTextKt.html#ClickableText(androidx.compose.ui.text.AnnotatedString,kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Boolean,androidx.compose.ui.text.style.TextOverflow,kotlin.Int,kotlin.Function1,kotlin.Function1)">ClickableText</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a>&nbsp;text,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;<a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onHover,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/TextStyle.html">TextStyle</a>&nbsp;style,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;softWrap,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/style/TextOverflow.html">TextOverflow</a>&nbsp;overflow,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;maxLines,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/TextLayoutResult.html">TextLayoutResult</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onTextLayout,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Integer.html">Integer</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onClick<br>)</pre>
         <p>A continent version of <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code> component to be able to handle click event on the text.</p>
         <p>This is a shorthand of <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code> with <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> to be able to handle click event easily.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.text.ClickableText
 import androidx.compose.ui.text.AnnotatedString
 
@@ -195,7 +195,7 @@
     }
 )</pre>
         <p>For other gestures, e.g. long press, dragging, follow sample code.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/text/InlineTextContent.html b/testData/compose/docs/reference/androidx/compose/foundation/text/InlineTextContent.html
index 28a22c8..b7ed936 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/text/InlineTextContent.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/text/InlineTextContent.html
@@ -15,7 +15,7 @@
     <hr>
     <p>A data class that stores a composable to be inserted into the text layout.</p>
     <p>Different from a regular composable, a <code><a href="/reference/androidx/compose/ui/text/Placeholder.html">Placeholder</a></code> is also needed for text layout to reserve space. In this <code><a href="/reference/androidx/compose/foundation/text/InlineTextContent.html#placeholder()">placeholder</a></code>, the size of the content and how it will be aligned within the text line is defined. When the children composable is measured, its size given in <code><a href="/reference/androidx/compose/ui/text/Placeholder.html#width()">Placeholder.width</a></code> and <code><a href="/reference/androidx/compose/ui/text/Placeholder.html#height()">Placeholder.height</a></code> will be converted into <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">androidx.compose.ui.unit.Constraints</a></code> and passed through <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">androidx.compose.ui.layout.Layout</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/text/InlineTextContentKt.html b/testData/compose/docs/reference/androidx/compose/foundation/text/InlineTextContentKt.html
index 8ff39b7..83ed8ca 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/text/InlineTextContentKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/text/InlineTextContentKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">appendInlineContent</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/text/InlineTextContentKt.html#(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">appendInlineContent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;id,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;alternateText<br>)</pre>
         <p>Used to insert composables into the text layout. This method can be used together with the inlineContent parameter of <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code>. It will append the <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">alternateText</a></code> to this <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a></code> and also mark this range of text to be replaced by a composable. <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code> will try to find an <code><a href="/reference/androidx/compose/foundation/text/InlineTextContent.html">InlineTextContent</a></code> in the map defined by inlineContent whose key equals to <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">id</a></code>, and it will use the <code><a href="/reference/androidx/compose/foundation/text/InlineTextContent.html#children()">InlineTextContent.children</a></code> to replace this range of text.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/androidx/compose/foundation/text/selection/SelectionContainerKt.html b/testData/compose/docs/reference/androidx/compose/foundation/text/selection/SelectionContainerKt.html
index e4e98cb..847a1a1 100644
--- a/testData/compose/docs/reference/androidx/compose/foundation/text/selection/SelectionContainerKt.html
+++ b/testData/compose/docs/reference/androidx/compose/foundation/text/selection/SelectionContainerKt.html
@@ -46,7 +46,7 @@
         <h3 class="api-name" id="DisableSelection(kotlin.Function0)">DisableSelection</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/text/selection/SelectionContainerKt.html#DisableSelection(kotlin.Function0)">DisableSelection</a>(@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content)</pre>
         <p>Disables text selection for its direct or indirect children. To use this, simply add this to wrap one or more text composables.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material.Text
 import androidx.compose.foundation.text.selection.DisableSelection
@@ -69,7 +69,7 @@
         <h3 class="api-name" id="SelectionContainer(androidx.compose.ui.Modifier,kotlin.Function0)">SelectionContainer</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/foundation/text/selection/SelectionContainerKt.html#SelectionContainer(androidx.compose.ui.Modifier,kotlin.Function0)">SelectionContainer</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Enables text selection for its direct or indirect children.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material.Text
 import androidx.compose.foundation.text.selection.SelectionContainer
diff --git a/testData/compose/docs/reference/androidx/compose/material3/AndroidAlertDialogKt.html b/testData/compose/docs/reference/androidx/compose/material3/AndroidAlertDialogKt.html
index 7afad8d..7b2d468 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/AndroidAlertDialogKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/AndroidAlertDialogKt.html
@@ -43,7 +43,7 @@
         <p><img alt="Basic dialog image" src="https://developer.android.com/images/reference/androidx/compose/material3/basic-dialog.png"></p>
         <p>The dialog will position its buttons, typically <code><a href="/reference/androidx/compose/material3/package-summary.html#TextButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">TextButton</a></code>s, based on the available space. By default it will try to place them horizontally next to each other and fallback to horizontal placement if not enough space is available.</p>
         <p>Simple usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.AlertDialog
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextButton
@@ -87,7 +87,7 @@
     )
 }</pre>
         <p>Usage with a &quot;Hero&quot; icon:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.AlertDialog
 import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
diff --git a/testData/compose/docs/reference/androidx/compose/material3/AndroidMenuKt.html b/testData/compose/docs/reference/androidx/compose/material3/AndroidMenuKt.html
index ff2e5fd..b1b6477 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/AndroidMenuKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/AndroidMenuKt.html
@@ -53,7 +53,7 @@
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#DropdownMenu(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.unit.DpOffset,androidx.compose.ui.window.PopupProperties,kotlin.Function1)">onDismissRequest</a></code> will be called when the menu should close - for example when there is a tap outside the menu, or when the back key is pressed.</p>
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#DropdownMenu(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.unit.DpOffset,androidx.compose.ui.window.PopupProperties,kotlin.Function1)">DropdownMenu</a></code> changes its positioning depending on the available space, always trying to be fully visible. It will try to expand horizontally, depending on layout direction, to the end of its parent, then to the start of its parent, and then screen end-aligned. Vertically, it will try to expand to the bottom of its parent, then from the top of its parent, and then screen top-aligned. An <code><a href="/reference/androidx/compose/material3/package-summary.html#DropdownMenu(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.unit.DpOffset,androidx.compose.ui.window.PopupProperties,kotlin.Function1)">offset</a></code> can be provided to adjust the positioning of the menu for cases when the layout bounds of its parent do not coincide with its visual bounds. Note the offset will be applied in the direction in which the menu will decide to expand.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.wrapContentSize
@@ -148,7 +148,7 @@
         <p>Menus display a list of choices on a temporary surface. They appear when users interact with a button, action, or other control.</p>
         <p><img alt="Dropdown menu image" src="https://developer.android.com/images/reference/androidx/compose/material3/menu.png"></p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.wrapContentSize
diff --git a/testData/compose/docs/reference/androidx/compose/material3/AppBarKt.html b/testData/compose/docs/reference/androidx/compose/material3/AppBarKt.html
index fb88b65..e3fb5b3 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/AppBarKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/AppBarKt.html
@@ -156,7 +156,7 @@
         <p><a href="https://m3.material.io/components/bottom-app-bar/overview" class="external" target="_blank">Material Design bottom app bar</a>.</p>
         <p>A bottom app bar displays navigation and key actions at the bottom of mobile screens.</p>
         <p><img alt="Bottom app bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/bottom-app-bar.png"></p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.BottomAppBar
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
@@ -167,7 +167,7 @@
     }
 }</pre>
         <p>It can optionally display a <code><a href="/reference/androidx/compose/material3/package-summary.html#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">FloatingActionButton</a></code> embedded at the end of the BottomAppBar.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.BottomAppBar
 import androidx.compose.material3.FloatingActionButton
 import androidx.compose.material3.Icon
@@ -269,7 +269,7 @@
         <p><img alt="Center-aligned top app bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/center-aligned-top-app-bar.png"></p>
         <p>This CenterAlignedTopAppBar has slots for a title, navigation icon, and actions.</p>
         <p>A center aligned top app bar that uses a <code><a href="/reference/androidx/compose/material3/package-summary.html#CenterAlignedTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)">scrollBehavior</a></code> to customize its nested scrolling behavior when working in conjunction with a scrolling content looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -391,7 +391,7 @@
         <p><img alt="Large top app bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/large-top-app-bar.png"></p>
         <p>This LargeTopAppBar has slots for a title, navigation icon, and actions. In its default expanded state, the title is displayed in a second row under the navigation and actions.</p>
         <p>A large top app bar that uses a <code><a href="/reference/androidx/compose/material3/package-summary.html#LargeTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)">scrollBehavior</a></code> to customize its nested scrolling behavior when working in conjunction with scrolling content looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -517,7 +517,7 @@
         <p><img alt="Medium top app bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/medium-top-app-bar.png"></p>
         <p>This MediumTopAppBar has slots for a title, navigation icon, and actions. In its default expanded state, the title is displayed in a second row under the navigation and actions.</p>
         <p>A medium top app bar that uses a <code><a href="/reference/androidx/compose/material3/package-summary.html#MediumTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)">scrollBehavior</a></code> to customize its nested scrolling behavior when working in conjunction with scrolling content looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -644,7 +644,7 @@
         <p>This SmallTopAppBar has slots for a title, navigation icon, and actions.</p>
         <p><img alt="Small top app bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/small-top-app-bar.png"></p>
         <p>A simple top app bar looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -701,7 +701,7 @@
     }
 )</pre>
         <p>A top app bar that uses a <code><a href="/reference/androidx/compose/material3/package-summary.html#SmallTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)">scrollBehavior</a></code> to customize its nested scrolling behavior when working in conjunction with a scrolling content looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -768,7 +768,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -895,7 +895,7 @@
         <p>This small TopAppBar has slots for a title, navigation icon, and actions.</p>
         <p><img alt="Small top app bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/small-top-app-bar.png"></p>
         <p>A simple top app bar looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -952,7 +952,7 @@
     }
 )</pre>
         <p>A top app bar that uses a <code><a href="/reference/androidx/compose/material3/package-summary.html#TopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)">scrollBehavior</a></code> to customize its nested scrolling behavior when working in conjunction with a scrolling content looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -1019,7 +1019,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
diff --git a/testData/compose/docs/reference/androidx/compose/material3/BadgeKt.html b/testData/compose/docs/reference/androidx/compose/material3/BadgeKt.html
index 64cee5c..a4b4402 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/BadgeKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/BadgeKt.html
@@ -98,7 +98,7 @@
         <p><img alt="Badge image" src="https://developer.android.com/images/reference/androidx/compose/material3/badge.png"></p>
         <p>A common use case is to display a badge with navigation bar items. For more information, see <a href="https://m3.material.io/components/navigation-bar/overview">Navigation Bar</a></p>
         <p>A simple icon with badge example looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Badge
 import androidx.compose.material3.BadgedBox
 import androidx.compose.material3.Icon
diff --git a/testData/compose/docs/reference/androidx/compose/material3/ButtonKt.html b/testData/compose/docs/reference/androidx/compose/material3/ButtonKt.html
index 3b547cc..81bae01 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/ButtonKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/ButtonKt.html
@@ -70,12 +70,12 @@
         <p>Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.</p>
         <p><img alt="Filled button image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-button.png"></p>
         <p>Filled buttons are high-emphasis buttons. Filled buttons have the most visual impact after the <code><a href="/reference/androidx/compose/material3/package-summary.html#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">FloatingActionButton</a></code>, and should be used for important, final actions that complete a flow, like &quot;Save&quot;, &quot;Join now&quot;, or &quot;Confirm&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Button
 import androidx.compose.material3.Text
 
 Button(onClick = { /* Do something! */ }) { Text(&quot;Button&quot;) }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.material3.Button
@@ -187,7 +187,7 @@
         <p>Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.</p>
         <p><img alt="Elevated button image" src="https://developer.android.com/images/reference/androidx/compose/material3/elevated-button.png"></p>
         <p>Elevated buttons are high-emphasis buttons that are essentially <code><a href="/reference/androidx/compose/material3/package-summary.html#FilledTonalButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">FilledTonalButton</a></code>s with a shadow. To prevent shadow creep, only use them when absolutely necessary, such as when the button requires visual separation from patterned container.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.ElevatedButton
 import androidx.compose.material3.Text
 
@@ -285,7 +285,7 @@
         <p>Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.</p>
         <p><img alt="Filled tonal button image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-tonal-button.png"></p>
         <p>Filled tonal buttons are medium-emphasis buttons that is an alternative middle ground between default <code><a href="/reference/androidx/compose/material3/package-summary.html#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">Button</a></code>s (filled) and <code><a href="/reference/androidx/compose/material3/package-summary.html#OutlinedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">OutlinedButton</a></code>s. They can be used in contexts where lower-priority button requires slightly more emphasis than an outline would give, such as &quot;Next&quot; in an onboarding flow. Tonal buttons use the secondary color mapping.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.FilledTonalButton
 import androidx.compose.material3.Text
 
@@ -383,7 +383,7 @@
         <p>Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.</p>
         <p><img alt="Outlined button image" src="https://developer.android.com/images/reference/androidx/compose/material3/outlined-button.png"></p>
         <p>Outlined buttons are medium-emphasis buttons. They contain actions that are important, but are not the primary action in an app. Outlined buttons pair well with <code><a href="/reference/androidx/compose/material3/package-summary.html#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">Button</a></code>s to indicate an alternative, secondary action.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.OutlinedButton
 import androidx.compose.material3.Text
 
@@ -481,7 +481,7 @@
         <p>Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.</p>
         <p><img alt="Text button image" src="https://developer.android.com/images/reference/androidx/compose/material3/text-button.png"></p>
         <p>Text buttons are typically used for less-pronounced actions, including those located in dialogs and cards. In cards, text buttons help maintain an emphasis on card content. Text buttons are used for the lowest priority actions, especially when presenting multiple options.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextButton
 
diff --git a/testData/compose/docs/reference/androidx/compose/material3/CardKt.html b/testData/compose/docs/reference/androidx/compose/material3/CardKt.html
index 839e914..7b1bd99 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/CardKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/CardKt.html
@@ -78,7 +78,7 @@
         <p>This Card does not handle input events - see the other Card overloads if you want a clickable or selectable Card.</p>
         <p><img alt="Filled card image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-card.png"></p>
         <p>Card sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Card
 
@@ -139,7 +139,7 @@
         <p>This Card handles click events, calling its <code><a href="/reference/androidx/compose/material3/package-summary.html#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.CardColors,androidx.compose.material3.CardElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">onClick</a></code> lambda.</p>
         <p><img alt="Filled card image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-card.png"></p>
         <p>Clickable card sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.size
@@ -226,7 +226,7 @@
         <p>This ElevatedCard does not handle input events - see the other ElevatedCard overloads if you want a clickable or selectable ElevatedCard.</p>
         <p><img alt="Elevated card image" src="https://developer.android.com/images/reference/androidx/compose/material3/elevated-card.png"></p>
         <p>Elevated card sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.ElevatedCard
 
@@ -281,7 +281,7 @@
         <p>This ElevatedCard handles click events, calling its <code><a href="/reference/androidx/compose/material3/package-summary.html#ElevatedCard(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.CardColors,androidx.compose.material3.CardElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">onClick</a></code> lambda.</p>
         <p><img alt="Elevated card image" src="https://developer.android.com/images/reference/androidx/compose/material3/elevated-card.png"></p>
         <p>Clickable elevated card sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.size
@@ -362,7 +362,7 @@
         <p>This OutlinedCard does not handle input events - see the other OutlinedCard overloads if you want a clickable or selectable OutlinedCard.</p>
         <p><img alt="Outlined card image" src="https://developer.android.com/images/reference/androidx/compose/material3/outlined-card.png"></p>
         <p>Outlined card sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.OutlinedCard
 
@@ -423,7 +423,7 @@
         <p>This OutlinedCard handles click events, calling its <code><a href="/reference/androidx/compose/material3/package-summary.html#OutlinedCard(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.CardColors,androidx.compose.material3.CardElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">onClick</a></code> lambda.</p>
         <p><img alt="Outlined card image" src="https://developer.android.com/images/reference/androidx/compose/material3/outlined-card.png"></p>
         <p>Clickable outlined card sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.size
diff --git a/testData/compose/docs/reference/androidx/compose/material3/CheckboxKt.html b/testData/compose/docs/reference/androidx/compose/material3/CheckboxKt.html
index ea76cac..fff51a4 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/CheckboxKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/CheckboxKt.html
@@ -49,7 +49,7 @@
         <p>Checkboxes allow users to select one or more items from a set. Checkboxes can turn an option on or off.</p>
         <p><img alt="Checkbox image" src="https://developer.android.com/images/reference/androidx/compose/material3/checkbox.png"></p>
         <p>Simple Checkbox sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Checkbox
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -60,7 +60,7 @@
     onCheckedChange = { checkedState.value = it }
 )</pre>
         <p>Combined Checkbox with Text sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
@@ -173,7 +173,7 @@
         <p><a href="https://m3.material.io/components/checkbox/guidelines" class="external" target="_blank">Material Design checkbox</a> parent.</p>
         <p>Checkboxes can have a parent-child relationship with other checkboxes. When the parent checkbox is checked, all child checkboxes are checked. If a parent checkbox is unchecked, all child checkboxes are unchecked. If some, but not all, child checkboxes are checked, the parent checkbox becomes an indeterminate checkbox.</p>
         <p><img alt="Checkbox image" src="https://developer.android.com/images/reference/androidx/compose/material3/indeterminate-checkbox.png"></p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.padding
diff --git a/testData/compose/docs/reference/androidx/compose/material3/ChipKt.html b/testData/compose/docs/reference/androidx/compose/material3/ChipKt.html
index a05ab15..7f09a55 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/ChipKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/ChipKt.html
@@ -86,7 +86,7 @@
         <p><img alt="Assist chip image" src="https://developer.android.com/images/reference/androidx/compose/material3/assist-chip.png"></p>
         <p>This assist chip is applied with a flat style. If you want an elevated style, use the <code><a href="/reference/androidx/compose/material3/package-summary.html#ElevatedAssistChip(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ChipColors,androidx.compose.material3.ChipElevation,androidx.compose.material3.ChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">ElevatedAssistChip</a></code>.</p>
         <p>Example of a flat AssistChip:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.AssistChip
 import androidx.compose.material3.Icon
@@ -194,7 +194,7 @@
         <p><img alt="Assist chip image" src="https://developer.android.com/images/reference/androidx/compose/material3/elevated-assist-chip.png"></p>
         <p>This assist chip is applied with an elevated style. If you want a flat style, use the <code><a href="/reference/androidx/compose/material3/package-summary.html#AssistChip(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ChipColors,androidx.compose.material3.ChipElevation,androidx.compose.material3.ChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">AssistChip</a></code>.</p>
         <p>Example of an elevated AssistChip with a trailing icon:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.ElevatedAssistChip
 import androidx.compose.material3.Icon
@@ -303,7 +303,7 @@
         <p>This filter chip is applied with an elevated style. If you want a flat style, use the <code><a href="/reference/androidx/compose/material3/package-summary.html#FilterChip(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.SelectableChipColors,androidx.compose.material3.SelectableChipElevation,androidx.compose.material3.SelectableChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">FilterChip</a></code>.</p>
         <p>Tapping on a filter chip toggles its selection state. A selection state <code><a href="/reference/androidx/compose/material3/package-summary.html#ElevatedFilterChip(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.SelectableChipColors,androidx.compose.material3.SelectableChipElevation,androidx.compose.material3.SelectableChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">leadingIcon</a></code> can be provided (e.g. a checkmark) to be appended at the starting edge of the chip's label.</p>
         <p>Example of an elevated FilterChip with a trailing icon:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.ElevatedFilterChip
 import androidx.compose.material3.Icon
@@ -425,7 +425,7 @@
         <p><img alt="Suggestion chip image" src="https://developer.android.com/images/reference/androidx/compose/material3/elevated-suggestion-chip.png"></p>
         <p>This suggestion chip is applied with an elevated style. If you want a flat style, use the <code><a href="/reference/androidx/compose/material3/package-summary.html#SuggestionChip(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ChipColors,androidx.compose.material3.ChipElevation,androidx.compose.material3.ChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">SuggestionChip</a></code>.</p>
         <p>Example of an elevated SuggestionChip with a trailing icon:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.ElevatedSuggestionChip
 import androidx.compose.material3.Text
 
@@ -519,7 +519,7 @@
         <p>This filter chip is applied with a flat style. If you want an elevated style, use the <code><a href="/reference/androidx/compose/material3/package-summary.html#ElevatedFilterChip(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.SelectableChipColors,androidx.compose.material3.SelectableChipElevation,androidx.compose.material3.SelectableChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">ElevatedFilterChip</a></code>.</p>
         <p>Tapping on a filter chip toggles its selection state. A selection state <code><a href="/reference/androidx/compose/material3/package-summary.html#FilterChip(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.SelectableChipColors,androidx.compose.material3.SelectableChipElevation,androidx.compose.material3.SelectableChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">leadingIcon</a></code> can be provided (e.g. a checkmark) to be appended at the starting edge of the chip's label.</p>
         <p>Example of a flat FilterChip with a trailing icon:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.FilterChip
 import androidx.compose.material3.Icon
@@ -545,7 +545,7 @@
     }
 )</pre>
         <p>Example of a FilterChip with both a leading icon and a selected icon:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.FilterChip
 import androidx.compose.material3.Icon
@@ -673,7 +673,7 @@
         <p><img alt="Input chip image" src="https://developer.android.com/images/reference/androidx/compose/material3/input-chip.png"></p>
         <p>An Input Chip can have a leading icon or an avatar at its start. In case both are provided, the avatar will take precedence and will be displayed.</p>
         <p>Example of an InputChip with a trailing icon:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.InputChip
 import androidx.compose.material3.Text
 import androidx.compose.runtime.mutableStateOf
@@ -686,7 +686,7 @@
     label = { Text(&quot;Input Chip&quot;) },
 )</pre>
         <p>Example of an InputChip with an avatar and a trailing icon:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Icon
 import androidx.compose.material3.InputChip
@@ -708,7 +708,7 @@
     }
 )</pre>
         <p>Input chips should appear in a set and can be horizontally scrollable:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
@@ -832,7 +832,7 @@
         <p><img alt="Suggestion chip image" src="https://developer.android.com/images/reference/androidx/compose/material3/suggestion-chip.png"></p>
         <p>This suggestion chip is applied with a flat style. If you want an elevated style, use the <code><a href="/reference/androidx/compose/material3/package-summary.html#ElevatedSuggestionChip(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ChipColors,androidx.compose.material3.ChipElevation,androidx.compose.material3.ChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">ElevatedSuggestionChip</a></code>.</p>
         <p>Example of a flat SuggestionChip with a trailing icon:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.SuggestionChip
 import androidx.compose.material3.Text
 
diff --git a/testData/compose/docs/reference/androidx/compose/material3/ExposedDropdownMenuKt.html b/testData/compose/docs/reference/androidx/compose/material3/ExposedDropdownMenuKt.html
index 5c4489d..10c7a2b 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/ExposedDropdownMenuKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/ExposedDropdownMenuKt.html
@@ -44,7 +44,7 @@
         <p><img alt="Exposed dropdown menu image" src="https://developer.android.com/images/reference/androidx/compose/material3/exposed-dropdown-menu.png"></p>
         <p>The <code><a href="/reference/androidx/compose/material3/package-summary.html#ExposedDropdownMenuBox(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)">ExposedDropdownMenuBox</a></code> is expected to contain a <code><a href="/reference/androidx/compose/material3/package-summary.html#TextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">TextField</a></code> (or <code><a href="/reference/androidx/compose/material3/package-summary.html#OutlinedTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">OutlinedTextField</a></code>) and <code><a href="/reference/androidx/compose/material3/ExposedDropdownMenuBoxScope.html#ExposedDropdownMenu(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1)">ExposedDropdownMenuBoxScope.ExposedDropdownMenu</a></code> as content.</p>
         <p>An example of read-only Exposed Dropdown Menu:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.DropdownMenuItem
 import androidx.compose.material3.ExposedDropdownMenuBox
 import androidx.compose.material3.Text
@@ -87,7 +87,7 @@
     }
 }</pre>
         <p>An example of editable Exposed Dropdown Menu:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.DropdownMenuItem
 import androidx.compose.material3.ExposedDropdownMenuBox
 import androidx.compose.material3.Text
diff --git a/testData/compose/docs/reference/androidx/compose/material3/FloatingActionButtonKt.html b/testData/compose/docs/reference/androidx/compose/material3/FloatingActionButtonKt.html
index e9491ca..a872b1d 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/FloatingActionButtonKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/FloatingActionButtonKt.html
@@ -70,7 +70,7 @@
         <p>Extended FABs help people take primary actions. They're wider than FABs to accommodate a text label and larger target area.</p>
         <p><img alt="Extended FAB image" src="https://developer.android.com/images/reference/androidx/compose/material3/extended-fab.png"></p>
         <p>The other extended floating action button overload supports a text label and icon.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.ExtendedFloatingActionButton
 import androidx.compose.material3.Text
 
@@ -149,7 +149,7 @@
         <p><img alt="Extended FAB image" src="https://developer.android.com/images/reference/androidx/compose/material3/extended-fab.png"></p>
         <p>The other extended floating action button overload is for FABs without an icon.</p>
         <p>Default content description for accessibility is extended from the extended fabs icon. For custom behavior, you can provide your own via Modifier.semantics.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.ExtendedFloatingActionButton
 import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
@@ -159,7 +159,7 @@
     icon = { Icon(Icons.Filled.Add, &quot;Localized description&quot;) },
     text = { Text(text = &quot;Extended FAB&quot;) },
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -285,7 +285,7 @@
         <p>The FAB represents the most important action on a screen. It puts key actions within reach.</p>
         <p><img alt="FAB image" src="https://developer.android.com/images/reference/androidx/compose/material3/fab.png"></p>
         <p>FAB typically contains an icon, for a FAB with text and an icon, see <code><a href="/reference/androidx/compose/material3/package-summary.html#ExtendedFloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">ExtendedFloatingActionButton</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.FloatingActionButton
 import androidx.compose.material3.Icon
 
@@ -364,7 +364,7 @@
         <p><a href="https://m3.material.io/components/floating-action-button/overview" class="external" target="_blank">Material Design large floating action button</a>.</p>
         <p>The FAB represents the most important action on a screen. It puts key actions within reach.</p>
         <p><img alt="Large FAB image" src="https://developer.android.com/images/reference/androidx/compose/material3/large-fab.png"></p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Icon
 import androidx.compose.material3.LargeFloatingActionButton
@@ -448,7 +448,7 @@
         <p><a href="https://m3.material.io/components/floating-action-button/overview" class="external" target="_blank">Material Design small floating action button</a>.</p>
         <p>The FAB represents the most important action on a screen. It puts key actions within reach.</p>
         <p><img alt="Small FAB image" src="https://developer.android.com/images/reference/androidx/compose/material3/small-fab.png"></p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.SmallFloatingActionButton
 
diff --git a/testData/compose/docs/reference/androidx/compose/material3/IconButtonKt.html b/testData/compose/docs/reference/androidx/compose/material3/IconButtonKt.html
index c741239..d1192dc 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/IconButtonKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/IconButtonKt.html
@@ -92,7 +92,7 @@
         <p><img alt="Filled icon button image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-icon-button.png"></p>
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#FilledIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
         <p>Filled icon button sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.FilledIconButton
 import androidx.compose.material3.Icon
 
@@ -165,7 +165,7 @@
         <p><img alt="Filled icon toggle button image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-icon-toggle-button.png"></p>
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#FilledIconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
         <p>Toggleable filled icon button sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.FilledIconToggleButton
 import androidx.compose.material3.Icon
 import androidx.compose.runtime.mutableStateOf
@@ -252,7 +252,7 @@
         <p>A filled tonal icon button is a medium-emphasis icon button that is an alternative middle ground between the default <code><a href="/reference/androidx/compose/material3/package-summary.html#FilledIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">FilledIconButton</a></code> and <code><a href="/reference/androidx/compose/material3/package-summary.html#OutlinedIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">OutlinedIconButton</a></code>. They can be used in contexts where the lower-priority icon button requires slightly more emphasis than an outline would give.</p>
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#FilledTonalIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
         <p>Filled tonal icon button sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.FilledTonalIconButton
 import androidx.compose.material3.Icon
 
@@ -326,7 +326,7 @@
         <p>A filled tonal toggle icon button is a medium-emphasis icon button that is an alternative middle ground between the default <code><a href="/reference/androidx/compose/material3/package-summary.html#FilledIconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">FilledIconToggleButton</a></code> and <code><a href="/reference/androidx/compose/material3/package-summary.html#OutlinedIconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">OutlinedIconToggleButton</a></code>. They can be used in contexts where the lower-priority icon button requires slightly more emphasis than an outline would give.</p>
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#FilledTonalIconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
         <p>Toggleable filled tonal icon button sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.FilledTonalIconToggleButton
 import androidx.compose.material3.Icon
 import androidx.compose.runtime.mutableStateOf
@@ -411,7 +411,7 @@
         <p>Icon buttons help people take supplementary actions with a single tap. They’re used when a compact button is required, such as in a toolbar or image list.</p>
         <p><img alt="Standard icon button image" src="https://developer.android.com/images/reference/androidx/compose/material3/standard-icon-button.png"></p>
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#IconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
 
@@ -477,7 +477,7 @@
         <p>Icon buttons help people take supplementary actions with a single tap. They’re used when a compact button is required, such as in a toolbar or image list.</p>
         <p><img alt="Standard icon toggle button image" src="https://developer.android.com/images/reference/androidx/compose/material3/standard-icon-toggle-button.png"></p>
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#IconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconToggleButton
 import androidx.compose.runtime.mutableStateOf
@@ -558,7 +558,7 @@
         <p>Icon buttons help people take supplementary actions with a single tap. They’re used when a compact button is required, such as in a toolbar or image list.</p>
         <p>Use this &quot;contained&quot; icon button when the component requires more visual separation from the background.</p>
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#OutlinedIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. The outlined icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.OutlinedIconButton
 
@@ -636,7 +636,7 @@
         <p>Icon buttons help people take supplementary actions with a single tap. They’re used when a compact button is required, such as in a toolbar or image list.</p>
         <p><img alt="Outlined icon toggle button image" src="https://developer.android.com/images/reference/androidx/compose/material3/outlined-icon-toggle-button.png"></p>
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#OutlinedIconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.OutlinedIconToggleButton
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/material3/ListItemKt.html b/testData/compose/docs/reference/androidx/compose/material3/ListItemKt.html
index 5a515ff..59ac367 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/ListItemKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/ListItemKt.html
@@ -47,7 +47,7 @@
             <p>one-line item</p>
           </li>
         </ul>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Divider
 import androidx.compose.material3.Icon
@@ -71,7 +71,7 @@
             <p>two-line item</p>
           </li>
         </ul>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Divider
 import androidx.compose.material3.Icon
@@ -97,7 +97,7 @@
             <p>three-line item</p>
           </li>
         </ul>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Divider
 import androidx.compose.material3.Icon
diff --git a/testData/compose/docs/reference/androidx/compose/material3/NavigationBarKt.html b/testData/compose/docs/reference/androidx/compose/material3/NavigationBarKt.html
index 4b0e4a7..b2a9177 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/NavigationBarKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/NavigationBarKt.html
@@ -50,7 +50,7 @@
         <p><img alt="Navigation bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/navigation-bar.png"></p>
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#NavigationBar(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">NavigationBar</a></code> should contain three to five <code><a href="/reference/androidx/compose/material3/package-summary.html#(androidx.compose.foundation.layout.RowScope).NavigationBarItem(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Boolean,androidx.compose.material3.NavigationBarItemColors,androidx.compose.foundation.interaction.MutableInteractionSource)">NavigationBarItem</a></code>s, each representing a singular destination.</p>
         <p>A simple example looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.NavigationBar
 import androidx.compose.material3.NavigationBarItem
diff --git a/testData/compose/docs/reference/androidx/compose/material3/NavigationDrawerKt.html b/testData/compose/docs/reference/androidx/compose/material3/NavigationDrawerKt.html
index 57ce851..c599396 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/NavigationDrawerKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/NavigationDrawerKt.html
@@ -153,7 +153,7 @@
         <p>Navigation drawers provide ergonomic access to destinations in an app. They’re often next to app content and affect the screen’s layout grid.</p>
         <p><img alt="Navigation drawer image" src="https://developer.android.com/images/reference/androidx/compose/material3/navigation-drawer.png"></p>
         <p>Dismissible standard drawers can be used for layouts that prioritize content (such as a photo gallery) or for apps where users are unlikely to switch destinations often. They should use a visible navigation menu icon to open and close the drawer.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.BackHandler
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
@@ -331,7 +331,7 @@
         <p>Navigation drawers provide ergonomic access to destinations in an app.</p>
         <p>Modal navigation drawers block interaction with the rest of an app’s content with a scrim. They are elevated above most of the app’s UI and don’t affect the screen’s layout grid.</p>
         <p><img alt="Navigation drawer image" src="https://developer.android.com/images/reference/androidx/compose/material3/navigation-drawer.png"></p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
@@ -444,7 +444,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/androidx/compose/material3/ExperimentalMaterial3Api.html">ExperimentalMaterial3Api</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/material3/NavigationDrawerKt.html#NavigationDrawerItem(kotlin.Function0,kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.NavigationDrawerItemColors,androidx.compose.foundation.interaction.MutableInteractionSource)">NavigationDrawerItem</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;label,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;selected,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onClick,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;icon,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;badge,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Shape.html">Shape</a>&nbsp;shape,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/material3/NavigationDrawerItemColors.html">NavigationDrawerItemColors</a>&nbsp;colors,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>&nbsp;interactionSource<br>)</pre>
         <p>Material Design navigation drawer item.</p>
         <p>A <code><a href="/reference/androidx/compose/material3/package-summary.html#NavigationDrawerItem(kotlin.Function0,kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.NavigationDrawerItemColors,androidx.compose.foundation.interaction.MutableInteractionSource)">NavigationDrawerItem</a></code> represents a destination within drawers, either <code><a href="/reference/androidx/compose/material3/package-summary.html#ModalNavigationDrawer(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material3.DrawerState,kotlin.Boolean,androidx.compose.ui.graphics.Color,kotlin.Function0)">ModalNavigationDrawer</a></code>, <code><a href="/reference/androidx/compose/material3/package-summary.html#PermanentNavigationDrawer(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0)">PermanentNavigationDrawer</a></code> or <code><a href="/reference/androidx/compose/material3/package-summary.html#DismissibleNavigationDrawer(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material3.DrawerState,kotlin.Boolean,kotlin.Function0)">DismissibleNavigationDrawer</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
@@ -633,7 +633,7 @@
         <p>Navigation drawers provide ergonomic access to destinations in an app. They’re often next to app content and affect the screen’s layout grid.</p>
         <p><img alt="Navigation drawer image" src="https://developer.android.com/images/reference/androidx/compose/material3/navigation-drawer.png"></p>
         <p>The permanent navigation drawer is always visible and usually used for frequently switching destinations. On mobile screens, use <code><a href="/reference/androidx/compose/material3/package-summary.html#ModalNavigationDrawer(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material3.DrawerState,kotlin.Boolean,androidx.compose.ui.graphics.Color,kotlin.Function0)">ModalNavigationDrawer</a></code> instead.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/androidx/compose/material3/NavigationRailKt.html b/testData/compose/docs/reference/androidx/compose/material3/NavigationRailKt.html
index 7b50726..43cee18 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/NavigationRailKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/NavigationRailKt.html
@@ -51,7 +51,7 @@
         <p>The navigation rail should be used to display three to seven app destinations and, optionally, a <code><a href="/reference/androidx/compose/material3/package-summary.html#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">FloatingActionButton</a></code> or a logo header. Each destination is typically represented by an icon and an optional text label.</p>
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#NavigationRail(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">NavigationRail</a></code> should contain multiple <code><a href="/reference/androidx/compose/material3/package-summary.html#NavigationRailItem(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Boolean,androidx.compose.material3.NavigationRailItemColors,androidx.compose.foundation.interaction.MutableInteractionSource)">NavigationRailItem</a></code>s, each representing a singular destination.</p>
         <p>A simple example looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.NavigationRail
 import androidx.compose.material3.NavigationRailItem
diff --git a/testData/compose/docs/reference/androidx/compose/material3/OutlinedTextFieldKt.html b/testData/compose/docs/reference/androidx/compose/material3/OutlinedTextFieldKt.html
index 6529d31..e3db074 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/OutlinedTextFieldKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/OutlinedTextFieldKt.html
@@ -49,7 +49,7 @@
         <p>Text fields allow users to enter text into a UI. They typically appear in forms and dialogs. Outlined text fields have less visual emphasis than filled text fields. When they appear in places like forms, where many text fields are placed together, their reduced emphasis helps simplify the layout.</p>
         <p><img alt="Outlined text field image" src="https://developer.android.com/images/reference/androidx/compose/material3/outlined-text-field.png"></p>
         <p>See example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.Text
 import androidx.compose.runtime.mutableStateOf
@@ -212,7 +212,7 @@
         <p>Text fields allow users to enter text into a UI. They typically appear in forms and dialogs. Outlined text fields have less visual emphasis than filled text fields. When they appear in places like forms, where many text fields are placed together, their reduced emphasis helps simplify the layout.</p>
         <p><img alt="Outlined text field image" src="https://developer.android.com/images/reference/androidx/compose/material3/outlined-text-field.png"></p>
         <p>See example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.Text
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/material3/ProgressIndicatorKt.html b/testData/compose/docs/reference/androidx/compose/material3/ProgressIndicatorKt.html
index a3d8f67..62f1b93 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/ProgressIndicatorKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/ProgressIndicatorKt.html
@@ -62,7 +62,7 @@
         <p><a href="https://m3.material.io/components/progress-indicators/overview" class="external" target="_blank">Indeterminate Material Design circular progress indicator</a>.</p>
         <p>Progress indicators express an unspecified wait time or display the duration of a process.</p>
         <p><img alt="Circular progress indicator image" src="https://developer.android.com/images/reference/androidx/compose/material3/circular-progress-indicator.png"></p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.CircularProgressIndicator
 
@@ -110,7 +110,7 @@
         <p>Progress indicators express an unspecified wait time or display the duration of a process.</p>
         <p><img alt="Circular progress indicator image" src="https://developer.android.com/images/reference/androidx/compose/material3/circular-progress-indicator.png"></p>
         <p>By default there is no animation between <code><a href="/reference/androidx/compose/material3/package-summary.html#CircularProgressIndicator(kotlin.Float,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp)">progress</a></code> values. You can use <code><a href="/reference/androidx/compose/material3/ProgressIndicatorDefaults.html#ProgressAnimationSpec()">ProgressIndicatorDefaults.ProgressAnimationSpec</a></code> as the default recommended <code><a href="/reference/androidx/compose/material3/package-summary.html#AnimationSpec()">AnimationSpec</a></code> when animating progress, such as in the following example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateFloatAsState
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
@@ -191,7 +191,7 @@
         <p><a href="https://m3.material.io/components/progress-indicators/overview" class="external" target="_blank">Indeterminate Material Design linear progress indicator</a>.</p>
         <p>Progress indicators express an unspecified wait time or display the duration of a process.</p>
         <p><img alt="Linear progress indicator image" src="https://developer.android.com/images/reference/androidx/compose/material3/linear-progress-indicator.png"></p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.LinearProgressIndicator
@@ -243,7 +243,7 @@
         <p>Progress indicators express an unspecified wait time or display the duration of a process.</p>
         <p><img alt="Linear progress indicator image" src="https://developer.android.com/images/reference/androidx/compose/material3/linear-progress-indicator.png"></p>
         <p>By default there is no animation between <code><a href="/reference/androidx/compose/material3/package-summary.html#LinearProgressIndicator(kotlin.Float,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">progress</a></code> values. You can use <code><a href="/reference/androidx/compose/material3/ProgressIndicatorDefaults.html#ProgressAnimationSpec()">ProgressIndicatorDefaults.ProgressAnimationSpec</a></code> as the default recommended <code><a href="/reference/androidx/compose/material3/package-summary.html#AnimationSpec()">AnimationSpec</a></code> when animating progress, such as in the following example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateFloatAsState
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
diff --git a/testData/compose/docs/reference/androidx/compose/material3/RadioButtonKt.html b/testData/compose/docs/reference/androidx/compose/material3/RadioButtonKt.html
index 7f6b03a..bfaf57d 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/RadioButtonKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/RadioButtonKt.html
@@ -41,7 +41,7 @@
         <p><a href="https://m3.material.io/components/radio-button/overview" class="external" target="_blank">Material Design radio button</a>.</p>
         <p>Radio buttons allow users to select one option from a set.</p>
         <p><img alt="Radio button image" src="https://developer.android.com/images/reference/androidx/compose/material3/radio-button.png"></p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.selection.selectableGroup
 import androidx.compose.material3.RadioButton
@@ -68,7 +68,7 @@
     )
 }</pre>
         <p><code><a href="/reference/androidx/compose/material3/package-summary.html#RadioButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.RadioButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource)">RadioButton</a></code>s can be combined together with <code><a href="/reference/androidx/compose/material3/package-summary.html#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)">Text</a></code> in the desired layout (e.g. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>) to achieve radio group-like behaviour, where the entire layout is selectable:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
diff --git a/testData/compose/docs/reference/androidx/compose/material3/ScaffoldKt.html b/testData/compose/docs/reference/androidx/compose/material3/ScaffoldKt.html
index 6c1ba70..797136b 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/ScaffoldKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/ScaffoldKt.html
@@ -42,7 +42,7 @@
         <p>Scaffold implements the basic material design visual layout structure.</p>
         <p>This component provides API to put together several material components to construct your screen, by ensuring proper layout strategy for them and collecting necessary data so these components will work together correctly.</p>
         <p>Simple example of a Scaffold with <code><a href="/reference/androidx/compose/material3/package-summary.html#SmallTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)">SmallTopAppBar</a></code>, <code><a href="/reference/androidx/compose/material3/package-summary.html#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">FloatingActionButton</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.consumeWindowInsets
@@ -104,7 +104,7 @@
     }
 )</pre>
         <p>To show a <code><a href="/reference/androidx/compose/material3/package-summary.html#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)">Snackbar</a></code>, use <code><a href="/reference/androidx/compose/material3/SnackbarHostState.html#showSnackbar(kotlin.String,kotlin.String,kotlin.Boolean,androidx.compose.material3.SnackbarDuration)">SnackbarHostState.showSnackbar</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
diff --git a/testData/compose/docs/reference/androidx/compose/material3/SliderKt.html b/testData/compose/docs/reference/androidx/compose/material3/SliderKt.html
index 9ac5d51..78e247b 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/SliderKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/SliderKt.html
@@ -63,7 +63,7 @@
         <p>Range Sliders expand upon <code><a href="/reference/androidx/compose/material3/package-summary.html#Slider(kotlin.Float,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int,kotlin.Function0,androidx.compose.material3.SliderColors,androidx.compose.foundation.interaction.MutableInteractionSource)">Slider</a></code> using the same concepts but allow the user to select 2 values.</p>
         <p>The two values are still bounded by the value range but they also cannot cross each other.</p>
         <p>Use continuous Range Sliders to allow users to make meaningful selections that don’t require a specific values:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.RangeSlider
 import androidx.compose.material3.Text
@@ -86,7 +86,7 @@
     )
 }</pre>
         <p>You can allow the user to choose only between predefined set of values by specifying the amount of steps between min and max values:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.RangeSlider
 import androidx.compose.material3.Text
@@ -182,7 +182,7 @@
         <p>Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.</p>
         <p><img alt="Sliders image" src="https://developer.android.com/images/reference/androidx/compose/material3/sliders.png"></p>
         <p>Use continuous sliders to allow users to make meaningful selections that don’t require a specific value:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Slider
 import androidx.compose.material3.Text
@@ -199,7 +199,7 @@
         onValueChange = { sliderPosition = it })
 }</pre>
         <p>You can allow the user to choose only between predefined set of values by specifying the amount of steps between min and max values:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Slider
 import androidx.compose.material3.Text
@@ -301,7 +301,7 @@
         <p>Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.</p>
         <p><img alt="Sliders image" src="https://developer.android.com/images/reference/androidx/compose/material3/sliders.png"></p>
         <p>Slider using a custom thumb:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Icon
@@ -418,7 +418,7 @@
         <p>Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.</p>
         <p><img alt="Sliders image" src="https://developer.android.com/images/reference/androidx/compose/material3/sliders.png"></p>
         <p>Slider using custom track and thumb:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Slider
diff --git a/testData/compose/docs/reference/androidx/compose/material3/SnackbarHostKt.html b/testData/compose/docs/reference/androidx/compose/material3/SnackbarHostKt.html
index f8d5993..3e175fc 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/SnackbarHostKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/SnackbarHostKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/material3/SnackbarHostKt.html#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)">SnackbarHost</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/material3/SnackbarHostState.html">SnackbarHostState</a>&nbsp;hostState,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/material3/SnackbarData.html">SnackbarData</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;snackbar<br>)</pre>
         <p>Host for <code><a href="/reference/androidx/compose/material3/package-summary.html#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)">Snackbar</a></code>s to be used in <code><a href="/reference/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code> to properly show, hide and dismiss items based on Material specification and the <code><a href="/reference/androidx/compose/material3/package-summary.html#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)">hostState</a></code>.</p>
         <p>This component with default parameters comes build-in with <code><a href="/reference/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code>, if you need to show a default <code><a href="/reference/androidx/compose/material3/package-summary.html#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)">Snackbar</a></code>, use <code><a href="/reference/androidx/compose/material3/SnackbarHostState.html#showSnackbar(kotlin.String,kotlin.String,kotlin.Boolean,androidx.compose.material3.SnackbarDuration)">SnackbarHostState.showSnackbar</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
@@ -81,7 +81,7 @@
     }
 )</pre>
         <p>If you want to customize appearance of the <code><a href="/reference/androidx/compose/material3/package-summary.html#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)">Snackbar</a></code>, you can pass your own version as a child of the <code><a href="/reference/androidx/compose/material3/package-summary.html#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)">SnackbarHost</a></code> to the <code><a href="/reference/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
diff --git a/testData/compose/docs/reference/androidx/compose/material3/SnackbarHostState.html b/testData/compose/docs/reference/androidx/compose/material3/SnackbarHostState.html
index 33b0c9a..fbc4773 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/SnackbarHostState.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/SnackbarHostState.html
@@ -92,7 +92,7 @@
         <p>Shows or queues to be shown a <code><a href="/reference/androidx/compose/material3/package-summary.html#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)">Snackbar</a></code> at the bottom of the <code><a href="/reference/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code> to which this state is attached and suspends until the snackbar has disappeared.</p>
         <p><code><a href="/reference/androidx/compose/material3/SnackbarHostState.html">SnackbarHostState</a></code> guarantees to show at most one snackbar at a time. If this function is called while another snackbar is already visible, it will be suspended until this snackbar is shown and subsequently addressed. If the caller is cancelled, the snackbar will be removed from display and/or the queue to be displayed.</p>
         <p>All of this allows for granular control over the snackbar queue from within:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
@@ -228,7 +228,7 @@
         <p>Shows or queues to be shown a <code><a href="/reference/androidx/compose/material3/package-summary.html#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)">Snackbar</a></code> at the bottom of the <code><a href="/reference/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code> to which this state is attached and suspends until the snackbar has disappeared.</p>
         <p><code><a href="/reference/androidx/compose/material3/SnackbarHostState.html">SnackbarHostState</a></code> guarantees to show at most one snackbar at a time. If this function is called while another snackbar is already visible, it will be suspended until this snackbar is shown and subsequently addressed. If the caller is cancelled, the snackbar will be removed from display and/or the queue to be displayed.</p>
         <p>All of this allows for granular control over the snackbar queue from within:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
diff --git a/testData/compose/docs/reference/androidx/compose/material3/SnackbarKt.html b/testData/compose/docs/reference/androidx/compose/material3/SnackbarKt.html
index d60f7a2..aa723e0 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/SnackbarKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/SnackbarKt.html
@@ -53,7 +53,7 @@
         <p>Snackbars with an action should not timeout or self-dismiss until the user performs another action. Here, moving the keyboard focus indicator to navigate through interactive elements in a page is not considered an action.</p>
         <p>This version of snackbar is designed to work with <code><a href="/reference/androidx/compose/material3/SnackbarData.html">SnackbarData</a></code> provided by the <code><a href="/reference/androidx/compose/material3/package-summary.html#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)">SnackbarHost</a></code>, which is usually used inside of the <code><a href="/reference/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code>.</p>
         <p>This components provides only the visuals of the Snackbar. If you need to show a Snackbar with defaults on the screen, use <code><a href="/reference/androidx/compose/material3/SnackbarHostState.html#showSnackbar(kotlin.String,kotlin.String,kotlin.Boolean,androidx.compose.material3.SnackbarDuration)">SnackbarHostState.showSnackbar</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
@@ -94,7 +94,7 @@
     }
 )</pre>
         <p>If you want to customize appearance of the Snackbar, you can pass your own version as a child of the <code><a href="/reference/androidx/compose/material3/package-summary.html#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)">SnackbarHost</a></code> to the <code><a href="/reference/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
@@ -182,7 +182,7 @@
     }
 )</pre>
         <p>When a <code><a href="/reference/androidx/compose/material3/SnackbarData.html#visuals()">SnackbarData.visuals</a></code> sets the Snackbar's duration as <code><a href="/reference/androidx/compose/material3/SnackbarDuration.html#Indefinite">SnackbarDuration.Indefinite</a></code>, it's recommended to display an additional close affordance action. See <code><a href="/reference/androidx/compose/material3/SnackbarVisuals.html#withDismissAction()">SnackbarVisuals.withDismissAction</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
@@ -305,7 +305,7 @@
         <p>A Snackbar can contain a single action. &quot;Dismiss&quot; or &quot;cancel&quot; actions are optional.</p>
         <p>Snackbars with an action should not timeout or self-dismiss until the user performs another action. Here, moving the keyboard focus indicator to navigate through interactive elements in a page is not considered an action.</p>
         <p>This component provides only the visuals of the Snackbar. If you need to show a Snackbar with defaults on the screen, use <code><a href="/reference/androidx/compose/material3/SnackbarHostState.html#showSnackbar(kotlin.String,kotlin.String,kotlin.Boolean,androidx.compose.material3.SnackbarDuration)">SnackbarHostState.showSnackbar</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
@@ -346,7 +346,7 @@
     }
 )</pre>
         <p>If you want to customize appearance of the Snackbar, you can pass your own version as a child of the <code><a href="/reference/androidx/compose/material3/package-summary.html#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)">SnackbarHost</a></code> to the <code><a href="/reference/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
diff --git a/testData/compose/docs/reference/androidx/compose/material3/SurfaceKt.html b/testData/compose/docs/reference/androidx/compose/material3/SurfaceKt.html
index 28a4226..e9635da 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/SurfaceKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/SurfaceKt.html
@@ -91,7 +91,7 @@
           </li>
         </ol>
         <p>Surface sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 
@@ -184,7 +184,7 @@
         </ol>
         <p>To manually retrieve the content color inside a surface, use <code><a href="/reference/androidx/compose/material3/package-summary.html#LocalContentColor()">LocalContentColor</a></code>.</p>
         <p>Clickable surface sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.runtime.mutableStateOf
@@ -300,7 +300,7 @@
         </ol>
         <p>To manually retrieve the content color inside a surface, use <code><a href="/reference/androidx/compose/material3/package-summary.html#LocalContentColor()">LocalContentColor</a></code>.</p>
         <p>Toggleable surface sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.runtime.mutableStateOf
@@ -431,7 +431,7 @@
         </ol>
         <p>To manually retrieve the content color inside a surface, use <code><a href="/reference/androidx/compose/material3/package-summary.html#LocalContentColor()">LocalContentColor</a></code>.</p>
         <p>Selectable surface sample:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/material3/SwitchKt.html b/testData/compose/docs/reference/androidx/compose/material3/SwitchKt.html
index cf69cc2..f6c00fd 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/SwitchKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/SwitchKt.html
@@ -41,7 +41,7 @@
         <p><a href="https://m3.material.io/components/switch" class="external" target="_blank">Material Design Switch</a>.</p>
         <p>Switches toggle the state of a single item on or off.</p>
         <p><img alt="Switch image" src="https://developer.android.com/images/reference/androidx/compose/material3/switch.png"></p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Switch
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -53,7 +53,7 @@
     checked = checked,
     onCheckedChange = { checked = it })</pre>
         <p>Switch can be used with a custom icon via <code><a href="/reference/androidx/compose/material3/package-summary.html#Switch(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Boolean,androidx.compose.material3.SwitchColors,androidx.compose.foundation.interaction.MutableInteractionSource)">thumbContent</a></code> parameter</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Icon
 import androidx.compose.material3.Switch
diff --git a/testData/compose/docs/reference/androidx/compose/material3/TabKt.html b/testData/compose/docs/reference/androidx/compose/material3/TabKt.html
index 04ac8e4..3c0a57a 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/TabKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/TabKt.html
@@ -153,7 +153,7 @@
         <p><img alt="Tabs image" src="https://developer.android.com/images/reference/androidx/compose/material3/secondary-tabs.png"></p>
         <p>Generic <code><a href="/reference/androidx/compose/material3/package-summary.html#Tab(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.interaction.MutableInteractionSource)">Tab</a></code> overload that is not opinionated about content / color. See the other overload for a Tab that has specific slots for text and / or an icon, as well as providing the correct colors for selected / unselected states.</p>
         <p>A custom tab using this API may look like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/material3/TabRowKt.html b/testData/compose/docs/reference/androidx/compose/material3/TabRowKt.html
index 3e97543..4b46e17 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/TabRowKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/TabRowKt.html
@@ -119,7 +119,7 @@
         <p>Fixed tabs display all tabs in a set simultaneously. They are best for switching between related content quickly, such as between transportation methods in a map. To navigate between fixed tabs, tap an individual tab, or swipe left or right in the content area.</p>
         <p>A TabRow contains a row of <code><a href="/reference/androidx/compose/material3/package-summary.html#Tab(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.interaction.MutableInteractionSource)">Tab</a></code>s, and displays an indicator underneath the currently selected tab. A TabRow places its tabs evenly spaced along the entire row, with each tab taking up an equal amount of space. See <code><a href="/reference/androidx/compose/material3/package-summary.html#ScrollableTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function0,kotlin.Function0)">ScrollableTabRow</a></code> for a tab row that does not enforce equal size, and allows scrolling to tabs that do not fit on screen.</p>
         <p>A simple example with text tabs looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Tab
 import androidx.compose.material3.TabRow
@@ -146,7 +146,7 @@
     )
 }</pre>
         <p>You can also provide your own custom tab, such as:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.TabRow
 import androidx.compose.material3.Text
@@ -168,7 +168,7 @@
     )
 }</pre>
         <p>Where the custom tab itself could look like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -200,7 +200,7 @@
 }</pre>
         <p>As well as customizing the tab, you can also provide a custom <code><a href="/reference/androidx/compose/material3/package-summary.html#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)">indicator</a></code>, to customize the indicator displayed for a tab. <code><a href="/reference/androidx/compose/material3/package-summary.html#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)">indicator</a></code> will be placed to fill the entire TabRow, so it should internally take care of sizing and positioning the indicator to match changes to <code><a href="/reference/androidx/compose/material3/package-summary.html#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)">selectedTabIndex</a></code>.</p>
         <p>For example, given an indicator that draws a rounded rectangle near the edges of the <code><a href="/reference/androidx/compose/material3/package-summary.html#Tab(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.interaction.MutableInteractionSource)">Tab</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Box
@@ -217,7 +217,7 @@
         .border(BorderStroke(2.dp, color), RoundedCornerShape(5.dp))
 )</pre>
         <p>We can reuse <code><a href="/reference/androidx/compose/material3/TabRowDefaults.html#(androidx.compose.ui.Modifier).tabIndicatorOffset(androidx.compose.material3.TabPosition)">TabRowDefaults.tabIndicatorOffset</a></code> and just provide this indicator, as we aren't changing how the size and position of the indicator changes between tabs:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Tab
 import androidx.compose.material3.TabRowDefaults.tabIndicatorOffset
@@ -257,7 +257,7 @@
     )
 }</pre>
         <p>You may also want to use a custom transition, to allow you to dynamically change the appearance of the indicator as it animates between tabs, such as changing its color or size. <code><a href="/reference/androidx/compose/material3/package-summary.html#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)">indicator</a></code> is stacked on top of the entire TabRow, so you just need to provide a custom transition that animates the offset of the indicator from the start of the TabRow. For example, take the following example that uses a transition to animate the offset, width, and color of the same FancyIndicator from before, also adding a physics based 'spring' effect to the indicator in the direction of motion:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.spring
@@ -320,7 +320,7 @@
         .width(indicatorEnd - indicatorStart)
 )</pre>
         <p>We can now just pass this indicator directly to TabRow:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Tab
 import androidx.compose.material3.TabRow
diff --git a/testData/compose/docs/reference/androidx/compose/material3/TextFieldDefaults.html b/testData/compose/docs/reference/androidx/compose/material3/TextFieldDefaults.html
index 3db8ec9..d790765 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/TextFieldDefaults.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/TextFieldDefaults.html
@@ -285,7 +285,7 @@
         <p>If your text field requires customising elements that aren't exposed by <code><a href="/reference/androidx/compose/material3/package-summary.html#OutlinedTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">OutlinedTextField</a></code>, consider using this decoration box to achieve the desired design.</p>
         <p>For example, if you need to create a dense outlined text field, use <code><a href="/reference/androidx/compose/material3/TextFieldDefaults.html#OutlinedTextFieldDecorationBox(kotlin.String,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.interaction.InteractionSource,kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.TextFieldColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function0)">contentPadding</a></code> parameter to decrease the paddings around the input field. If you need to change the thickness of the border, use <code><a href="/reference/androidx/compose/material3/TextFieldDefaults.html#OutlinedTextFieldDecorationBox(kotlin.String,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.interaction.InteractionSource,kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.TextFieldColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function0)">container</a></code> parameter to achieve that.</p>
         <p>Example of custom text field based on <code><a href="/reference/androidx/compose/material3/TextFieldDefaults.html#OutlinedTextFieldDecorationBox(kotlin.String,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.interaction.InteractionSource,kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.TextFieldColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function0)">OutlinedTextFieldDecorationBox</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.material3.Text
@@ -461,7 +461,7 @@
         <p>If your text field requires customising elements that aren't exposed by <code><a href="/reference/androidx/compose/material3/package-summary.html#TextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">TextField</a></code>, consider using this decoration box to achieve the desired design.</p>
         <p>For example, if you need to create a dense text field, use <code><a href="/reference/androidx/compose/material3/TextFieldDefaults.html#TextFieldDecorationBox(kotlin.String,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.interaction.InteractionSource,kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function0)">contentPadding</a></code> parameter to decrease the paddings around the input field. If you need to customise the bottom indicator, apply <code><a href="/reference/androidx/compose/material3/TextFieldDefaults.html#(androidx.compose.ui.Modifier).indicatorLine(kotlin.Boolean,kotlin.Boolean,androidx.compose.foundation.interaction.InteractionSource,androidx.compose.material3.TextFieldColors,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">indicatorLine</a></code> modifier to achieve that.</p>
         <p>See example of using <code><a href="/reference/androidx/compose/material3/TextFieldDefaults.html#TextFieldDecorationBox(kotlin.String,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.interaction.InteractionSource,kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function0)">TextFieldDecorationBox</a></code> to build your own custom text field</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.material3.Text
diff --git a/testData/compose/docs/reference/androidx/compose/material3/TextFieldKt.html b/testData/compose/docs/reference/androidx/compose/material3/TextFieldKt.html
index 810eedb..80fe9a8 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/TextFieldKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/TextFieldKt.html
@@ -50,7 +50,7 @@
         <p><img alt="Filled text field image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-text-field.png"></p>
         <p>If you are looking for an outlined version, see <code><a href="/reference/androidx/compose/material3/package-summary.html#OutlinedTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">OutlinedTextField</a></code>.</p>
         <p>A simple single line text field looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -65,7 +65,7 @@
     singleLine = true
 )</pre>
         <p>You may provide a placeholder:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -80,7 +80,7 @@
     placeholder = { Text(&quot;example@gmail.com&quot;) }
 )</pre>
         <p>You can also provide leading and trailing icons:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
@@ -97,7 +97,7 @@
     trailingIcon = { Icon(Icons.Filled.Info, contentDescription = &quot;Localized description&quot;) }
 )</pre>
         <p>To handle the error input state, use <code><a href="/reference/androidx/compose/material3/package-summary.html#TextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">isError</a></code> parameter:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.material3.Text
@@ -139,7 +139,7 @@
     }
 )</pre>
         <p>Additionally, you may provide additional message at the bottom:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -156,7 +156,7 @@
     },
 )</pre>
         <p>Password text field example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
@@ -187,7 +187,7 @@
     }
 )</pre>
         <p>Hiding a software keyboard on IME action performed:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material3.Text
@@ -360,7 +360,7 @@
         <p><img alt="Filled text field image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-text-field.png"></p>
         <p>If you are looking for an outlined version, see <code><a href="/reference/androidx/compose/material3/package-summary.html#OutlinedTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">OutlinedTextField</a></code>.</p>
         <p>See example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/material3/windowsizeclass/AndroidWindowSizeClassKt.html b/testData/compose/docs/reference/androidx/compose/material3/windowsizeclass/AndroidWindowSizeClassKt.html
index 1309f46..b527b8c 100644
--- a/testData/compose/docs/reference/androidx/compose/material3/windowsizeclass/AndroidWindowSizeClassKt.html
+++ b/testData/compose/docs/reference/androidx/compose/material3/windowsizeclass/AndroidWindowSizeClassKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/material3/windowsizeclass/ExperimentalMaterial3WindowSizeClassApi.html">ExperimentalMaterial3WindowSizeClassApi</a><br>@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/material3/windowsizeclass/WindowSizeClass.html">WindowSizeClass</a>&nbsp;<a href="/reference/androidx/compose/material3/windowsizeclass/AndroidWindowSizeClassKt.html#calculateWindowSizeClass(android.app.Activity)">calculateWindowSizeClass</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/android/app/Activity.html">Activity</a>&nbsp;activity)</pre>
         <p>Calculates the window's <code><a href="/reference/androidx/compose/material3/windowsizeclass/WindowSizeClass.html">WindowSizeClass</a></code> for the provided <code><a href="/reference/androidx/compose/material3/windowsizeclass/package-summary.html#calculateWindowSizeClass(android.app.Activity)">activity</a></code>.</p>
         <p>A new <code><a href="/reference/androidx/compose/material3/windowsizeclass/WindowSizeClass.html">WindowSizeClass</a></code> will be returned whenever a configuration change causes the width or height of the window to cross a breakpoint, such as when the device is rotated or the window is resized.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.material3.windowsizeclass.calculateWindowSizeClass
 
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/AbstractApplier.html b/testData/compose/docs/reference/androidx/compose/runtime/AbstractApplier.html
index f60b23c..7684bec 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/AbstractApplier.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/AbstractApplier.html
@@ -34,7 +34,7 @@
 </devsite-expandable>    </div>
     <hr>
     <p>An abstract <code><a href="/reference/androidx/compose/runtime/Applier.html">Applier</a></code> implementation.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/Applier.html b/testData/compose/docs/reference/androidx/compose/runtime/Applier.html
index fbb8ec6..8915bef 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/Applier.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/Applier.html
@@ -57,7 +57,7 @@
     <hr>
     <p>An Applier is responsible for applying the tree-based operations that get emitted during a composition. Every <code><a href="/reference/androidx/compose/runtime/Composer.html">Composer</a></code> has an <code><a href="/reference/androidx/compose/runtime/Applier.html">Applier</a></code> which it uses to emit a <code><a href="/reference/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1)">ComposeNode</a></code>.</p>
     <p>A custom <code><a href="/reference/androidx/compose/runtime/Applier.html">Applier</a></code> implementation will be needed in order to utilize Compose to build and maintain a tree of a novel type.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/ComposablesKt.html b/testData/compose/docs/reference/androidx/compose/runtime/ComposablesKt.html
index ea90189..49724d0 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/ComposablesKt.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/ComposablesKt.html
@@ -166,7 +166,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;E&nbsp;extends&nbsp;<a href="/reference/androidx/compose/runtime/Applier.html">Applier</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> ?&gt;&gt; <a href="/reference/androidx/compose/runtime/ComposablesKt.html#ComposeNode(kotlin.Function0,kotlin.Function1)">ComposeNode</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;factory,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/DisallowComposableCalls.html">DisallowComposableCalls</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/Updater.html">Updater</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;update<br>)</pre>
         <p>Emits a node into the composition of type <code><a href="/reference/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1)">T</a></code>.</p>
         <p>This function will throw a runtime exception if <code><a href="/reference/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1)">E</a></code> is not a subtype of the applier of the <code><a href="/reference/androidx/compose/runtime/package-summary.html#currentComposer()">currentComposer</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -300,7 +300,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;E&nbsp;extends&nbsp;<a href="/reference/androidx/compose/runtime/Applier.html">Applier</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> ?&gt;&gt; <a href="/reference/androidx/compose/runtime/ComposablesKt.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">ComposeNode</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;factory,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/DisallowComposableCalls.html">DisallowComposableCalls</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/Updater.html">Updater</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;update,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Emits a node into the composition of type <code><a href="/reference/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">T</a></code>. Nodes emitted inside of <code><a href="/reference/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">content</a></code> will become children of the emitted node.</p>
         <p>This function will throw a runtime exception if <code><a href="/reference/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">E</a></code> is not a subtype of the applier of the <code><a href="/reference/androidx/compose/runtime/package-summary.html#currentComposer()">currentComposer</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -440,7 +440,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/androidx/compose/runtime/ExplicitGroupsComposable.html">ExplicitGroupsComposable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;E&nbsp;extends&nbsp;<a href="/reference/androidx/compose/runtime/Applier.html">Applier</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> ?&gt;&gt; <a href="/reference/androidx/compose/runtime/ComposablesKt.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">ComposeNode</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;factory,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/DisallowComposableCalls.html">DisallowComposableCalls</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/Updater.html">Updater</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;update,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/SkippableUpdater.html">SkippableUpdater</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;skippableUpdate,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Emits a node into the composition of type <code><a href="/reference/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">T</a></code>. Nodes emitted inside of <code><a href="/reference/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">content</a></code> will become children of the emitted node.</p>
         <p>This function will throw a runtime exception if <code><a href="/reference/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">E</a></code> is not a subtype of the applier of the <code><a href="/reference/androidx/compose/runtime/package-summary.html#currentComposer()">currentComposer</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -590,7 +590,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;E&nbsp;extends&nbsp;<a href="/reference/androidx/compose/runtime/Applier.html">Applier</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> ?&gt;&gt; <a href="/reference/androidx/compose/runtime/ComposablesKt.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1)">ReusableComposeNode</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;factory,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/DisallowComposableCalls.html">DisallowComposableCalls</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/Updater.html">Updater</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;update<br>)</pre>
         <p>Emits a recyclable node into the composition of type <code><a href="/reference/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1)">T</a></code>.</p>
         <p>This function will throw a runtime exception if <code><a href="/reference/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1)">E</a></code> is not a subtype of the applier of the <code><a href="/reference/androidx/compose/runtime/package-summary.html#currentComposer()">currentComposer</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -724,7 +724,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;E&nbsp;extends&nbsp;<a href="/reference/androidx/compose/runtime/Applier.html">Applier</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> ?&gt;&gt; <a href="/reference/androidx/compose/runtime/ComposablesKt.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">ReusableComposeNode</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;factory,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/DisallowComposableCalls.html">DisallowComposableCalls</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/Updater.html">Updater</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;update,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Emits a recyclable node into the composition of type <code><a href="/reference/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">T</a></code>. Nodes emitted inside of <code><a href="/reference/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">content</a></code> will become children of the emitted node.</p>
         <p>This function will throw a runtime exception if <code><a href="/reference/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">E</a></code> is not a subtype of the applier of the <code><a href="/reference/androidx/compose/runtime/package-summary.html#currentComposer()">currentComposer</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -864,7 +864,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/androidx/compose/runtime/ExplicitGroupsComposable.html">ExplicitGroupsComposable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;E&nbsp;extends&nbsp;<a href="/reference/androidx/compose/runtime/Applier.html">Applier</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> ?&gt;&gt; <a href="/reference/androidx/compose/runtime/ComposablesKt.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">ReusableComposeNode</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;factory,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/DisallowComposableCalls.html">DisallowComposableCalls</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/Updater.html">Updater</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;update,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/SkippableUpdater.html">SkippableUpdater</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;skippableUpdate,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Emits a recyclable node into the composition of type <code><a href="/reference/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">T</a></code>. Nodes emitted inside of <code><a href="/reference/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">content</a></code> will become children of the emitted node.</p>
         <p>This function will throw a runtime exception if <code><a href="/reference/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">E</a></code> is not a subtype of the applier of the <code><a href="/reference/androidx/compose/runtime/package-summary.html#currentComposer()">currentComposer</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -1100,7 +1100,7 @@
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#key(kotlin.Array,kotlin.Function0)">key</a></code> is a utility composable that is used to &quot;group&quot; or &quot;key&quot; a block of execution inside of a composition. This is sometimes needed for correctness inside of control-flow that may cause a given composable invocation to execute more than once during composition.</p>
         <p>The value for a key <em>does not need to be globally unique</em>, and needs only be unique amongst the invocations of <code><a href="/reference/androidx/compose/runtime/package-summary.html#key(kotlin.Array,kotlin.Function0)">key</a></code> <em>at that point</em> in composition.</p>
         <p>For instance, consider the following example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.key
 
 for (user in users) {
@@ -1113,7 +1113,7 @@
         <p>Even though there are users with the same id composed in both the top and the bottom loop, because they are different calls to <code><a href="/reference/androidx/compose/runtime/package-summary.html#key(kotlin.Array,kotlin.Function0)">key</a></code>, there is no need to create compound keys.</p>
         <p>The key must be unique for each element in the collection, however, or children and local state might be reused in unintended ways.</p>
         <p>For instance, consider the following example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.key
 
 for ((child, parent) in relationships) {
@@ -1123,7 +1123,7 @@
     }
 }</pre>
         <p>This example assumes that <code>parent.id</code> is a unique key for each item in the collection, but this is only true if it is fair to assume that a parent will only ever have a single child, which may not be the case.  Instead, it may be more correct to do the following:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.key
 
 for ((child, parent) in relationships) {
@@ -1133,7 +1133,7 @@
     }
 }</pre>
         <p>A compound key can be created by passing in multiple arguments:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.key
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/CompositionKt.html b/testData/compose/docs/reference/androidx/compose/runtime/CompositionKt.html
index dd95262..5fb50c9 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/CompositionKt.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/CompositionKt.html
@@ -67,7 +67,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/Composition.html">Composition</a>&nbsp;<a href="/reference/androidx/compose/runtime/CompositionKt.html#Composition(androidx.compose.runtime.Applier,androidx.compose.runtime.CompositionContext)">Composition</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/Applier.html">Applier</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> ?&gt;&nbsp;applier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/CompositionContext.html">CompositionContext</a>&nbsp;parent<br>)</pre>
         <p>This method is the way to initiate a composition. Optionally, a <code><a href="/reference/androidx/compose/runtime/CompositionContext.html">parent</a></code> can be provided to make the composition behave as a sub-composition of the parent or a <code><a href="/reference/androidx/compose/runtime/Recomposer.html">Recomposer</a></code> can be provided.</p>
         <p>It is important to call <code><a href="/reference/androidx/compose/runtime/Composition.html#dispose()">Composition.dispose</a></code> this composer is no longer needed in order to release resources.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -208,7 +208,7 @@
         <p>This method is a way to initiate a composition. Optionally, a <code><a href="/reference/androidx/compose/runtime/CompositionContext.html">parent</a></code> can be provided to make the composition behave as a sub-composition of the parent or a <code><a href="/reference/androidx/compose/runtime/Recomposer.html">Recomposer</a></code> can be provided.</p>
         <p>A controlled composition allows direct control of the composition instead of it being controlled by the <code><a href="/reference/androidx/compose/runtime/Recomposer.html">Recomposer</a></code> passed ot the root composition.</p>
         <p>It is important to call <code><a href="/reference/androidx/compose/runtime/Composition.html#dispose()">Composition.dispose</a></code> this composer is no longer needed in order to release resources.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/CompositionLocal.html b/testData/compose/docs/reference/androidx/compose/runtime/CompositionLocal.html
index a911bea..6d419c4 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/CompositionLocal.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/CompositionLocal.html
@@ -39,12 +39,12 @@
     <p>Sometimes this model can be cumbersome or break down for data that is needed by lots of components, or when components need to pass data between one another but keep that implementation detail private. For these cases, <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code>s can be used as an implicit way to have data flow through a composition.</p>
     <p><code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code>s by their nature are hierarchical. They make sense when the value of the <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> needs to be scoped to a particular sub-hierarchy of the composition.</p>
     <p>One must create a <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> instance, which can be referenced by the consumers statically. <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> instances themselves hold no data, and can be thought of as a type-safe identifier for the data being passed down a tree. <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> factory functions take a single parameter: a factory to create a default value in cases where a <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> is used without a Provider. If this is a situation you would rather not handle, you can throw an error in this factory.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.compositionLocalOf
 
 val ActiveUser = compositionLocalOf&lt;User&gt; { error(&quot;No active user found!&quot;) }</pre>
     <p>Somewhere up the tree, a <code><a href="/reference/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</a></code> component can be used, which provides a value for the <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code>. This would often be at the &quot;root&quot; of a tree, but could be anywhere, and can also be used in multiple places to override the provided value for a sub-tree.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.CompositionLocalProvider
 
 @Composable
@@ -54,12 +54,12 @@
     }
 }</pre>
     <p>Intermediate components do not need to know about the <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> value, and can have zero dependencies on it. For example, <code>SomeScreen</code> might look like this:</p>
-    <pre class="prettyprint">@Composable
+    <pre class="prettyprint lang-kotlin">@Composable
 fun SomeScreen() {
     UserPhoto()
 }</pre>
     <p>Finally, a component that wishes to consume the <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> value can use the <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html#current()">current</a></code> property of the <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> key which returns the current value of the <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code>, and subscribes the component to changes of it.</p>
-    <pre class="prettyprint">@Composable
+    <pre class="prettyprint lang-kotlin">@Composable
 fun UserPhoto() {
     val user = ActiveUser.current
     ProfileIcon(src = user.profilePhotoUrl)
@@ -120,7 +120,7 @@
         <h3 class="api-name" id="getCurrent()">getCurrent</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;<a href="/reference/androidx/compose/runtime/CompositionLocal.html#getCurrent()">getCurrent</a>()</pre>
         <p>Return the value provided by the nearest <code><a href="/reference/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</a></code> component that invokes, directly or indirectly, the composable function that uses this property.</p>
-        <pre class="prettyprint">@Composable
+        <pre class="prettyprint lang-kotlin">@Composable
 fun UserPhoto() {
     val user = ActiveUser.current
     ProfileIcon(src = user.profilePhotoUrl)
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/CompositionLocalKt.html b/testData/compose/docs/reference/androidx/compose/runtime/CompositionLocalKt.html
index 0a24151..8abc80c 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/CompositionLocalKt.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/CompositionLocalKt.html
@@ -60,7 +60,7 @@
         <h3 class="api-name" id="CompositionLocalProvider(androidx.compose.runtime.CompositionLocalContext,kotlin.Function0)">CompositionLocalProvider</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/runtime/CompositionLocalKt.html#CompositionLocalProvider(androidx.compose.runtime.CompositionLocalContext,kotlin.Function0)">CompositionLocalProvider</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/CompositionLocalContext.html">CompositionLocalContext</a>&nbsp;context,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</a></code> binds values to <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code>'s, provided by <code><a href="/reference/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(androidx.compose.runtime.CompositionLocalContext,kotlin.Function0)">context</a></code>. Reading the <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> using <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html#current()">CompositionLocal.current</a></code> will return the value provided in values stored inside <code><a href="/reference/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(androidx.compose.runtime.CompositionLocalContext,kotlin.Function0)">context</a></code> for all composable functions called directly or indirectly in the <code><a href="/reference/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(androidx.compose.runtime.CompositionLocalContext,kotlin.Function0)">content</a></code> lambda.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.CompositionLocalProvider
 
 @Composable
@@ -101,7 +101,7 @@
         <h3 class="api-name" id="CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/runtime/CompositionLocalKt.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/ProvidedValue.html">ProvidedValue</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> ?&gt;&nbsp;values,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</a></code> binds values to <code><a href="/reference/androidx/compose/runtime/ProvidableCompositionLocal.html">ProvidableCompositionLocal</a></code> keys. Reading the <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> using <code><a href="/reference/androidx/compose/runtime/CompositionLocal.html#current()">CompositionLocal.current</a></code> will return the value provided in <code><a href="/reference/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</a></code>'s <code><a href="/reference/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">values</a></code> parameter for all composable functions called directly or indirectly in the <code><a href="/reference/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">content</a></code> lambda.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.CompositionLocalProvider
 
 @Composable
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/EffectsKt.html b/testData/compose/docs/reference/androidx/compose/runtime/EffectsKt.html
index a0e7e7b..dc9b6bb 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/EffectsKt.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/EffectsKt.html
@@ -133,7 +133,7 @@
           </li>
         </ul>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#DisposableEffect(kotlin.Function1)">DisposableEffect</a></code> may be used to initialize or subscribe to a key and reinitialize when a different key is provided, performing cleanup for the old operation before initializing the new. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -180,7 +180,7 @@
           </li>
         </ul>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#DisposableEffect(kotlin.Function1)">DisposableEffect</a></code> may be used to initialize or subscribe to a key and reinitialize when a different key is provided, performing cleanup for the old operation before initializing the new. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -227,7 +227,7 @@
           </li>
         </ul>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#DisposableEffect(kotlin.Function1)">DisposableEffect</a></code> may be used to initialize or subscribe to a key and reinitialize when a different key is provided, performing cleanup for the old operation before initializing the new. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -274,7 +274,7 @@
           </li>
         </ul>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#DisposableEffect(kotlin.Function1)">DisposableEffect</a></code> may be used to initialize or subscribe to a key and reinitialize when a different key is provided, performing cleanup for the old operation before initializing the new. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/Immutable.html b/testData/compose/docs/reference/androidx/compose/runtime/Immutable.html
index dde9f79..d504aae 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/Immutable.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/Immutable.html
@@ -16,7 +16,7 @@
     <p><code><a href="/reference/androidx/compose/runtime/Immutable.html">Immutable</a></code> can be used to mark class as producing immutable instances. The immutability of the class is not validated and is a promise by the type that all publicly accessible properties and fields will not change after the instance is constructed. This is a stronger promise than <code>val</code> as it promises that the value will never change not only that values cannot be changed through a setter.</p>
     <p><code><a href="/reference/androidx/compose/runtime/Immutable.html">Immutable</a></code> is used by composition which enables composition optimizations that can be performed based on the assumption that values read from the type will not change.  See <code><a href="/reference/androidx/compose/runtime/StableMarker.html">StableMarker</a></code> for additional details.</p>
     <p><code>data</code> classes that only contain <code>val</code> properties that do not have custom getters can safely be marked as <code><a href="/reference/androidx/compose/runtime/Immutable.html">Immutable</a></code> if the types of properties are either primitive types or also <code><a href="/reference/androidx/compose/runtime/Immutable.html">Immutable</a></code>:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Text
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/MovableContentKt.html b/testData/compose/docs/reference/androidx/compose/runtime/MovableContentKt.html
index bdc1f01..8fb74d7 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/MovableContentKt.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/MovableContentKt.html
@@ -96,7 +96,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;<a href="/reference/androidx/compose/runtime/MovableContentKt.html#movableContentOf(kotlin.Function0)">movableContentOf</a>(@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content)</pre>
         <p>Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
         <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -114,7 +114,7 @@
     }
 }</pre>
         <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -187,7 +187,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;&lt;P&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/MovableContentKt.html#movableContentOf(kotlin.Function1)">movableContentOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
         <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -205,7 +205,7 @@
     }
 }</pre>
         <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -278,7 +278,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P1,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P2,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;&lt;P1&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;P2&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/MovableContentKt.html#movableContentOf(kotlin.Function2)">movableContentOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P1,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P2,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
         <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -296,7 +296,7 @@
     }
 }</pre>
         <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -369,7 +369,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function3&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P1,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P2,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P3,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;&lt;P1&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;P2&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;P3&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/MovableContentKt.html#movableContentOf(kotlin.Function3)">movableContentOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function3&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P1,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P2,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P3,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
         <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -387,7 +387,7 @@
     }
 }</pre>
         <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -460,7 +460,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function4&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P1,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P2,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P3,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P4,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;&lt;P1&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;P2&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;P3&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;P4&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/MovableContentKt.html#movableContentOf(kotlin.Function4)">movableContentOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function4&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P1,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P2,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P3,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P4,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
         <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -478,7 +478,7 @@
     }
 }</pre>
         <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -551,7 +551,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;&lt;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/MovableContentKt.html#movableContentWithReceiverOf(kotlin.Function1)">movableContentWithReceiverOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Convert a lambda with a receiver into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
         <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -569,7 +569,7 @@
     }
 }</pre>
         <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -642,7 +642,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;&lt;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;P&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/MovableContentKt.html#movableContentWithReceiverOf(kotlin.Function2)">movableContentWithReceiverOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Convert a lambda with a receiver into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
         <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -660,7 +660,7 @@
     }
 }</pre>
         <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -733,7 +733,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function3&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P1,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P2,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;&lt;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;P1&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;P2&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/MovableContentKt.html#movableContentWithReceiverOf(kotlin.Function3)">movableContentWithReceiverOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function3&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P1,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P2,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Convert a lambda with a receiver into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
         <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -751,7 +751,7 @@
     }
 }</pre>
         <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -824,7 +824,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function4&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P1,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P2,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P3,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;&lt;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;P1&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;P2&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;P3&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/MovableContentKt.html#movableContentWithReceiverOf(kotlin.Function4)">movableContentWithReceiverOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function4&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P1,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P2,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> P3,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Convert a lambda with a receiver into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
         <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -842,7 +842,7 @@
     }
 }</pre>
         <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/MutableState.html b/testData/compose/docs/reference/androidx/compose/runtime/MutableState.html
index cd2ef05..cffc6e1 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/MutableState.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/MutableState.html
@@ -152,7 +152,7 @@
         <h3 class="api-name" id="(androidx.compose.runtime.MutableState).setValue(kotlin.Any,kotlin.reflect.KProperty,kotlin.Any)">SnapshotStateKt.setValue</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;void&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html">SnapshotStateKt</a>.<a href="/reference/androidx/compose/runtime/MutableState.html#(androidx.compose.runtime.MutableState).setValue(kotlin.Any,kotlin.reflect.KProperty,kotlin.Any)">setValue</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/MutableState.html">MutableState</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&nbsp;thisObj,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.reflect/-k-property/index.html">KProperty</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> ?&gt;&nbsp;property,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;value<br>)</pre>
         <p>Permits property delegation of <code>var</code>s using <code>by</code> for <code><a href="/reference/androidx/compose/runtime/MutableState.html">MutableState</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Button
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/ProduceStateScope.html b/testData/compose/docs/reference/androidx/compose/runtime/ProduceStateScope.html
index a577406..9d687f9 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/ProduceStateScope.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/ProduceStateScope.html
@@ -113,7 +113,7 @@
         <pre class="api-signature no-pretty-print">abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Void.html">Void</a>&nbsp;<a href="/reference/androidx/compose/runtime/ProduceStateScope.html#awaitDispose(kotlin.Function0)">awaitDispose</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onDispose)</pre>
         <p>Await the disposal of this producer whether it left the composition, the source changed, or an error occurred. Always runs <code><a href="/reference/androidx/compose/runtime/ProduceStateScope.html#awaitDispose(kotlin.Function0)">onDispose</a></code> before resuming.</p>
         <p>This method is useful when configuring callback-based state producers that do not suspend, for example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.produceState
 
 val currentPerson by produceState&lt;Person?&gt;(null, viewModel) {
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/SnapshotMutationPolicy.html b/testData/compose/docs/reference/androidx/compose/runtime/SnapshotMutationPolicy.html
index 63769f9..4de2068 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/SnapshotMutationPolicy.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/SnapshotMutationPolicy.html
@@ -16,7 +16,7 @@
     <p>A policy to control how the result of <code><a href="/reference/androidx/compose/runtime/package-summary.html#mutableStateOf(kotlin.Any,androidx.compose.runtime.SnapshotMutationPolicy)">mutableStateOf</a></code> report and merge changes to the state object.</p>
     <p>A mutation policy can be passed as an parameter to <code><a href="/reference/androidx/compose/runtime/package-summary.html#mutableStateOf(kotlin.Any,androidx.compose.runtime.SnapshotMutationPolicy)">mutableStateOf</a></code>, and <code><a href="/reference/androidx/compose/runtime/package-summary.html#compositionLocalOf(androidx.compose.runtime.SnapshotMutationPolicy,kotlin.Function0)">compositionLocalOf</a></code>.</p>
     <p>Typically, one of the stock policies should be used such as <code><a href="/reference/androidx/compose/runtime/package-summary.html#referentialEqualityPolicy()">referentialEqualityPolicy</a></code>, <code><a href="/reference/androidx/compose/runtime/package-summary.html#structuralEqualityPolicy()">structuralEqualityPolicy</a></code>, or <code><a href="/reference/androidx/compose/runtime/package-summary.html#neverEqualPolicy()">neverEqualPolicy</a></code>. However, a custom mutation policy can be created by implementing this interface, such as a counter policy,</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.mutableStateOf
 
 /**
@@ -92,7 +92,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;T&nbsp;<a href="/reference/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">merge</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;previous,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;current,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;applied)</pre>
         <p>Merge conflicting changes in snapshots. This is only called if <code><a href="/reference/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">current</a></code> and <code><a href="/reference/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">applied</a></code> are not <code><a href="/reference/androidx/compose/runtime/SnapshotMutationPolicy.html#equivalent(kotlin.Any,kotlin.Any)">equivalent</a></code>. If a valid merged value can be calculated then it should be returned.</p>
         <p>For example, if the state object holds an immutable data class with multiple fields, and <code><a href="/reference/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">applied</a></code> has changed fields that are unmodified by <code><a href="/reference/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">current</a></code> it might be valid to return a new copy of the data class that combines that changes from both <code><a href="/reference/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">current</a></code> and <code><a href="/reference/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">applied</a></code> allowing a snapshot to apply that would have otherwise failed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.mutableStateOf
 
 /**
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/SnapshotStateKt.html b/testData/compose/docs/reference/androidx/compose/runtime/SnapshotStateKt.html
index 571d34d..a05ff31 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/SnapshotStateKt.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/SnapshotStateKt.html
@@ -193,7 +193,7 @@
         <h3 class="api-name" id="(kotlinx.coroutines.flow.StateFlow).collectAsState(kotlin.coroutines.CoroutineContext)">collectAsState</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/State.html">State</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html#(kotlinx.coroutines.flow.StateFlow).collectAsState(kotlin.coroutines.CoroutineContext)">collectAsState</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-state-flow/index.html">StateFlow</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.coroutines/-coroutine-context/index.html">CoroutineContext</a>&nbsp;context<br>)</pre>
         <p>Collects values from this <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-state-flow/index.html">StateFlow</a></code> and represents its latest value via <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code>. The <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-state-flow/value.html">StateFlow.value</a></code> is used as an initial value. Every time there would be new value posted into the <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-state-flow/index.html">StateFlow</a></code> the returned <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> will be updated causing recomposition of every <code><a href="/reference/androidx/compose/runtime/State.html#value()">State.value</a></code> usage.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.runtime.collectAsState
 
@@ -225,7 +225,7 @@
         <h3 class="api-name" id="(kotlinx.coroutines.flow.Flow).collectAsState(kotlin.Any,kotlin.coroutines.CoroutineContext)">collectAsState</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/State.html">State</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&nbsp;&lt;T&nbsp;extends&nbsp;R,&nbsp;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html#(kotlinx.coroutines.flow.Flow).collectAsState(kotlin.Any,kotlin.coroutines.CoroutineContext)">collectAsState</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&nbsp;initial,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.coroutines/-coroutine-context/index.html">CoroutineContext</a>&nbsp;context<br>)</pre>
         <p>Collects values from this <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> and represents its latest value via <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code>. Every time there would be new value posted into the <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> the returned <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> will be updated causing recomposition of every <code><a href="/reference/androidx/compose/runtime/State.html#value()">State.value</a></code> usage.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.runtime.collectAsState
 
@@ -257,7 +257,7 @@
         <h3 class="api-name" id="derivedStateOf(kotlin.Function0)">derivedStateOf</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/State.html">State</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html#derivedStateOf(kotlin.Function0)">derivedStateOf</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;calculation)</pre>
         <p>Creates a <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> object whose <code><a href="/reference/androidx/compose/runtime/State.html#value()">State.value</a></code> is the result of <code><a href="/reference/androidx/compose/runtime/package-summary.html#derivedStateOf(kotlin.Function0)">calculation</a></code>. The result of calculation will be cached in such a way that calling <code><a href="/reference/androidx/compose/runtime/State.html#value()">State.value</a></code> repeatedly will not cause <code><a href="/reference/androidx/compose/runtime/package-summary.html#derivedStateOf(kotlin.Function0)">calculation</a></code> to be executed multiple times, but reading <code><a href="/reference/androidx/compose/runtime/State.html#value()">State.value</a></code> will cause all <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> objects that got read during the <code><a href="/reference/androidx/compose/runtime/package-summary.html#derivedStateOf(kotlin.Function0)">calculation</a></code> to be read in the current <code><a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code>, meaning that this will correctly subscribe to the derived state objects if the value is being read in an observed context such as a <code><a href="/reference/androidx/compose/runtime/Composable.html">Composable</a></code> function. Derived states without mutation policy trigger updates on each dependency change. To avoid invalidation on update, provide suitable <code><a href="/reference/androidx/compose/runtime/SnapshotMutationPolicy.html">SnapshotMutationPolicy</a></code> through <code><a href="/reference/androidx/compose/runtime/package-summary.html#derivedStateOf(kotlin.Function0)">derivedStateOf</a></code> overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.mutableStateOf
@@ -301,7 +301,7 @@
         <h3 class="api-name" id="derivedStateOf(androidx.compose.runtime.SnapshotMutationPolicy,kotlin.Function0)">derivedStateOf</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/State.html">State</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html#derivedStateOf(androidx.compose.runtime.SnapshotMutationPolicy,kotlin.Function0)">derivedStateOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/SnapshotMutationPolicy.html">SnapshotMutationPolicy</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;policy,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;calculation<br>)</pre>
         <p>Creates a <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> object whose <code><a href="/reference/androidx/compose/runtime/State.html#value()">State.value</a></code> is the result of <code><a href="/reference/androidx/compose/runtime/package-summary.html#derivedStateOf(androidx.compose.runtime.SnapshotMutationPolicy,kotlin.Function0)">calculation</a></code>. The result of calculation will be cached in such a way that calling <code><a href="/reference/androidx/compose/runtime/State.html#value()">State.value</a></code> repeatedly will not cause <code><a href="/reference/androidx/compose/runtime/package-summary.html#derivedStateOf(androidx.compose.runtime.SnapshotMutationPolicy,kotlin.Function0)">calculation</a></code> to be executed multiple times, but reading <code><a href="/reference/androidx/compose/runtime/State.html#value()">State.value</a></code> will cause all <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> objects that got read during the <code><a href="/reference/androidx/compose/runtime/package-summary.html#derivedStateOf(androidx.compose.runtime.SnapshotMutationPolicy,kotlin.Function0)">calculation</a></code> to be read in the current <code><a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code>, meaning that this will correctly subscribe to the derived state objects if the value is being read in an observed context such as a <code><a href="/reference/androidx/compose/runtime/Composable.html">Composable</a></code> function.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.mutableStateOf
@@ -351,7 +351,7 @@
         <h3 class="api-name" id="(androidx.compose.runtime.State).getValue(kotlin.Any,kotlin.reflect.KProperty)">getValue</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html#(androidx.compose.runtime.State).getValue(kotlin.Any,kotlin.reflect.KProperty)">getValue</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/State.html">State</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&nbsp;thisObj,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.reflect/-k-property/index.html">KProperty</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> ?&gt;&nbsp;property<br>)</pre>
         <p>Permits property delegation of <code>val</code>s using <code>by</code> for <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Text
 
@@ -371,7 +371,7 @@
         <h3 class="api-name" id="mutableStateListOf()">mutableStateListOf</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/snapshots/SnapshotStateList.html">SnapshotStateList</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html#mutableStateListOf()">mutableStateListOf</a>()</pre>
         <p>Create a instance of <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-mutable-list/index.html">MutableList</a></code><T> that is observable and can be snapshot.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Button
@@ -476,7 +476,7 @@
         <h3 class="api-name" id="mutableStateMapOf()">mutableStateMapOf</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/snapshots/SnapshotStateMap.html">SnapshotStateMap</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> K,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> V&gt;&nbsp;&lt;K&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>,&nbsp;V&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html#mutableStateMapOf()">mutableStateMapOf</a>()</pre>
         <p>Create a instance of <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-mutable-map/index.html">MutableMap</a></code> that is observable and can be snapshot.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Button
@@ -596,7 +596,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/MutableState.html">MutableState</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html#mutableStateOf(kotlin.Any,androidx.compose.runtime.SnapshotMutationPolicy)">mutableStateOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;value,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/SnapshotMutationPolicy.html">SnapshotMutationPolicy</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;policy<br>)</pre>
         <p>Return a new <code><a href="/reference/androidx/compose/runtime/MutableState.html">MutableState</a></code> initialized with the passed in <code><a href="/reference/androidx/compose/runtime/package-summary.html#mutableStateOf(kotlin.Any,androidx.compose.runtime.SnapshotMutationPolicy)">value</a></code></p>
         <p>The MutableState class is a single value holder whose reads and writes are observed by Compose. Additionally, writes to it are transacted as part of the <code><a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code> system.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Button
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -608,7 +608,7 @@
 Button(onClick = { count.value++ }) {
     Text(&quot;Click me&quot;)
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Button
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -620,7 +620,7 @@
 Button(onClick = { setCount(count + 1) }) {
     Text(&quot;Click me&quot;)
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -638,7 +638,7 @@
     }
     return user.value
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Button
 import androidx.compose.material.Text
 import androidx.compose.foundation.text.BasicTextField
@@ -732,7 +732,7 @@
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> is launched when <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> enters the composition and is cancelled when <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> leaves the composition. <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> should use <code><a href="/reference/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> to set new values on the returned <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code>.</p>
         <p>The returned <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> conflates values; no change will be observable if <code><a href="/reference/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> is used to set a value that is <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/equals.html">equal</a></code> to its old value, and observers may only see the latest value if several values are set in rapid succession.</p>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> may be used to observe either suspending or non-suspending sources of external data, for example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.runtime.produceState
 
@@ -750,7 +750,7 @@
         }
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.produceState
 
 val currentPerson by produceState&lt;Person?&gt;(null, viewModel) {
@@ -770,7 +770,7 @@
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> is launched when <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> enters the composition and is cancelled when <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> leaves the composition. If <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key1</a></code> changes, a running <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> will be cancelled and re-launched for the new source. <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> should use <code><a href="/reference/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> to set new values on the returned <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code>.</p>
         <p>The returned <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> conflates values; no change will be observable if <code><a href="/reference/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> is used to set a value that is <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/equals.html">equal</a></code> to its old value, and observers may only see the latest value if several values are set in rapid succession.</p>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> may be used to observe either suspending or non-suspending sources of external data, for example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.runtime.produceState
 
@@ -788,7 +788,7 @@
         }
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.produceState
 
 val currentPerson by produceState&lt;Person?&gt;(null, viewModel) {
@@ -808,7 +808,7 @@
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Array,kotlin.coroutines.SuspendFunction1)">producer</a></code> is launched when <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> enters the composition and is cancelled when <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> leaves the composition. If <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Array,kotlin.coroutines.SuspendFunction1)">keys</a></code> change, a running <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Array,kotlin.coroutines.SuspendFunction1)">producer</a></code> will be cancelled and re-launched for the new source. <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Array,kotlin.coroutines.SuspendFunction1)">producer</a></code> should use <code><a href="/reference/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> to set new values on the returned <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code>.</p>
         <p>The returned <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> conflates values; no change will be observable if <code><a href="/reference/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> is used to set a value that is <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/equals.html">equal</a></code> to its old value, and observers may only see the latest value if several values are set in rapid succession.</p>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> may be used to observe either suspending or non-suspending sources of external data, for example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.runtime.produceState
 
@@ -826,7 +826,7 @@
         }
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.produceState
 
 val currentPerson by produceState&lt;Person?&gt;(null, viewModel) {
@@ -846,7 +846,7 @@
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> is launched when <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> enters the composition and is cancelled when <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> leaves the composition. If <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key1</a></code> or <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key2</a></code> change, a running <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> will be cancelled and re-launched for the new source. <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> should use <code><a href="/reference/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> to set new values on the returned <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code>.</p>
         <p>The returned <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> conflates values; no change will be observable if <code><a href="/reference/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> is used to set a value that is <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/equals.html">equal</a></code> to its old value, and observers may only see the latest value if several values are set in rapid succession.</p>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> may be used to observe either suspending or non-suspending sources of external data, for example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.runtime.produceState
 
@@ -864,7 +864,7 @@
         }
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.produceState
 
 val currentPerson by produceState&lt;Person?&gt;(null, viewModel) {
@@ -884,7 +884,7 @@
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> is launched when <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> enters the composition and is cancelled when <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> leaves the composition. If <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key1</a></code>, <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key2</a></code> or <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key3</a></code> change, a running <code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> will be cancelled and re-launched for the new source. [producer should use <code><a href="/reference/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> to set new values on the returned <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code>.</p>
         <p>The returned <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> conflates values; no change will be observable if <code><a href="/reference/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> is used to set a value that is <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/equals.html">equal</a></code> to its old value, and observers may only see the latest value if several values are set in rapid succession.</p>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> may be used to observe either suspending or non-suspending sources of external data, for example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.runtime.produceState
 
@@ -902,7 +902,7 @@
         }
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.produceState
 
 val currentPerson by produceState&lt;Person?&gt;(null, viewModel) {
@@ -926,7 +926,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/State.html">State</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;newValue)</pre>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#remember(kotlin.Function0)">remember</a></code> a <code><a href="/reference/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">mutableStateOf</a></code> and update its value to <code><a href="/reference/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">newValue</a></code> on each recomposition of the <code><a href="/reference/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> call.</p>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> should be used when parameters or values computed during composition are referenced by a long-lived lambda or object expression. Recomposition will update the resulting <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code> without recreating the long-lived lambda or object, allowing that object to persist without cancelling and resubscribing, or relaunching a long-lived operation that may be expensive or prohibitive to recreate and restart. This may be common when working with <code><a href="/reference/androidx/compose/runtime/package-summary.html#DisposableEffect(kotlin.Function1)">DisposableEffect</a></code> or <code><a href="/reference/androidx/compose/runtime/package-summary.html#LaunchedEffect(kotlin.coroutines.SuspendFunction1)">LaunchedEffect</a></code>, for example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.rememberUpdatedState
 
@@ -948,7 +948,7 @@
     }
 }</pre>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#LaunchedEffect(kotlin.coroutines.SuspendFunction1)">LaunchedEffect</a></code>s often describe state machines that should not be reset and restarted if a parameter or event callback changes, but they should have the current value available when needed. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.rememberUpdatedState
 
@@ -973,7 +973,7 @@
         <h3 class="api-name" id="(androidx.compose.runtime.MutableState).setValue(kotlin.Any,kotlin.reflect.KProperty,kotlin.Any)">setValue</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;void&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html#(androidx.compose.runtime.MutableState).setValue(kotlin.Any,kotlin.reflect.KProperty,kotlin.Any)">setValue</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/MutableState.html">MutableState</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&nbsp;thisObj,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.reflect/-k-property/index.html">KProperty</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> ?&gt;&nbsp;property,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;value<br>)</pre>
         <p>Permits property delegation of <code>var</code>s using <code>by</code> for <code><a href="/reference/androidx/compose/runtime/MutableState.html">MutableState</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Button
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -991,7 +991,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html#snapshotFlow(kotlin.Function0)">snapshotFlow</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;block)</pre>
         <p>Create a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> from observable <code><a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code> state. (e.g. state holders returned by <code><a href="/reference/androidx/compose/runtime/package-summary.html#mutableStateOf(kotlin.Any,androidx.compose.runtime.SnapshotMutationPolicy)">mutableStateOf</a></code>.)</p>
         <p><code><a href="/reference/androidx/compose/runtime/package-summary.html#snapshotFlow(kotlin.Function0)">snapshotFlow</a></code> creates a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> that runs <code><a href="/reference/androidx/compose/runtime/package-summary.html#snapshotFlow(kotlin.Function0)">block</a></code> when collected and emits the result, recording any snapshot state that was accessed. While collection continues, if a new <code><a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code> is applied that changes state accessed by <code><a href="/reference/androidx/compose/runtime/package-summary.html#snapshotFlow(kotlin.Function0)">block</a></code>, the flow will run <code><a href="/reference/androidx/compose/runtime/package-summary.html#snapshotFlow(kotlin.Function0)">block</a></code> again, re-recording the snapshot state that was accessed. If the result of <code><a href="/reference/androidx/compose/runtime/package-summary.html#snapshotFlow(kotlin.Function0)">block</a></code> is not <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/equals.html">equal to</a></code> the previous result, the flow will emit that new result. (This behavior is similar to that of <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/index.html">Flow.distinctUntilChanged</a></code>.) Collection will continue indefinitely unless it is explicitly cancelled or limited by the use of other <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> operators.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.snapshotFlow
 
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/State.html b/testData/compose/docs/reference/androidx/compose/runtime/State.html
index 03f197c..b68a4f7 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/State.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/State.html
@@ -162,7 +162,7 @@
         <h3 class="api-name" id="(androidx.compose.runtime.State).getValue(kotlin.Any,kotlin.reflect.KProperty)">SnapshotStateKt.getValue</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/runtime/SnapshotStateKt.html">SnapshotStateKt</a>.<a href="/reference/androidx/compose/runtime/State.html#(androidx.compose.runtime.State).getValue(kotlin.Any,kotlin.reflect.KProperty)">getValue</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/State.html">State</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&nbsp;thisObj,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.reflect/-k-property/index.html">KProperty</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> ?&gt;&nbsp;property<br>)</pre>
         <p>Permits property delegation of <code>val</code>s using <code>by</code> for <code><a href="/reference/androidx/compose/runtime/State.html">State</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Text
 
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/snapshots/Snapshot.html b/testData/compose/docs/reference/androidx/compose/runtime/snapshots/Snapshot.html
index 15442a9..b7464aa 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/snapshots/Snapshot.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/snapshots/Snapshot.html
@@ -307,7 +307,7 @@
         <h3 class="api-name" id="(androidx.compose.runtime.snapshots.Snapshot).asContextElement()">SnapshotContextElementKt.asContextElement</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/ExperimentalComposeApi.html">ExperimentalComposeApi</a><br>public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/snapshots/SnapshotContextElement.html">SnapshotContextElement</a>&nbsp;<a href="/reference/androidx/compose/runtime/snapshots/SnapshotContextElementKt.html">SnapshotContextElementKt</a>.<a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html#(androidx.compose.runtime.snapshots.Snapshot).asContextElement()">asContextElement</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a>&nbsp;receiver)</pre>
         <p>Return a <code><a href="/reference/androidx/compose/runtime/snapshots/SnapshotContextElement.html">SnapshotContextElement</a></code> that will <code><a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html#enter(kotlin.Function0)">enter</a></code> this <code><a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code> whenever the associated coroutine is resumed and leave this snapshot when it suspends. The snapshot still must be <code><a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html#dispose()">disposed</a></code> separately when it will no longer be used.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.snapshots.asContextElement
 
 runBlocking {
diff --git a/testData/compose/docs/reference/androidx/compose/runtime/snapshots/SnapshotContextElementKt.html b/testData/compose/docs/reference/androidx/compose/runtime/snapshots/SnapshotContextElementKt.html
index f14a219..50bfa28 100644
--- a/testData/compose/docs/reference/androidx/compose/runtime/snapshots/SnapshotContextElementKt.html
+++ b/testData/compose/docs/reference/androidx/compose/runtime/snapshots/SnapshotContextElementKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="(androidx.compose.runtime.snapshots.Snapshot).asContextElement()">asContextElement</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/ExperimentalComposeApi.html">ExperimentalComposeApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/snapshots/SnapshotContextElement.html">SnapshotContextElement</a>&nbsp;<a href="/reference/androidx/compose/runtime/snapshots/SnapshotContextElementKt.html#(androidx.compose.runtime.snapshots.Snapshot).asContextElement()">asContextElement</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a>&nbsp;receiver)</pre>
         <p>Return a <code><a href="/reference/androidx/compose/runtime/snapshots/SnapshotContextElement.html">SnapshotContextElement</a></code> that will <code><a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html#enter(kotlin.Function0)">enter</a></code> this <code><a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code> whenever the associated coroutine is resumed and leave this snapshot when it suspends. The snapshot still must be <code><a href="/reference/androidx/compose/runtime/snapshots/Snapshot.html#dispose()">disposed</a></code> separately when it will no longer be used.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.snapshots.asContextElement
 
 runBlocking {
diff --git a/testData/compose/docs/reference/androidx/compose/ui/ComposedModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/ComposedModifierKt.html
index 58438f8..75bf8c1 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/ComposedModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/ComposedModifierKt.html
@@ -76,7 +76,7 @@
         <p>Declare a just-in-time composition of a <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that will be composed for each element it modifies. <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> may be used to implement <b>stateful modifiers</b> that have instance-specific state for each modified element, allowing the same <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> instance to be safely reused for multiple elements while maintaining element-specific state.</p>
         <p>If <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -95,7 +95,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -125,7 +125,7 @@
         <p>When keys are provided, <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
         <p>If <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -144,7 +144,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -174,7 +174,7 @@
         <p>When keys are provided, <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
         <p>If <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -193,7 +193,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -223,7 +223,7 @@
         <p>When keys are provided, <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
         <p>If <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -242,7 +242,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -272,7 +272,7 @@
         <p>When keys are provided, <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
         <p>If <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -291,7 +291,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
diff --git a/testData/compose/docs/reference/androidx/compose/ui/Modifier.Companion.html b/testData/compose/docs/reference/androidx/compose/ui/Modifier.Companion.html
index e2c334f..895de3d 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/Modifier.Companion.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/Modifier.Companion.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>The companion object <code>Modifier</code> is the empty, default, or starter <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that contains no <code><a href="/reference/androidx/compose/ui/Modifier.Element.html">elements</a></code>. Use it to create a new <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> using modifier extension factory functions:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -26,7 +26,7 @@
         .padding(16.dp) // Inner padding; inside background, around text
 )</pre>
     <p>or as the default value for <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> parameters:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.padding
 
diff --git a/testData/compose/docs/reference/androidx/compose/ui/Modifier.html b/testData/compose/docs/reference/androidx/compose/ui/Modifier.html
index 4bc9afc..f632849 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/Modifier.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/Modifier.html
@@ -176,7 +176,7 @@
 </devsite-expandable>    </div>
     <hr>
     <p>An ordered, immutable collection of <code><a href="/reference/androidx/compose/ui/Modifier.Element.html">modifier elements</a></code> that decorate or add behavior to Compose UI elements. For example, backgrounds, padding and click event listeners decorate or add behavior to rows, text or buttons.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -188,7 +188,7 @@
         .padding(16.dp) // Inner padding; inside background, around text
 )</pre>
     <p>Modifier implementations should offer a fluent factory extension function on <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> for creating combined modifiers by starting from existing modifiers:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.padding
 
@@ -201,7 +201,7 @@
 }</pre>
     <p>Modifier elements may be combined using <code><a href="/reference/androidx/compose/ui/Modifier.html#then(androidx.compose.ui.Modifier)">then</a></code>. Order is significant; modifier elements that appear first will be applied first.</p>
     <p>Composables that accept a <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> as a parameter to be applied to the whole component represented by the composable function should name the parameter <code>modifier</code> and assign the parameter a default value of <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code>. It should appear as the first optional parameter in the parameter list; after all required parameters (except for trailing lambda parameters) but before any other parameters with default values. Any default modifiers desired by a composable function should come after the <code>modifier</code> parameter's value in the composable function's implementation, keeping <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> as the default parameter value. For example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.padding
 
@@ -213,7 +213,7 @@
 }</pre>
     <p>The pattern above allows default modifiers to still be applied as part of the chain if a caller also supplies unrelated modifiers.</p>
     <p>Composables that accept modifiers to be applied to a specific subcomponent <code>foo</code> should name the parameter <code>fooModifier</code> and follow the same guidelines above for default values and behavior. Subcomponent modifiers should be grouped together and follow the parent composable's modifier. For example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Button
 import androidx.compose.material.Text
@@ -1455,7 +1455,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">AlignmentLineKt.paddingFrom</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/AlignmentLineKt.html">AlignmentLineKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFrom</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a>&nbsp;alignmentLine,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;before,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;after<br>)</pre>
         <p>A <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that can add padding to position the content according to specified distances from its bounds to an <code><a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">alignment line</a></code>. Whether the positioning is vertical or horizontal is defined by the orientation of the given <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">alignmentLine</a></code> (if the line is horizontal, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code> will refer to distances from top and bottom, otherwise they will refer to distances from start and end). The opposite axis sizing and positioning will remain unaffected. The modified layout will try to include the required padding, subject to the incoming max layout constraints, such that the distance from its bounds to the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">alignmentLine</a></code> of the content will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code>, respectively. When the max constraints do not allow this, satisfying the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> requirement will have priority over <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code>. When the modified layout is min constrained in the affected layout direction and the padded layout is smaller than the constraint, the modified layout will satisfy the min constraint and the content will be positioned to satisfy the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> requirement if specified, or the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code> requirement otherwise.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFrom
 import androidx.compose.material.Text
 
@@ -1529,7 +1529,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">AlignmentLineKt.paddingFrom</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/AlignmentLineKt.html">AlignmentLineKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFrom</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a>&nbsp;alignmentLine,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;before,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;after<br>)</pre>
         <p>A <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that can add padding to position the content according to specified distances from its bounds to an <code><a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">alignment line</a></code>. Whether the positioning is vertical or horizontal is defined by the orientation of the given <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">alignmentLine</a></code> (if the line is horizontal, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code> will refer to distances from top and bottom, otherwise they will refer to distances from start and end). The opposite axis sizing and positioning will remain unaffected. The modified layout will try to include the required padding, subject to the incoming max layout constraints, such that the distance from its bounds to the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">alignmentLine</a></code> of the content will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code>, respectively. When the max constraints do not allow this, satisfying the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> requirement will have priority over <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code>. When the modified layout is min constrained in the affected layout direction and the padded layout is smaller than the constraint, the modified layout will satisfy the min constraint and the content will be positioned to satisfy the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> requirement if specified, or the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code> requirement otherwise.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFrom
 import androidx.compose.material.Text
 
@@ -1603,7 +1603,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">AlignmentLineKt.paddingFromBaseline</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/AlignmentLineKt.html">AlignmentLineKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFromBaseline</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;top,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;bottom<br>)</pre>
         <p>A <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that positions the content in a layout such that the distance from the top of the layout to the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#FirstBaseline()">baseline of the first line of text in the content</a></code> is <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">top</a></code>, and the distance from the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#LastBaseline()">baseline of the last line of text in the content</a></code> to the bottom of the layout is <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">bottom</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFromBaseline
 import androidx.compose.material.Text
 
@@ -1643,7 +1643,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">AlignmentLineKt.paddingFromBaseline</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/AlignmentLineKt.html">AlignmentLineKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFromBaseline</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;top,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;bottom<br>)</pre>
         <p>A <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that positions the content in a layout such that the distance from the top of the layout to the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#FirstBaseline()">baseline of the first line of text in the content</a></code> is <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">top</a></code>, and the distance from the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#LastBaseline()">baseline of the last line of text in the content</a></code> to the bottom of the layout is <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">bottom</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFromBaseline
 import androidx.compose.material.Text
 
@@ -1683,7 +1683,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/AlphaKt.html">AlphaKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).alpha(kotlin.Float)">alpha</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;alpha)</pre>
         <p>Draw content with modified alpha that may be less than 1.</p>
         <p>Usage of this API renders this composable into a separate graphics layer. Note when an alpha less than 1.0f is provided, contents are implicitly clipped to their bounds. This is because an intermediate compositing layer is created to render contents into first before being drawn into the destination with the desired alpha. This layer is sized to the bounds of the composable this modifier is configured on, and contents outside of these bounds are omitted.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -1739,7 +1739,7 @@
         <p>This modifier animates its own size when its child modifier (or the child composable if it is already at the tail of the chain) changes size. This allows the parent modifier to observe a smooth size change, resulting in an overall continuous visual change.</p>
         <p>A <code><a href="/reference/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a></code> can be optionally specified for the size change animation. By default, <code><a href="/reference/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> will be used.</p>
         <p>An optional <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.ui.Modifier).animateContentSize(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function2)">finishedListener</a></code> can be supplied to get notified when the size change animation is finished. Since the content size change can be dynamic in many cases, both initial value and target value (i.e. final size) will be passed to the <code><a href="/reference/androidx/compose/animation/package-summary.html#(androidx.compose.ui.Modifier).animateContentSize(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function2)">finishedListener</a></code>. <b>Note:</b> if the animation is interrupted, the initial value will be the size at the point of interruption. This is intended to help determine the direction of the size change (i.e. expand or collapse in x and y dimensions).</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateContentSize
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
@@ -1807,7 +1807,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/AspectRatioKt.html">AspectRatioKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">aspectRatio</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;ratio,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;matchHeightConstraintsFirst<br>)</pre>
         <p>Attempts to size the content to match a specified aspect ratio by trying to match one of the incoming constraints in the following order: <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code>, <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code>, <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minWidth()">Constraints.minWidth</a></code>, <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">Constraints.minHeight</a></code> if <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">matchHeightConstraintsFirst</a></code> is <code>false</code> (which is the default), or <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code>, <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code>, <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">Constraints.minHeight</a></code>, <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minWidth()">Constraints.minWidth</a></code> if <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">matchHeightConstraintsFirst</a></code> is <code>true</code>. The size in the other dimension is determined by the aspect ratio. The combinations will be tried in this order until one non-empty is found to satisfy the constraints. If no valid size is obtained this way, it means that there is no non-empty size satisfying both the constraints and the aspect ratio, so the constraints will not be respected and the content will be sized such that the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code> or <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code> is matched (depending on <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">matchHeightConstraintsFirst</a></code>).</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.aspectRatio
@@ -1840,7 +1840,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">BackgroundKt.background</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/BackgroundKt.html">BackgroundKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">background</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;color,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Shape.html">Shape</a>&nbsp;shape<br>)</pre>
         <p>Draws <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">shape</a></code> with a solid <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">color</a></code> behind the content.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -1881,7 +1881,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">BackgroundKt.background</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/BackgroundKt.html">BackgroundKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">background</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;brush,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Shape.html">Shape</a>&nbsp;shape,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha<br>)</pre>
         <p>Draws <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">shape</a></code> with <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">brush</a></code> behind the content.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.CutCornerShape
@@ -1945,7 +1945,7 @@
           </li>
         </ul>
         <p>The animation only affects the drawing of the content, not its position. The offset returned by the <code><a href="/reference/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> of anything inside the marquee is undefined relative to anything outside the marquee, and may not match its drawn position on screen. This modifier also does not currently support content that accepts position-based input such as pointer events.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.width
@@ -1956,7 +1956,7 @@
     Text(&quot;hello world&quot;, Modifier.basicMarquee())
 }</pre>
         <p>To only animate when the composable is focused, specify <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).basicMarquee(kotlin.Int,androidx.compose.foundation.MarqueeAnimationMode,kotlin.Int,kotlin.Int,androidx.compose.foundation.MarqueeSpacing,androidx.compose.ui.unit.Dp)">animationMode</a></code> and make the composable focusable.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
@@ -1979,7 +1979,7 @@
     )
 }</pre>
         <p>This modifier does not add any visual effects aside from scrolling, but you can add your own by placing modifiers before this one.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.MarqueeSpacing
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.layout.padding
@@ -2082,7 +2082,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/BlurKt.html">BlurKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).blur(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.draw.BlurredEdgeTreatment)">blur</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;radiusX,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;radiusY,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/draw/BlurredEdgeTreatment.html">BlurredEdgeTreatment</a>&nbsp;edgeTreatment<br>)</pre>
         <p>Draw content blurred with the specified radii. Note this effect is only supported on Android 12 and above. Attempts to use this Modifier on older Android versions will be ignored.</p>
         <p>Usage of this API renders the corresponding composable into a separate graphics layer. Because the blurred content renders a larger area by the blur radius, this layer is explicitly clipped to the content bounds. It is recommended introduce additional space around the drawn content by the specified blur radius to remain within the content bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -2097,7 +2097,7 @@
         )
         .background(Color.Red, CircleShape)
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.draw.BlurredEdgeTreatment
@@ -2170,7 +2170,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/BlurKt.html">BlurKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).blur(androidx.compose.ui.unit.Dp,androidx.compose.ui.draw.BlurredEdgeTreatment)">blur</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;radius,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/draw/BlurredEdgeTreatment.html">BlurredEdgeTreatment</a>&nbsp;edgeTreatment<br>)</pre>
         <p>Draw content blurred with the specified radii. Note this effect is only supported on Android 12 and above. Attempts to use this Modifier on older Android versions will be ignored.</p>
         <p>Usage of this API renders the corresponding composable into a separate graphics layer. Because the blurred content renders a larger area by the blur radius, this layer is explicitly clipped to the content bounds. It is recommended introduce additional space around the drawn content by the specified blur radius to remain within the content bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -2185,7 +2185,7 @@
         )
         .background(Color.Red, CircleShape)
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.draw.BlurredEdgeTreatment
@@ -2251,7 +2251,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">BorderKt.border</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/BorderKt.html">BorderKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">border</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/BorderStroke.html">BorderStroke</a>&nbsp;border,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Shape.html">Shape</a>&nbsp;shape<br>)</pre>
         <p>Modify element to add border with appearance specified with a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">border</a></code> and a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">shape</a></code> and clip it.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -2293,7 +2293,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">BorderKt.border</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/BorderKt.html">BorderKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">border</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;width,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;color,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Shape.html">Shape</a>&nbsp;shape<br>)</pre>
         <p>Modify element to add border with appearance specified with a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">width</a></code>, a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">color</a></code> and a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">shape</a></code> and clip it.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.padding
@@ -2346,7 +2346,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">BorderKt.border</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/BorderKt.html">BorderKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">border</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;width,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;brush,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Shape.html">Shape</a>&nbsp;shape<br>)</pre>
         <p>Modify element to add border with appearance specified with a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">width</a></code>, a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">brush</a></code> and a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">shape</a></code> and clip it.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -2402,7 +2402,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/BringIntoViewRequesterKt.html">BringIntoViewRequesterKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).bringIntoViewRequester(androidx.compose.foundation.relocation.BringIntoViewRequester)">bringIntoViewRequester</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html">BringIntoViewRequester</a>&nbsp;bringIntoViewRequester<br>)</pre>
         <p>Modifier that can be used to send <code><a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html#bringIntoView(androidx.compose.ui.geometry.Rect)">bringIntoView</a></code> requests.</p>
         <p>The following example uses a <code>bringIntoViewRequester</code> to bring an item into the parent bounds. The example demonstrates how a composable can ask its parents to scroll so that the component using this modifier is brought into the bounds of all its parents.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -2462,7 +2462,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).bringIntoViewResponder(androidx.compose.foundation.relocation.BringIntoViewResponder)">BringIntoViewResponderKt.bringIntoViewResponder</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/BringIntoViewResponderKt.html">BringIntoViewResponderKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).bringIntoViewResponder(androidx.compose.foundation.relocation.BringIntoViewResponder)">bringIntoViewResponder</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/relocation/BringIntoViewResponder.html">BringIntoViewResponder</a>&nbsp;responder<br>)</pre>
         <p>A parent that can respond to <code><a href="/reference/androidx/compose/foundation/relocation/BringIntoViewRequester.html">BringIntoViewRequester</a></code> requests from its children, and scroll so that the item is visible on screen. See <code><a href="/reference/androidx/compose/foundation/relocation/BringIntoViewResponder.html">BringIntoViewResponder</a></code> for more details about how this mechanism works.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -2523,7 +2523,7 @@
         <p>Add this modifier to the element to make it clickable within its bounds and show a default indication when it's pressed.</p>
         <p>This version has no <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
         <p>If you need to support double click or long click alongside the single click, consider using <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).combinedClickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.String,kotlin.Function0,kotlin.Function0,kotlin.Function0)">combinedClickable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -2578,7 +2578,7 @@
         <p>Configure component to receive clicks via input or accessibility &quot;click&quot; event.</p>
         <p>Add this modifier to the element to make it clickable within its bounds and show an indication as specified in <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).clickable(androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.Indication,kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)">indication</a></code> parameter.</p>
         <p>If you need to support double click or long click alongside the single click, consider using <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).combinedClickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.String,kotlin.Function0,kotlin.Function0,kotlin.Function0)">combinedClickable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -2646,7 +2646,7 @@
         <p>Add this modifier to the element to make it clickable within its bounds.</p>
         <p>If you need only click handling, and no double or long clicks, consider using <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).clickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)">clickable</a></code></p>
         <p>This version has no <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -2720,7 +2720,7 @@
         <p>Add this modifier to the element to make it clickable within its bounds.</p>
         <p>If you need only click handling, and no double or long clicks, consider using <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).clickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)">clickable</a></code>.</p>
         <p>Add this modifier to the element to make it clickable within its bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -2862,7 +2862,7 @@
         <p>Declare a just-in-time composition of a <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that will be composed for each element it modifies. <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> may be used to implement <b>stateful modifiers</b> that have instance-specific state for each modified element, allowing the same <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> instance to be safely reused for multiple elements while maintaining element-specific state.</p>
         <p>If <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -2881,7 +2881,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -2911,7 +2911,7 @@
         <p>When keys are provided, <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
         <p>If <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -2930,7 +2930,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -2960,7 +2960,7 @@
         <p>When keys are provided, <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
         <p>If <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -2979,7 +2979,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3009,7 +3009,7 @@
         <p>When keys are provided, <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
         <p>If <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3028,7 +3028,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3058,7 +3058,7 @@
         <p>When keys are provided, <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
         <p>If <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3077,7 +3077,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3110,7 +3110,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/DrawModifierKt.html">DrawModifierKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).drawWithCache(kotlin.Function1)">drawWithCache</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/draw/CacheDrawScope.html">CacheDrawScope</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/draw/DrawResult.html">DrawResult</a>&gt;&nbsp;onBuildDrawCache<br>)</pre>
         <p>Draw into a <code><a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a></code> with content that is persisted across draw calls as long as the size of the drawing area is the same or any state objects that are read have not changed. In the event that the drawing area changes, or the underlying state values that are being read change, this method is invoked again to recreate objects to be used during drawing</p>
         <p>For example, a <code><a href="/reference/androidx/compose/ui/graphics/LinearGradient.html">androidx.compose.ui.graphics.LinearGradient</a></code> that is to occupy the full bounds of the drawing area can be created once the size has been defined and referenced for subsequent draw calls without having to re-allocate.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.draw.drawWithCache
 import androidx.compose.ui.geometry.Offset
@@ -3127,7 +3127,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -3150,7 +3150,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.requiredSize
 import androidx.compose.ui.draw.drawWithCache
@@ -3247,7 +3247,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">FocusChangedModifierKt.onFocusChanged</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/FocusChangedModifierKt.html">FocusChangedModifierKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusState.html">FocusState</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onFocusChanged<br>)</pre>
         <p>Add this modifier to a component to observe focus state events. <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> is invoked when the focus state changes. The <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifier listens to the state of the first <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusTarget()">focusTarget</a></code> following this modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
@@ -3282,7 +3282,7 @@
         <p>Add this modifier to a component to make it focusable.</p>
         <p>Focus state is stored within this modifier. The bounds of this modifier reflect the bounds of the focus box.</p>
         <p>Note: This is a low level modifier. Before using this consider using <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">Modifier.focusable()</a></code>. It uses a <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusTarget()">focusTarget</a></code> in its implementation. <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">Modifier.focusable()</a></code> adds semantics that are needed for accessibility.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -3304,7 +3304,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/FocusOrderModifierKt.html">FocusOrderModifierKt</a>.<span><del><a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).focusOrder(kotlin.Function1)">focusOrder</a></del></span>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusOrder.html">FocusOrder</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;focusOrderReceiver<br>)</pre>
         <aside class="caution"><strong>This method is deprecated.</strong><br>Use focusProperties() instead</aside>
         <p>Use this modifier to specify a custom focus traversal order.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -3391,7 +3391,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/FocusOrderModifierKt.html">FocusOrderModifierKt</a>.<span><del><a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).focusOrder(androidx.compose.ui.focus.FocusRequester)">focusOrder</a></del></span>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;focusRequester<br>)</pre>
         <aside class="caution"><strong>This method is deprecated.</strong><br>Use focusRequester() instead</aside>
         <p>A modifier that lets you specify a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> for the current composable so that this <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusOrder(androidx.compose.ui.focus.FocusRequester)">focusRequester</a></code> can be used by another composable to specify a custom focus order.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -3462,7 +3462,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">FocusPropertiesKt.focusProperties</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/FocusPropertiesKt.html">FocusPropertiesKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">focusProperties</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusProperties.html">FocusProperties</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;scope<br>)</pre>
         <p>This modifier allows you to specify properties that are accessible to <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusTarget()">focusTarget</a></code>s further down the modifier chain or on child layout nodes.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.ui.focus.focusProperties
@@ -3486,7 +3486,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">FocusRequesterModifierKt.focusRequester</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/FocusRequesterModifierKt.html">FocusRequesterModifierKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">focusRequester</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;focusRequester<br>)</pre>
         <p>Add this modifier to a component to request changes to focus.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
@@ -3515,7 +3515,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/FocusableKt.html">FocusableKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).focusGroup()">focusGroup</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver)</pre>
         <p>Creates a focus group or marks this component as a focus group. This means that when we move focus using the keyboard or programmatically using <code><a href="/reference/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus()</a></code>, the items within the focus group will be given a higher priority before focus moves to items outside the focus group.</p>
         <p>In the sample below, each column is a focus group, so pressing the tab key will move focus to all the buttons in column 1 before visiting column 2.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusGroup
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
@@ -3535,7 +3535,7 @@
     }
 }</pre>
         <p>Note: The focusable children of a focusable parent automatically form a focus group. This modifier is to be used when you want to create a focus group where the parent is not focusable. If you encounter a component that uses a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusGroup()">focusGroup</a></code> internally, you can make it focusable by using a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">focusable</a></code> modifier. In the second sample here, the <code><a href="/reference/androidx/compose/foundation/lazy/package-summary.html#LazyRow(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyRow</a></code> is a focus group that is not itself focusable. But you can make it focusable by adding a <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">focusable</a></code> modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.focusable
@@ -3563,7 +3563,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/FocusableKt.html">FocusableKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">focusable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>&nbsp;interactionSource<br>)</pre>
         <p>Configure component to be focusable via focus system or accessibility &quot;focus&quot; event.</p>
         <p>Add this modifier to the element to make it focusable within its bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.interaction.collectIsFocusedAsState
@@ -3643,12 +3643,12 @@
         <p>Note that if you provide a non-zero <code><a href="/reference/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.RenderEffect,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.CompositingStrategy)">shadowElevation</a></code> and if the passed <code><a href="/reference/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.RenderEffect,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.CompositingStrategy)">shape</a></code> is concave the shadow will not be drawn on Android versions less than 10.</p>
         <p>Also note that alpha values less than 1.0f will have their contents implicitly clipped to their bounds unless <code><a href="/reference/androidx/compose/ui/graphics/CompositingStrategy.Companion.html#ModulateAlpha()">CompositingStrategy.ModulateAlpha</a></code> is specified. This is because an intermediate compositing layer is created to render contents into first before being drawn into the destination with the desired alpha. This layer is sized to the bounds of the composable this modifier is configured on, and contents outside of these bounds are omitted.</p>
         <p>If the layer parameters are backed by a <code><a href="/reference/androidx/compose/runtime/State.html">androidx.compose.runtime.State</a></code> or an animated value prefer an overload with a lambda block on <code><a href="/reference/androidx/compose/ui/graphics/GraphicsLayerScope.html">GraphicsLayerScope</a></code> as reading a state inside the block will only cause the layer properties update without triggering recomposition and relayout.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.graphics.graphicsLayer
 
 Text(&quot;Hello World&quot;, Modifier.graphicsLayer(alpha = 0.5f, clip = true))</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -3799,7 +3799,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/GraphicsLayerModifierKt.html">GraphicsLayerModifierKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Function1)">graphicsLayer</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/GraphicsLayerScope.html">GraphicsLayerScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;block<br>)</pre>
         <p>A <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> that makes content draw into a draw layer. The draw layer can be invalidated separately from parents. A <code><a href="/reference/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean)">graphicsLayer</a></code> should be used when the content updates independently from anything above it to minimize the invalidated content.</p>
         <p><code><a href="/reference/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean)">graphicsLayer</a></code> can be used to apply effects to content, such as scaling, rotation, opacity, shadow, and clipping. Prefer this version when you have layer properties backed by a <code><a href="/reference/androidx/compose/runtime/State.html">androidx.compose.runtime.State</a></code> or an animated value as reading a state inside <code><a href="/reference/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Function1)">block</a></code> will only cause the layer properties update without triggering recomposition and relayout.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.material.Text
 import androidx.compose.runtime.LaunchedEffect
@@ -3848,7 +3848,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).hoverable(androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean)">HoverableKt.hoverable</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/HoverableKt.html">HoverableKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).hoverable(androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean)">hoverable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>&nbsp;interactionSource,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled<br>)</pre>
         <p>Configure component to be hoverable via pointer enter/exit events.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.hoverable
 import androidx.compose.foundation.interaction.MutableInteractionSource
@@ -3904,7 +3904,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).indication(androidx.compose.foundation.interaction.InteractionSource,androidx.compose.foundation.Indication)">IndicationKt.indication</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/IndicationKt.html">IndicationKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).indication(androidx.compose.foundation.interaction.InteractionSource,androidx.compose.foundation.Indication)">indication</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/interaction/InteractionSource.html">InteractionSource</a>&nbsp;interactionSource,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/foundation/Indication.html">Indication</a>&nbsp;indication<br>)</pre>
         <p>Draws visual effects for this component when interactions occur.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.indication
 import androidx.compose.foundation.interaction.MutableInteractionSource
@@ -3972,7 +3972,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).inspectable(kotlin.Function1,kotlin.Function1)">InspectableValueKt.inspectable</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/InspectableValueKt.html">InspectableValueKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).inspectable(kotlin.Function1,kotlin.Function1)">inspectable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;inspectorInfo,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&gt;&nbsp;factory<br>)</pre>
         <p>Use this to group a common set of modifiers and provide <code><a href="/reference/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a></code> for the resulting modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.platform.debugInspectorInfo
@@ -4009,7 +4009,7 @@
         <p>Declare the preferred height of the content to be the same as the min or max intrinsic height of the content. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> for other options of sizing to intrinsic width. Also see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> for other options to set the preferred height.</p>
         <p>Example usage for min intrinsic:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -4041,7 +4041,7 @@
     }
 }</pre>
         <p>Example usage for max intrinsic:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -4086,7 +4086,7 @@
         <p>Declare the preferred width of the content to be the same as the min or max intrinsic width of the content. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> for options of sizing to intrinsic height. Also see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code> for other options to set the preferred width.</p>
         <p>Example usage for min intrinsic:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -4122,7 +4122,7 @@
     }
 }</pre>
         <p>Example usage for max intrinsic:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -4157,7 +4157,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onKeyEvent(kotlin.Function1)">KeyInputModifierKt.onKeyEvent</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/KeyInputModifierKt.html">KeyInputModifierKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onKeyEvent(kotlin.Function1)">onKeyEvent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Boolean.html">Boolean</a>&gt;&nbsp;onKeyEvent<br>)</pre>
         <p>Adding this <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept hardware key events when it (or one of its children) is focused.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -4204,7 +4204,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onPreviewKeyEvent(kotlin.Function1)">KeyInputModifierKt.onPreviewKeyEvent</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/KeyInputModifierKt.html">KeyInputModifierKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onPreviewKeyEvent(kotlin.Function1)">onPreviewKeyEvent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Boolean.html">Boolean</a>&gt;&nbsp;onPreviewKeyEvent<br>)</pre>
         <p>Adding this <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept hardware key events when it (or one of its children) is focused.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -4252,7 +4252,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/LayoutIdKt.html">LayoutIdKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">layoutId</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&nbsp;layoutId)</pre>
         <p>Tag the element with <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">layoutId</a></code> to identify the element within its parent.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
@@ -4285,7 +4285,7 @@
         <p>Creates a <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> that allows changing how the wrapped element is measured and laid out.</p>
         <p>This is a convenience API of creating a custom <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> modifier, without having to create a class or an object that implements the <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> interface. The intrinsic measurements follow the default logic provided by the <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -4331,7 +4331,7 @@
         <p>Shows a <code><a href="https://developer.android.com/reference/android/widget/Magnifier.html">Magnifier</a></code> widget that shows an enlarged version of the content at <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).magnifier(kotlin.Function1,kotlin.Function1,kotlin.Float,androidx.compose.foundation.MagnifierStyle,kotlin.Function1)">sourceCenter</a></code> relative to the current layout node.</p>
         <p>This function returns a no-op modifier on API levels below P (28), since the framework does not support the <code><a href="https://developer.android.com/reference/android/widget/Magnifier.html">Magnifier</a></code> widget on those levels. However, even on higher API levels, not all magnifier features are supported on all platforms. To check whether a given <code><a href="/reference/androidx/compose/foundation/MagnifierStyle.html">MagnifierStyle</a></code> is supported by the current platform, check the <code><a href="/reference/androidx/compose/foundation/MagnifierStyle.html#isSupported()">MagnifierStyle.isSupported</a></code> property.</p>
         <p>This function does not allow configuration of <code><a href="https://developer.android.com/reference/android/widget/Magnifier.Builder.html#setSourceBounds(kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int)">source bounds</a></code> since the magnifier widget does not support constraining to the bounds of composables.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectDragGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.magnifier
@@ -4441,7 +4441,7 @@
         <p>There are two ways to participate in the nested scroll: as a scrolling child by dispatching scrolling events via <code><a href="/reference/androidx/compose/ui/input/nestedscroll/NestedScrollDispatcher.html">NestedScrollDispatcher</a></code> to the nested scroll chain; and as a member of nested scroll chain by providing <code><a href="/reference/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a></code>, which will be called when another nested scrolling child below dispatches scrolling events.</p>
         <p>It's a mandatory to participate as a <code><a href="/reference/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a></code> in the chain, but scrolling events dispatch is optional since there are cases when element wants to participate in the nested scroll, but not a scrollable thing itself.</p>
         <p>Here's the collapsing toolbar example that participates in a chain, but doesn't dispatch:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.fillMaxSize
@@ -4503,7 +4503,7 @@
 }</pre>
         <p>On the other side, dispatch via <code><a href="/reference/androidx/compose/ui/input/nestedscroll/NestedScrollDispatcher.html">NestedScrollDispatcher</a></code> is optional. It's needed if a component is able to receive and react to the drag/fling events and you want this components to be able to notify parents when scroll occurs, resulting in better overall coordination.</p>
         <p>Here's the example of the component that is draggable and dispatches nested scroll to participate in the nested scroll chain:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.draggable
 import androidx.compose.foundation.gestures.rememberDraggableState
@@ -4643,7 +4643,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/OffsetKt.html">OffsetKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">absoluteOffset</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;x,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;y<br>)</pre>
         <p>Offset the content by (<code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> dp, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">y</a></code> dp). The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
         <p>This modifier will not consider layout direction when calculating the position of the content: a positive <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> offset will always move the content to the right. For a modifier that considers the layout direction when applying the offset, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">offset</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.absoluteOffset
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.wrapContentSize
@@ -4684,7 +4684,7 @@
         <p>Offset the content by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(kotlin.Function1)">offset</a></code> px. The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
         <p>This modifier is designed to be used for offsets that change, possibly due to user interactions. It avoids recomposition when the offset is changing, and also adds a graphics layer that prevents unnecessary redrawing of the context when the offset is changing.</p>
         <p>This modifier will not consider layout direction when calculating the position of the content: a positive horizontal offset will always move the content to the right. For a modifier that considers layout direction when applying the offset, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(kotlin.Function1)">offset</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.absoluteOffset
 import androidx.compose.material.Text
@@ -4727,7 +4727,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/OffsetKt.html">OffsetKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">offset</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;x,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;y)</pre>
         <p>Offset the content by (<code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> dp, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">y</a></code> dp). The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
         <p>This modifier will automatically adjust the horizontal offset according to the layout direction: when the layout direction is LTR, positive <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> offsets will move the content to the right and when the layout direction is RTL, positive <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> offsets will move the content to the left. For a modifier that offsets without considering layout direction, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">absoluteOffset</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.offset
 import androidx.compose.foundation.layout.wrapContentSize
@@ -4769,7 +4769,7 @@
         <p>Offset the content by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(kotlin.Function1)">offset</a></code> px. The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
         <p>This modifier is designed to be used for offsets that change, possibly due to user interactions. It avoids recomposition when the offset is changing, and also adds a graphics layer that prevents unnecessary redrawing of the context when the offset is changing.</p>
         <p>This modifier will automatically adjust the horizontal offset according to the layout direction: when the LD is LTR, positive horizontal offsets will move the content to the right and when the LD is RTL, positive horizontal offsets will move the content to the left. For a modifier that offsets without considering layout direction, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">absoluteOffset</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.offset
 import androidx.compose.material.Text
@@ -4814,7 +4814,7 @@
         <p>Invoke <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).onGloballyPositioned(kotlin.Function1)">onGloballyPositioned</a></code> with the <code><a href="/reference/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> of the element when the global position of the content may have changed. Note that it will be called <b>after</b> a composition when the coordinates are finalized.</p>
         <p>This callback will be invoked at least once when the <code><a href="/reference/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> are available, and every time the element's position changes within the window. However, it is not guaranteed to be invoked every time the position <em>relative to the screen</em> of the modified element changes. For example, the system may move the contents inside a window around without firing a callback. If you are using the <code><a href="/reference/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> to calculate position on the screen, and not just inside the window, you may not receive a callback.</p>
         <p>Usage example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -4845,7 +4845,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onPlaced(kotlin.Function1)">OnPlacedModifierKt.onPlaced</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/OnPlacedModifierKt.html">OnPlacedModifierKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onPlaced(kotlin.Function1)">onPlaced</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onPlaced<br>)</pre>
         <p>Invoke <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).onPlaced(kotlin.Function1)">onPlaced</a></code> after the parent <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> and parent layout has been placed and before child <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> is placed. This allows child <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> to adjust its own placement based on where the parent is.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
@@ -4909,7 +4909,7 @@
         <p>Using the <code>onSizeChanged</code> size value in a <code><a href="/reference/androidx/compose/runtime/MutableState.html">MutableState</a></code> to update layout causes the new size value to be read and the layout to be recomposed in the succeeding frame, resulting in a one frame lag.</p>
         <p>You can use <code>onSizeChanged</code> to affect drawing operations. Use <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> or <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#SubcomposeLayout(androidx.compose.ui.Modifier,kotlin.Function2)">SubcomposeLayout</a></code> to enable the size of one component to affect the size of another.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.layout.onSizeChanged
 
@@ -4927,7 +4927,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/OverscrollKt.html">OverscrollKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">overscroll</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/OverscrollEffect.html">OverscrollEffect</a>&nbsp;overscrollEffect<br>)</pre>
         <p>Renders overscroll from the provided <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">overscrollEffect</a></code>.</p>
         <p>This modifier is a convenience method to call <code><a href="/reference/androidx/compose/foundation/OverscrollEffect.html#effectModifier()">OverscrollEffect.effectModifier</a></code>, which renders the actual effect. Note that this modifier is only responsible for the visual part of overscroll - on its own it will not handle input events. In addition to using this modifier you also need to propagate events to the <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">overscrollEffect</a></code>, most commonly by using a <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).scrollable(androidx.compose.foundation.gestures.ScrollableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,androidx.compose.foundation.interaction.MutableInteractionSource)">androidx.compose.foundation.gestures.scrollable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
@@ -5073,7 +5073,7 @@
         <p>Apply additional space along each edge of the content in <code><a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a></code>: <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">left</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">top</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">right</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">bottom</a></code>. These paddings are applied without regard to the current <code><a href="/reference/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">padding</a></code> to apply relative paddings. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.absolutePadding
@@ -5093,7 +5093,7 @@
         <p>Apply additional space along each edge of the content in <code><a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a></code>: <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">start</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">top</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">end</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">bottom</a></code>. The start and end edges will be determined by the current <code><a href="/reference/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
@@ -5113,7 +5113,7 @@
         <p>Apply <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">horizontal</a></code> dp space along the left and right edges of the content, and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">vertical</a></code> dp space along the top and bottom edges. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
@@ -5134,7 +5134,7 @@
         <p>Apply <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp)">all</a></code> dp of additional space along each edge of the content, left, top, right and bottom. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
@@ -5150,7 +5150,7 @@
         <p>Apply <code><a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> to the component as additional space along each edge of the content's left, top, right and bottom. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Box
@@ -5166,7 +5166,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paint(androidx.compose.ui.graphics.painter.Painter,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">PainterModifierKt.paint</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/PainterModifierKt.html">PainterModifierKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).paint(androidx.compose.ui.graphics.painter.Painter,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">paint</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/painter/Painter.html">Painter</a>&nbsp;painter,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;sizeToIntrinsics,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.html">Alignment</a>&nbsp;alignment,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/ContentScale.html">ContentScale</a>&nbsp;contentScale,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/ColorFilter.html">ColorFilter</a>&nbsp;colorFilter<br>)</pre>
         <p>Paint the content using <code><a href="/reference/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).paint(androidx.compose.ui.graphics.painter.Painter,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">painter</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
@@ -5244,7 +5244,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).pointerHoverIcon(androidx.compose.ui.input.pointer.PointerIcon,kotlin.Boolean)">PointerIconKt.pointerHoverIcon</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/PointerIconKt.html">PointerIconKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).pointerHoverIcon(androidx.compose.ui.input.pointer.PointerIcon,kotlin.Boolean)">pointerHoverIcon</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerIcon.html">PointerIcon</a>&nbsp;icon,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;overrideDescendants<br>)</pre>
         <p>Creates modifier which specifies desired pointer icon when the cursor is over the modified element.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.text.selection.SelectionContainer
 import androidx.compose.material.Text
@@ -5340,7 +5340,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">ProgressSemanticsKt.progressSemantics</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/ProgressSemanticsKt.html">ProgressSemanticsKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">progressSemantics</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;value,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.ranges/-closed-floating-point-range/index.html">ClosedFloatingPointRange</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>&gt;&nbsp;valueRange,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;steps<br>)</pre>
         <p>Contains the <code><a href="/reference/androidx/compose/ui/semantics/package-summary.html#(androidx.compose.ui.Modifier).semantics(kotlin.Boolean,kotlin.Function1)">semantics</a></code> required for a determinate progress indicator or the progress part of a slider, that represents progress within <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">valueRange</a></code>. <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">value</a></code> outside of this range will be coerced into this range.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -5392,7 +5392,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/ProgressSemanticsKt.html">ProgressSemanticsKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).progressSemantics()">progressSemantics</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver)</pre>
         <p>Contains the <code><a href="/reference/androidx/compose/ui/semantics/package-summary.html#(androidx.compose.ui.Modifier).semantics(kotlin.Boolean,kotlin.Function1)">semantics</a></code> required for an indeterminate progress indicator, that represents the fact of the in-progress operation.</p>
         <p>If you need determinate progress 0.0 to 1.0, consider using overload with the progress parameter.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.progressSemantics
@@ -5433,7 +5433,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onPreRotaryScrollEvent(kotlin.Function1)">RotaryInputModifierKt.onPreRotaryScrollEvent</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/RotaryInputModifierKt.html">RotaryInputModifierKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onPreRotaryScrollEvent(kotlin.Function1)">onPreRotaryScrollEvent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Boolean.html">Boolean</a>&gt;&nbsp;onPreRotaryScrollEvent<br>)</pre>
         <p>Adding this <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept <code><a href="/reference/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a></code>s if it (or one of its children) is focused.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.horizontalScroll
@@ -5589,7 +5589,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onRotaryScrollEvent(kotlin.Function1)">RotaryInputModifierKt.onRotaryScrollEvent</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/RotaryInputModifierKt.html">RotaryInputModifierKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onRotaryScrollEvent(kotlin.Function1)">onRotaryScrollEvent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Boolean.html">Boolean</a>&gt;&nbsp;onRotaryScrollEvent<br>)</pre>
         <p>Adding this <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept <code><a href="/reference/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a></code>s if it (or one of its children) is focused.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -5633,7 +5633,7 @@
     focusRequester.requestFocus()
 }</pre>
         <p>This sample demonstrates how a parent can add an <code><a href="/reference/androidx/compose/ui/input/rotary/package-summary.html#(androidx.compose.ui.Modifier).onRotaryScrollEvent(kotlin.Function1)">onRotaryScrollEvent</a></code> modifier to gain access to a <code><a href="/reference/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a></code> when a child does not consume it:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.horizontalScroll
@@ -5789,7 +5789,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/RotateKt.html">RotateKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).rotate(kotlin.Float)">rotate</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;degrees)</pre>
         <p>Sets the degrees the view is rotated around the center of the composable. Increasing values result in clockwise rotation. Negative degrees are used to rotate in the counter clockwise direction</p>
         <p>Usage of this API renders this composable into a separate graphics layer.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.rotate
@@ -5825,7 +5825,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/ScaleKt.html">ScaleKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).scale(kotlin.Float,kotlin.Float)">scale</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;scaleX,&nbsp;float&nbsp;scaleY)</pre>
         <p>Scale the contents of the composable by the following scale factors along the horizontal and vertical axis respectively. Negative scale factors can be used to mirror content across the corresponding horizontal or vertical axis.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.scale
@@ -5887,7 +5887,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/ScaleKt.html">ScaleKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).scale(kotlin.Float)">scale</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;scale)</pre>
         <p>Scale the contents of both the horizontal and vertical axis uniformly by the same scale factor.</p>
         <p>Usage of this API renders this composable into a separate graphics layer</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.scale
@@ -5943,7 +5943,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">ScrollKt.horizontalScroll</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/ScrollKt.html">ScrollKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">horizontalScroll</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/ScrollState.html">ScrollState</a>&nbsp;state,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a>&nbsp;flingBehavior,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;reverseScrolling<br>)</pre>
         <p>Modify element to allow to scroll horizontally when width of the content is bigger than max constraints allow.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
@@ -6024,7 +6024,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">ScrollKt.verticalScroll</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/ScrollKt.html">ScrollKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">verticalScroll</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/ScrollState.html">ScrollState</a>&nbsp;state,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a>&nbsp;flingBehavior,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;reverseScrolling<br>)</pre>
         <p>Modify element to allow to scroll vertically when height of the content is bigger than max constraints allow.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -6109,7 +6109,7 @@
         <p>Configure touch scrolling and flinging for the UI element in a single <code><a href="/reference/androidx/compose/foundation/gestures/Orientation.html">Orientation</a></code>.</p>
         <p>Users should update their state themselves using default <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> and its <code>consumeScrollDelta</code> callback or by implementing <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> interface manually and reflect their own state in UI when using this component.</p>
         <p>If you don't need to have fling or nested scroll support, but want to make component simply draggable, consider using <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).draggable(androidx.compose.foundation.gestures.DraggableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean,kotlin.coroutines.SuspendFunction2,kotlin.coroutines.SuspendFunction2,kotlin.Boolean)">draggable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.rememberScrollableState
 import androidx.compose.foundation.gestures.scrollable
@@ -6203,7 +6203,7 @@
         <p>Users should update their state themselves using default <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> and its <code>consumeScrollDelta</code> callback or by implementing <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> interface manually and reflect their own state in UI when using this component.</p>
         <p>If you don't need to have fling or nested scroll support, but want to make component simply draggable, consider using <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).draggable(androidx.compose.foundation.gestures.DraggableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean,kotlin.coroutines.SuspendFunction2,kotlin.coroutines.SuspendFunction2,kotlin.Boolean)">draggable</a></code>.</p>
         <p>This overload provides the access to <code><a href="/reference/androidx/compose/foundation/OverscrollEffect.html">OverscrollEffect</a></code> that defines the behaviour of the over scrolling logic. Consider using <code><a href="/reference/androidx/compose/foundation/gestures/ScrollableDefaults.html#overscrollEffect()">ScrollableDefaults.overscrollEffect</a></code> for the platform look-and-feel.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.rememberScrollableState
 import androidx.compose.foundation.gestures.scrollable
@@ -6326,7 +6326,7 @@
         <p>Configure component to be selectable, usually as a part of a mutually exclusive group, where only one item can be selected at any point in time. A typical example of mutually exclusive set is a RadioGroup or a row of Tabs. To ensure correct accessibility behavior, make sure to pass <code><a href="/reference/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).selectableGroup()">Modifier.selectableGroup</a></code> modifier into the RadioGroup or the row.</p>
         <p>If you want to make an item support on/off capabilities without being part of a set, consider using <code><a href="/reference/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">Modifier.toggleable</a></code></p>
         <p>This version has no <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -6403,7 +6403,7 @@
         <p>Configure component to be selectable, usually as a part of a mutually exclusive group, where only one item can be selected at any point in time. A typical example of mutually exclusive set is a RadioGroup or a row of Tabs. To ensure correct accessibility behavior, make sure to pass <code><a href="/reference/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).selectableGroup()">Modifier.selectableGroup</a></code> modifier into the RadioGroup or the row.</p>
         <p>If you want to make an item support on/off capabilities without being part of a set, consider using <code><a href="/reference/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">Modifier.toggleable</a></code></p>
         <p>This version requires both <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> and <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> to work properly. Use another overload if you don't need these parameters.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -6557,7 +6557,7 @@
         <p>If the passed <code><a href="/reference/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).shadow(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">shape</a></code> is concave the shadow will not be drawn on Android versions less than 10.</p>
         <p>Note that <code><a href="/reference/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).shadow(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">elevation</a></code> is only affecting the shadow size and doesn't change the drawing order. Use a <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">androidx.compose.ui.zIndex</a></code> modifier if you want to draw the elements with larger <code><a href="/reference/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).shadow(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">elevation</a></code> after all the elements with a smaller one.</p>
         <p>Usage of this API renders this composable into a separate graphics layer</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.shadow
@@ -6626,7 +6626,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/SizeKt.html">SizeKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).defaultMinSize(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">defaultMinSize</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;minWidth,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;minHeight<br>)</pre>
         <p>Constrain the size of the wrapped layout only when it would be otherwise unconstrained: the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).defaultMinSize(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">minWidth</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).defaultMinSize(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">minHeight</a></code> constraints are only applied when the incoming corresponding constraint is <code>0</code>. The modifier can be used, for example, to define a default min size of a component, while still allowing it to be overidden with smaller min sizes across usages.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.defaultMinSize
@@ -6653,7 +6653,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">SizeKt.fillMaxHeight</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/SizeKt.html">SizeKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fillMaxHeight</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;fraction)</pre>
         <p>Have the content fill (possibly only partially) the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code> of the incoming measurement constraints, by setting the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height</a></code> and the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height</a></code> to be equal to the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height</a></code> multiplied by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fraction</a></code>. Note that, by default, the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fraction</a></code> is 1, so the modifier will make the content fill the whole available height. If the incoming maximum height is <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#Infinity()">Constraints.Infinity</a></code> this modifier will have no effect.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxHeight
@@ -6662,7 +6662,7 @@
 Box(Modifier.fillMaxHeight().background(Color.Red), contentAlignment = Alignment.Center) {
     Box(Modifier.size(100.dp).background(color = Color.Magenta))
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxHeight
@@ -6704,7 +6704,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">SizeKt.fillMaxSize</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/SizeKt.html">SizeKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fillMaxSize</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;fraction)</pre>
         <p>Have the content fill (possibly only partially) the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code> and <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code> of the incoming measurement constraints, by setting the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width</a></code> and the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> to be equal to the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> multiplied by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fraction</a></code>, as well as the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height</a></code> and the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">maximum height</a></code> to be equal to the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height</a></code> multiplied by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fraction</a></code>. Note that, by default, the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fraction</a></code> is 1, so the modifier will make the content fill the whole available space. If the incoming maximum width or height is <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#Infinity()">Constraints.Infinity</a></code> this modifier will have no effect in that dimension.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -6713,7 +6713,7 @@
 Box(Modifier.fillMaxSize().background(Color.Red), contentAlignment = Alignment.Center) {
     Box(Modifier.size(100.dp).background(color = Color.Magenta))
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -6755,7 +6755,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">SizeKt.fillMaxWidth</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/SizeKt.html">SizeKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fillMaxWidth</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;fraction)</pre>
         <p>Have the content fill (possibly only partially) the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code> of the incoming measurement constraints, by setting the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width</a></code> and the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> to be equal to the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> multiplied by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fraction</a></code>. Note that, by default, the <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fraction</a></code> is 1, so the modifier will make the content fill the whole available width. If the incoming maximum width is <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#Infinity()">Constraints.Infinity</a></code> this modifier will have no effect.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -6764,7 +6764,7 @@
 Box(Modifier.fillMaxWidth().background(Color.Red), contentAlignment = Alignment.Center) {
     Box(Modifier.size(100.dp).background(color = Color.Magenta))
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -6808,7 +6808,7 @@
         <p>Declare the preferred height of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.ui.unit.Dp)">height</a></code>dp. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the height of the content regardless of the incoming constraints see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeight(androidx.compose.foundation.layout.IntrinsicSize)">Modifier.requiredHeight</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">size</a></code> to set other preferred dimensions. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -6829,7 +6829,7 @@
         <p>Declare the height of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeight(androidx.compose.ui.unit.Dp)">height</a></code>dp. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> will not override this value. If the content chooses a size that does not satisfy the incoming <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, the parent layout will be reported a size coerced in the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, and the position of the content will be automatically offset to be centered on the space assigned to the child by the parent layout under the assumption that <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> were respected.</p>
         <p>See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredHeightIn</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredSizeIn</a></code> to set a size range. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeight(androidx.compose.ui.unit.Dp)">height</a></code> to set a preferred height, which is only respected when the incoming constraints allow it.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -6857,7 +6857,7 @@
         <p>Declare the size of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">size</a></code>dp width and height. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> will not override this value. If the content chooses a size that does not satisfy the incoming <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, the parent layout will be reported a size coerced in the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, and the position of the content will be automatically offset to be centered on the space assigned to the child by the parent layout under the assumption that <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> were respected.</p>
         <p>See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredSizeIn</a></code> to set a size range. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">size</a></code> to set a preferred size, which is only respected when the incoming constraints allow it.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.requiredSize
@@ -6895,7 +6895,7 @@
         <p>Declare the width of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidth(androidx.compose.ui.unit.Dp)">width</a></code>dp. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> will not override this value. If the content chooses a size that does not satisfy the incoming <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, the parent layout will be reported a size coerced in the <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, and the position of the content will be automatically offset to be centered on the space assigned to the child by the parent layout under the assumption that <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> were respected.</p>
         <p>See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredWidthIn</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredSizeIn</a></code> to set a size range. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidth(androidx.compose.ui.unit.Dp)">width</a></code> to set a preferred width, which is only respected when the incoming constraints allow it.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -6923,7 +6923,7 @@
         <p>Declare the preferred size of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">size</a></code>dp square. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the size of the content regardless of the incoming constraints, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">Modifier.requiredSize</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> to set width or height alone. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -6938,7 +6938,7 @@
         <p>Declare the preferred size of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">width</a></code>dp by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">height</a></code>dp. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the size of the content regardless of the incoming constraints, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">Modifier.requiredSize</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">width</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">height</a></code> to set width or height alone. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -6953,7 +6953,7 @@
         <p>Declare the preferred size of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.DpSize)">size</a></code>. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the size of the content regardless of the incoming constraints, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">Modifier.requiredSize</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> to set width or height alone. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -6974,7 +6974,7 @@
         <p>Declare the preferred width of the content to be exactly <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.ui.unit.Dp)">width</a></code>dp. The incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the width of the content regardless of the incoming constraints see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidth(androidx.compose.foundation.layout.IntrinsicSize)">Modifier.requiredWidth</a></code>. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">size</a></code> to set other preferred dimensions. See <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -6994,7 +6994,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/SizeKt.html">SizeKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">wrapContentHeight</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.Vertical.html">Alignment.Vertical</a>&nbsp;align,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;unbounded<br>)</pre>
         <p>Allow the content to measure at its desired height without regard for the incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height constraint</a></code>, and, if <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">unbounded</a></code> is true, also without regard for the incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height constraint</a></code>. If the content's measured size is smaller than the minimum height constraint, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">align</a></code> it within that minimum height space. If the content's measured size is larger than the maximum height constraint (only possible when <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">unbounded</a></code> is true), <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">align</a></code> over the maximum height space.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.height
@@ -7019,7 +7019,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/SizeKt.html">SizeKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">wrapContentSize</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.html">Alignment</a>&nbsp;align,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;unbounded<br>)</pre>
         <p>Allow the content to measure at its desired size without regard for the incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width</a></code> or <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height</a></code> constraints, and, if <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">unbounded</a></code> is true, also without regard for the incoming maximum constraints. If the content's measured size is smaller than the minimum size constraint, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">align</a></code> it within that minimum sized space. If the content's measured size is larger than the maximum size constraint (only possible when <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">unbounded</a></code> is true), <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">align</a></code> within the maximum space.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -7044,7 +7044,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/SizeKt.html">SizeKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">wrapContentWidth</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.Horizontal.html">Alignment.Horizontal</a>&nbsp;align,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;unbounded<br>)</pre>
         <p>Allow the content to measure at its desired width without regard for the incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width constraint</a></code>, and, if <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">unbounded</a></code> is true, also without regard for the incoming measurement <code><a href="/reference/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width constraint</a></code>. If the content's measured size is smaller than the minimum width constraint, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">align</a></code> it within that minimum width space. If the content's measured size is larger than the maximum width constraint (only possible when <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">unbounded</a></code> is true), <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">align</a></code> over the maximum width space.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -7125,7 +7125,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/ToggleableKt.html">ToggleableKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">toggleable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;value,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/semantics/Role.html">Role</a>&nbsp;role,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Boolean.html">Boolean</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onValueChange<br>)</pre>
         <p>Configure component to make it toggleable via input and accessibility events</p>
         <p>This version has no <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.toggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -7203,7 +7203,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/ToggleableKt.html">ToggleableKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.Indication,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">toggleable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;value,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>&nbsp;interactionSource,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/foundation/Indication.html">Indication</a>&nbsp;indication,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/semantics/Role.html">Role</a>&nbsp;role,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Boolean.html">Boolean</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onValueChange<br>)</pre>
         <p>Configure component to make it toggleable via input and accessibility events.</p>
         <p>This version requires both <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> and <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> to work properly. Use another overload if you don't need these parameters.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.toggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -7294,7 +7294,7 @@
         <p>Configure component to make it toggleable via input and accessibility events with three states: On, Off and Indeterminate.</p>
         <p>TriStateToggleable should be used when there are dependent Toggleables associated to this component and those can have different values.</p>
         <p>This version has no <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.triStateToggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -7379,7 +7379,7 @@
         <p>Configure component to make it toggleable via input and accessibility events with three states: On, Off and Indeterminate.</p>
         <p>TriStateToggleable should be used when there are dependent Toggleables associated to this component and those can have different values.</p>
         <p>This version requires both <code><a href="/reference/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> and <code><a href="/reference/androidx/compose/foundation/Indication.html">Indication</a></code> to work properly. Use another overload if you don't need these parameters.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.triStateToggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -7475,7 +7475,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/TransformableKt.html">TransformableKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).transformable(androidx.compose.foundation.gestures.TransformableState,kotlin.Boolean,kotlin.Boolean)">transformable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/gestures/TransformableState.html">TransformableState</a>&nbsp;state,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;lockRotationOnZoomPan,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;enabled<br>)</pre>
         <p>Enable transformation gestures of the modified UI element.</p>
         <p>Users should update their state themselves using default <code><a href="/reference/androidx/compose/foundation/gestures/TransformableState.html">TransformableState</a></code> and its <code>onTransformation</code> callback or by implementing <code><a href="/reference/androidx/compose/foundation/gestures/TransformableState.html">TransformableState</a></code> interface manually and reflect their own state in UI when using this component.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.gestures.animateZoomBy
@@ -7583,7 +7583,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/layout/ExperimentalLayoutApi.html">ExperimentalLayoutApi</a><br>default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/WindowInsetsConnectionKt.html">WindowInsetsConnectionKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).imeNestedScroll()">imeNestedScroll</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver)</pre>
         <p>Controls the soft keyboard as a nested scrolling on Android <code><a href="https://developer.android.com/reference/android/os/Build.VERSION_CODES.html#R()">R</a></code> and later. This allows the user to drag the soft keyboard up and down.</p>
         <p>After scrolling, the IME will animate either to the fully shown or fully hidden position, depending on the position and fling.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.imeNestedScroll
 import androidx.compose.foundation.layout.imePadding
@@ -7610,7 +7610,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).captionBar()">WindowInsets.Companion.captionBar</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).displayCutoutPadding()">displayCutoutPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).captionBarPadding()">captionBarPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.captionBarPadding
@@ -7632,7 +7632,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/WindowInsetsPaddingKt.html">WindowInsetsPaddingKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;insets<br>)</pre>
         <p>Consume insets that haven't been consumed yet by other insets Modifiers similar to <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> without adding any padding.</p>
         <p>This can be useful when content offsets are provided by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues()">WindowInsets.asPaddingValues</a></code>. This should be used further down the hierarchy than the <code><a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> is used so that the values aren't consumed before the padding is added.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.asPaddingValues
@@ -7658,7 +7658,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/foundation/layout/ExperimentalLayoutApi.html">ExperimentalLayoutApi</a><br>default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/WindowInsetsPaddingKt.html">WindowInsetsPaddingKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">consumeWindowInsets</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>&nbsp;paddingValues<br>)</pre>
         <p>Consume <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">paddingValues</a></code> as insets as if the padding was added irrespective of insets. Layouts further down the hierarchy that use <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code>, <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeContentPadding()">safeContentPadding</a></code>, and other insets padding Modifiers won't pad for the values that <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">paddingValues</a></code> provides. This can be useful when content offsets are provided by layout rather than <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> modifiers.</p>
         <p>This method consumes all of <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">paddingValues</a></code> in addition to whatever has been consumed by other <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> modifiers by ancestors. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> accepting a <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> argument ensures that its insets are consumed and doesn't consume more if they have already been consumed by ancestors.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.PaddingValues
@@ -7701,7 +7701,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).displayCutout()">WindowInsets.Companion.displayCutout</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).displayCutoutPadding()">displayCutoutPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -7735,7 +7735,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).ime()">WindowInsets.Companion.ime</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).imePadding()">imePadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -7766,7 +7766,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).mandatorySystemGestures()">WindowInsets.Companion.mandatorySystemGestures</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).mandatorySystemGesturesPadding()">mandatorySystemGesturesPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -7802,7 +7802,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).navigationBars()">WindowInsets.Companion.navigationBars</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemBarsPadding()">systemBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -7833,7 +7833,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onConsumedWindowInsetsChanged(kotlin.Function1)">WindowInsetsPaddingKt.onConsumedWindowInsetsChanged</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/WindowInsetsPaddingKt.html">WindowInsetsPaddingKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onConsumedWindowInsetsChanged(kotlin.Function1)">onConsumedWindowInsetsChanged</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;block<br>)</pre>
         <p>Calls <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).onConsumedWindowInsetsChanged(kotlin.Function1)">block</a></code> with the <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> that have been consumed, either by <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> or one of the padding Modifiers, such as <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).imePadding()">imePadding</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.MutableWindowInsets
@@ -7872,7 +7872,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).safeContent()">WindowInsets.Companion.safeContent</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeContentPadding()">safeContentPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -7909,7 +7909,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).safeDrawing()">WindowInsets.Companion.safeDrawing</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code>, the area that the parent pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeDrawingPadding()">safeDrawingPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -7945,7 +7945,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).safeGestures()">WindowInsets.Companion.safeGestures</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeGesturesPadding()">safeGesturesPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -7981,7 +7981,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).statusBars()">WindowInsets.Companion.statusBars</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).displayCutoutPadding()">displayCutoutPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8015,7 +8015,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).systemBars()">WindowInsets.Companion.systemBars</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemBarsPadding()">systemBarsPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.systemBarsPadding
@@ -8039,7 +8039,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).systemGestures()">WindowInsets.Companion.systemGestures</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).waterfallPadding()">waterfallPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemGesturesPadding()">systemGesturesPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8075,7 +8075,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).waterfall()">WindowInsets.Companion.waterfall</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemGesturesPadding()">systemGesturesPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).waterfallPadding()">waterfallPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8109,7 +8109,7 @@
         <p>Adds padding so that the content doesn't enter <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> space.</p>
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(androidx.compose.foundation.layout.WindowInsets)">insets</a></code>. <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> will be <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if an ancestor uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code> and this modifier uses <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).systemBars()">WindowInsets.Companion.systemBars</a></code>, the portion of the system bars that the status bars uses will not be padded again by this modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8163,7 +8163,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/WindowInsetsSizeKt.html">WindowInsetsSizeKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).windowInsetsBottomHeight(androidx.compose.foundation.layout.WindowInsets)">windowInsetsBottomHeight</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;insets<br>)</pre>
         <p>Sets the height to that of <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsBottomHeight(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#getBottom(androidx.compose.ui.unit.Density)">bottom</a></code> of the screen.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8194,7 +8194,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/WindowInsetsSizeKt.html">WindowInsetsSizeKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).windowInsetsEndWidth(androidx.compose.foundation.layout.WindowInsets)">windowInsetsEndWidth</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;insets<br>)</pre>
         <p>Sets the width to that of <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsEndWidth(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#End()">end</a></code> of the screen, using either <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#getLeft(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">left</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#getRight(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">right</a></code>, depending on the <code><a href="/reference/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8225,7 +8225,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/WindowInsetsSizeKt.html">WindowInsetsSizeKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).windowInsetsStartWidth(androidx.compose.foundation.layout.WindowInsets)">windowInsetsStartWidth</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;insets<br>)</pre>
         <p>Sets the width to that of <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsStartWidth(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/androidx/compose/ui/Alignment.Companion.html#Start()">start</a></code> of the screen, using either <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#getLeft(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">left</a></code> or <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#getRight(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">right</a></code>, depending on the <code><a href="/reference/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8256,7 +8256,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/WindowInsetsSizeKt.html">WindowInsetsSizeKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).windowInsetsTopHeight(androidx.compose.foundation.layout.WindowInsets)">windowInsetsTopHeight</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>&nbsp;insets<br>)</pre>
         <p>Sets the height to that of <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsTopHeight(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/androidx/compose/foundation/layout/WindowInsets.html#getTop(androidx.compose.ui.unit.Density)">top</a></code> of the screen.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8287,7 +8287,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/ZIndexModifierKt.html">ZIndexModifierKt</a>.<a href="/reference/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;zIndex)</pre>
         <p>Creates a modifier that controls the drawing order for the children of the same layout parent. A child with larger <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> will be drawn on top of all the children with smaller <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code>. When children have the same <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> the original order in which the parent placed the children is used.</p>
         <p>Note that if there would be multiple <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> modifiers applied for the same layout the sum of their values will be used as the final zIndex. If no <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> were applied for the layout then the default zIndex is 0.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.material.Text
 import androidx.compose.ui.zIndex
diff --git a/testData/compose/docs/reference/androidx/compose/ui/ZIndexModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/ZIndexModifierKt.html
index 32f607c..5edf116 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/ZIndexModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/ZIndexModifierKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/ZIndexModifierKt.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;zIndex)</pre>
         <p>Creates a modifier that controls the drawing order for the children of the same layout parent. A child with larger <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> will be drawn on top of all the children with smaller <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code>. When children have the same <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> the original order in which the parent placed the children is used.</p>
         <p>Note that if there would be multiple <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> modifiers applied for the same layout the sum of their values will be used as the final zIndex. If no <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> were applied for the layout then the default zIndex is 0.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.material.Text
 import androidx.compose.ui.zIndex
diff --git a/testData/compose/docs/reference/androidx/compose/ui/draw/AlphaKt.html b/testData/compose/docs/reference/androidx/compose/ui/draw/AlphaKt.html
index 240f1a9..065118b 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/draw/AlphaKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/draw/AlphaKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/draw/AlphaKt.html#(androidx.compose.ui.Modifier).alpha(kotlin.Float)">alpha</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;alpha)</pre>
         <p>Draw content with modified alpha that may be less than 1.</p>
         <p>Usage of this API renders this composable into a separate graphics layer. Note when an alpha less than 1.0f is provided, contents are implicitly clipped to their bounds. This is because an intermediate compositing layer is created to render contents into first before being drawn into the destination with the desired alpha. This layer is sized to the bounds of the composable this modifier is configured on, and contents outside of these bounds are omitted.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
diff --git a/testData/compose/docs/reference/androidx/compose/ui/draw/BlurKt.html b/testData/compose/docs/reference/androidx/compose/ui/draw/BlurKt.html
index dd52972..ee011f8 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/draw/BlurKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/draw/BlurKt.html
@@ -47,7 +47,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/draw/BlurKt.html#(androidx.compose.ui.Modifier).blur(androidx.compose.ui.unit.Dp,androidx.compose.ui.draw.BlurredEdgeTreatment)">blur</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;radius,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/draw/BlurredEdgeTreatment.html">BlurredEdgeTreatment</a>&nbsp;edgeTreatment<br>)</pre>
         <p>Draw content blurred with the specified radii. Note this effect is only supported on Android 12 and above. Attempts to use this Modifier on older Android versions will be ignored.</p>
         <p>Usage of this API renders the corresponding composable into a separate graphics layer. Because the blurred content renders a larger area by the blur radius, this layer is explicitly clipped to the content bounds. It is recommended introduce additional space around the drawn content by the specified blur radius to remain within the content bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -62,7 +62,7 @@
         )
         .background(Color.Red, CircleShape)
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.draw.BlurredEdgeTreatment
@@ -129,7 +129,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/draw/BlurKt.html#(androidx.compose.ui.Modifier).blur(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.draw.BlurredEdgeTreatment)">blur</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;radiusX,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a>&nbsp;radiusY,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/draw/BlurredEdgeTreatment.html">BlurredEdgeTreatment</a>&nbsp;edgeTreatment<br>)</pre>
         <p>Draw content blurred with the specified radii. Note this effect is only supported on Android 12 and above. Attempts to use this Modifier on older Android versions will be ignored.</p>
         <p>Usage of this API renders the corresponding composable into a separate graphics layer. Because the blurred content renders a larger area by the blur radius, this layer is explicitly clipped to the content bounds. It is recommended introduce additional space around the drawn content by the specified blur radius to remain within the content bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -144,7 +144,7 @@
         )
         .background(Color.Red, CircleShape)
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.draw.BlurredEdgeTreatment
diff --git a/testData/compose/docs/reference/androidx/compose/ui/draw/DrawModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/draw/DrawModifierKt.html
index 8e9d9f0..0cd7ff6 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/draw/DrawModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/draw/DrawModifierKt.html
@@ -59,7 +59,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/draw/DrawModifierKt.html#(androidx.compose.ui.Modifier).drawWithCache(kotlin.Function1)">drawWithCache</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/draw/CacheDrawScope.html">CacheDrawScope</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/draw/DrawResult.html">DrawResult</a>&gt;&nbsp;onBuildDrawCache<br>)</pre>
         <p>Draw into a <code><a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a></code> with content that is persisted across draw calls as long as the size of the drawing area is the same or any state objects that are read have not changed. In the event that the drawing area changes, or the underlying state values that are being read change, this method is invoked again to recreate objects to be used during drawing</p>
         <p>For example, a <code><a href="/reference/androidx/compose/ui/graphics/LinearGradient.html">androidx.compose.ui.graphics.LinearGradient</a></code> that is to occupy the full bounds of the drawing area can be created once the size has been defined and referenced for subsequent draw calls without having to re-allocate.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.draw.drawWithCache
 import androidx.compose.ui.geometry.Offset
@@ -76,7 +76,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -99,7 +99,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.requiredSize
 import androidx.compose.ui.draw.drawWithCache
diff --git a/testData/compose/docs/reference/androidx/compose/ui/draw/PainterModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/draw/PainterModifierKt.html
index 9042127..a2d2e2a 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/draw/PainterModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/draw/PainterModifierKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paint(androidx.compose.ui.graphics.painter.Painter,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">paint</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/draw/PainterModifierKt.html#(androidx.compose.ui.Modifier).paint(androidx.compose.ui.graphics.painter.Painter,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">paint</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/painter/Painter.html">Painter</a>&nbsp;painter,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;sizeToIntrinsics,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Alignment.html">Alignment</a>&nbsp;alignment,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/ContentScale.html">ContentScale</a>&nbsp;contentScale,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/ColorFilter.html">ColorFilter</a>&nbsp;colorFilter<br>)</pre>
         <p>Paint the content using <code><a href="/reference/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).paint(androidx.compose.ui.graphics.painter.Painter,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">painter</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
diff --git a/testData/compose/docs/reference/androidx/compose/ui/draw/RotateKt.html b/testData/compose/docs/reference/androidx/compose/ui/draw/RotateKt.html
index f675e9d..f2deb11 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/draw/RotateKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/draw/RotateKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/draw/RotateKt.html#(androidx.compose.ui.Modifier).rotate(kotlin.Float)">rotate</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;degrees)</pre>
         <p>Sets the degrees the view is rotated around the center of the composable. Increasing values result in clockwise rotation. Negative degrees are used to rotate in the counter clockwise direction</p>
         <p>Usage of this API renders this composable into a separate graphics layer.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.rotate
diff --git a/testData/compose/docs/reference/androidx/compose/ui/draw/ScaleKt.html b/testData/compose/docs/reference/androidx/compose/ui/draw/ScaleKt.html
index f2cf180..c9ed9f4 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/draw/ScaleKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/draw/ScaleKt.html
@@ -47,7 +47,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/draw/ScaleKt.html#(androidx.compose.ui.Modifier).scale(kotlin.Float)">scale</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;scale)</pre>
         <p>Scale the contents of both the horizontal and vertical axis uniformly by the same scale factor.</p>
         <p>Usage of this API renders this composable into a separate graphics layer</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.scale
@@ -104,7 +104,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/draw/ScaleKt.html#(androidx.compose.ui.Modifier).scale(kotlin.Float,kotlin.Float)">scale</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;float&nbsp;scaleX,&nbsp;float&nbsp;scaleY)</pre>
         <p>Scale the contents of the composable by the following scale factors along the horizontal and vertical axis respectively. Negative scale factors can be used to mirror content across the corresponding horizontal or vertical axis.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.scale
diff --git a/testData/compose/docs/reference/androidx/compose/ui/draw/ShadowKt.html b/testData/compose/docs/reference/androidx/compose/ui/draw/ShadowKt.html
index 9a8aa30..e51c1b6 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/draw/ShadowKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/draw/ShadowKt.html
@@ -42,7 +42,7 @@
         <p>If the passed <code><a href="/reference/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).shadow(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">shape</a></code> is concave the shadow will not be drawn on Android versions less than 10.</p>
         <p>Note that <code><a href="/reference/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).shadow(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">elevation</a></code> is only affecting the shadow size and doesn't change the drawing order. Use a <code><a href="/reference/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">androidx.compose.ui.zIndex</a></code> modifier if you want to draw the elements with larger <code><a href="/reference/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).shadow(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">elevation</a></code> after all the elements with a smaller one.</p>
         <p>Usage of this API renders this composable into a separate graphics layer</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.shadow
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusChangedModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusChangedModifierKt.html
index 299ef96..17b54c6 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusChangedModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusChangedModifierKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusChangedModifierKt.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusState.html">FocusState</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onFocusChanged<br>)</pre>
         <p>Add this modifier to a component to observe focus state events. <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> is invoked when the focus state changes. The <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifier listens to the state of the first <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusTarget()">focusTarget</a></code> following this modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusDirection.Companion.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusDirection.Companion.html
index da3598e..f1c70b0 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusDirection.Companion.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusDirection.Companion.html
@@ -105,7 +105,7 @@
         <h3 class="api-name" id="getDown()">getDown</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#getDown()">getDown</a>()</pre>
         <p>Direction used in <code><a href="/reference/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> to indicate that you are searching for the next focusable item that is below the currently focused item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -148,7 +148,7 @@
         <h3 class="api-name" id="getLeft()">getLeft</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#getLeft()">getLeft</a>()</pre>
         <p>Direction used in <code><a href="/reference/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> to indicate that you are searching for the next focusable item to the left of the currently focused item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -176,7 +176,7 @@
         <h3 class="api-name" id="getNext()">getNext</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#getNext()">getNext</a>()</pre>
         <p>Direction used in <code><a href="/reference/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> to indicate that you are searching for the next focusable item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -209,7 +209,7 @@
         <h3 class="api-name" id="getPrevious()">getPrevious</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#getPrevious()">getPrevious</a>()</pre>
         <p>Direction used in <code><a href="/reference/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> to indicate that you are searching for the previous focusable item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -237,7 +237,7 @@
         <h3 class="api-name" id="getRight()">getRight</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#getRight()">getRight</a>()</pre>
         <p>Direction used in <code><a href="/reference/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> to indicate that you are searching for the next focusable item to the right of the currently focused item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -265,7 +265,7 @@
         <h3 class="api-name" id="getUp()">getUp</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#getUp()">getUp</a>()</pre>
         <p>Direction used in <code><a href="/reference/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> to indicate that you are searching for the next focusable item that is above the currently focused item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusDirection.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusDirection.html
index 60c2b7a..3b1a50a 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusDirection.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusDirection.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>The <code><a href="/reference/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a></code> is used to specify the direction for a <code><a href="/reference/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> request.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusManager.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusManager.html
index a970c48..435d794 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusManager.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusManager.html
@@ -49,7 +49,7 @@
         <h3 class="api-name" id="clearFocus(kotlin.Boolean)">clearFocus</h3>
         <pre class="api-signature no-pretty-print">abstract&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusManager.html#clearFocus(kotlin.Boolean)">clearFocus</a>(boolean&nbsp;force)</pre>
         <p>Call this function to clear focus from the currently focused component, and set the focus to the root focus modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
@@ -89,7 +89,7 @@
         <pre class="api-signature no-pretty-print">abstract&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">moveFocus</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>&nbsp;focusDirection)</pre>
         <p>Moves focus in the specified <code><a href="/reference/androidx/compose/ui/focus/FocusDirection.html">direction</a></code>.</p>
         <p>If you are not satisfied with the default focus order, consider setting a custom order using <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">Modifier.focusProperties()</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusModifierKt.html
index 58aa265..f11f44d 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusModifierKt.html
@@ -54,7 +54,7 @@
         <p>Add this modifier to a component to make it focusable.</p>
         <p>Focus state is stored within this modifier. The bounds of this modifier reflect the bounds of the focus box.</p>
         <p>Note: This is a low level modifier. Before using this consider using <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">Modifier.focusable()</a></code>. It uses a <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusTarget()">focusTarget</a></code> in its implementation. <code><a href="/reference/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">Modifier.focusable()</a></code> adds semantics that are needed for accessibility.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusOrder.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusOrder.html
index ea6b7dd..c709972 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusOrder.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusOrder.html
@@ -15,7 +15,7 @@
     <hr>
     <aside class="caution"><strong>This class is deprecated.</strong><br>Use FocusProperties instead</aside>
     <p>Specifies custom focus destinations that are used instead of the default focus traversal order.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -236,7 +236,7 @@
         <h3 class="api-name" id="getDown()">getDown</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#getDown()">getDown</a>()</pre>
         <p>A custom item to be used when the user moves focus &quot;down&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -301,7 +301,7 @@
         <h3 class="api-name" id="getEnd()">getEnd</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#getEnd()">getEnd</a>()</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;right&quot; in LTR mode and &quot;left&quot; in RTL mode.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -366,7 +366,7 @@
         <h3 class="api-name" id="getLeft()">getLeft</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#getLeft()">getLeft</a>()</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;left&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -431,7 +431,7 @@
         <h3 class="api-name" id="getNext()">getNext</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#getNext()">getNext</a>()</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;next&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -496,7 +496,7 @@
         <h3 class="api-name" id="getPrevious()">getPrevious</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#getPrevious()">getPrevious</a>()</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;previous&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -561,7 +561,7 @@
         <h3 class="api-name" id="getRight()">getRight</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#getRight()">getRight</a>()</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;right&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -626,7 +626,7 @@
         <h3 class="api-name" id="getStart()">getStart</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#getStart()">getStart</a>()</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;left&quot; in LTR mode and &quot;right&quot; in RTL mode.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -691,7 +691,7 @@
         <h3 class="api-name" id="getUp()">getUp</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#getUp()">getUp</a>()</pre>
         <p>A custom item to be used when the user moves focus &quot;up&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -756,7 +756,7 @@
         <h3 class="api-name" id="setDown(androidx.compose.ui.focus.FocusRequester)">setDown</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#setDown(androidx.compose.ui.focus.FocusRequester)">setDown</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;down)</pre>
         <p>A custom item to be used when the user moves focus &quot;down&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -821,7 +821,7 @@
         <h3 class="api-name" id="setEnd(androidx.compose.ui.focus.FocusRequester)">setEnd</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#setEnd(androidx.compose.ui.focus.FocusRequester)">setEnd</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;end)</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;right&quot; in LTR mode and &quot;left&quot; in RTL mode.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -886,7 +886,7 @@
         <h3 class="api-name" id="setLeft(androidx.compose.ui.focus.FocusRequester)">setLeft</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#setLeft(androidx.compose.ui.focus.FocusRequester)">setLeft</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;left)</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;left&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -951,7 +951,7 @@
         <h3 class="api-name" id="setNext(androidx.compose.ui.focus.FocusRequester)">setNext</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#setNext(androidx.compose.ui.focus.FocusRequester)">setNext</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;next)</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;next&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -1016,7 +1016,7 @@
         <h3 class="api-name" id="setPrevious(androidx.compose.ui.focus.FocusRequester)">setPrevious</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#setPrevious(androidx.compose.ui.focus.FocusRequester)">setPrevious</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;previous)</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;previous&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -1081,7 +1081,7 @@
         <h3 class="api-name" id="setRight(androidx.compose.ui.focus.FocusRequester)">setRight</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#setRight(androidx.compose.ui.focus.FocusRequester)">setRight</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;right)</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;right&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -1146,7 +1146,7 @@
         <h3 class="api-name" id="setStart(androidx.compose.ui.focus.FocusRequester)">setStart</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#setStart(androidx.compose.ui.focus.FocusRequester)">setStart</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;start)</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;left&quot; in LTR mode and &quot;right&quot; in RTL mode.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -1211,7 +1211,7 @@
         <h3 class="api-name" id="setUp(androidx.compose.ui.focus.FocusRequester)">setUp</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusOrder.html#setUp(androidx.compose.ui.focus.FocusRequester)">setUp</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;up)</pre>
         <p>A custom item to be used when the user moves focus &quot;up&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusOrderModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusOrderModifierKt.html
index ce4a2fb..dfba0d2 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusOrderModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusOrderModifierKt.html
@@ -54,7 +54,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<span><del><a href="/reference/androidx/compose/ui/focus/FocusOrderModifierKt.html#(androidx.compose.ui.Modifier).focusOrder(kotlin.Function1)">focusOrder</a></del></span>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusOrder.html">FocusOrder</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;focusOrderReceiver<br>)</pre>
         <aside class="caution"><strong>This method is deprecated.</strong><br>Use focusProperties() instead</aside>
         <p>Use this modifier to specify a custom focus traversal order.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -141,7 +141,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<span><del><a href="/reference/androidx/compose/ui/focus/FocusOrderModifierKt.html#(androidx.compose.ui.Modifier).focusOrder(androidx.compose.ui.focus.FocusRequester)">focusOrder</a></del></span>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;focusRequester<br>)</pre>
         <aside class="caution"><strong>This method is deprecated.</strong><br>Use focusRequester() instead</aside>
         <p>A modifier that lets you specify a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> for the current composable so that this <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusOrder(androidx.compose.ui.focus.FocusRequester)">focusRequester</a></code> can be used by another composable to specify a custom focus order.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusProperties.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusProperties.html
index f47fd37..ee4b926 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusProperties.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusProperties.html
@@ -214,7 +214,7 @@
         <h3 class="api-name" id="getDown()">getDown</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#getDown()">getDown</a>()</pre>
         <p>A custom item to be used when the user moves focus &quot;down&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -279,7 +279,7 @@
         <h3 class="api-name" id="getEnd()">getEnd</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#getEnd()">getEnd</a>()</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;right&quot; in LTR mode and &quot;left&quot; in RTL mode.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -345,7 +345,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>default&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&gt;&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#getEnter()">getEnter</a>()</pre>
         <p>A custom item to be used when the user requests focus to move focus in (<code><a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#Enter()">FocusDirection.Enter</a></code>). An automatic <code><a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#Enter()">Enter</a></code>&quot; can be triggered when we move focus to a focus group that is not itself focusable. In this case, users can use the  the focus direction that triggered the move in to determine the next item to be focused on.</p>
         <p>When you set the <code><a href="/reference/androidx/compose/ui/focus/FocusProperties.html#enter()">enter</a></code> property, provide a lambda that takes the FocusDirection that triggered the enter as an input, and provides a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> as an output. You can return a custom destination by providing a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> attached to that destination, a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.Companion.html#Cancel()">Cancel</a></code> to cancel the focus enter or <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.Companion.html#Default()">Default</a></code> to use the default focus enter behavior.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -367,7 +367,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>default&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&gt;&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#getExit()">getExit</a>()</pre>
         <p>A custom item to be used when the user requests focus to move out (<code><a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#Exit()">FocusDirection.Exit</a></code>). An automatic <code><a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#Exit()">Exit</a></code> can be triggered when we move focus outside the edge of a parent. In this case, users can use the  the focus direction that triggered the move out to determine the next focus destination.</p>
         <p>When you set the <code><a href="/reference/androidx/compose/ui/focus/FocusProperties.html#exit()">exit</a></code> property, provide a lambda that takes the FocusDirection that triggered the exit as an input, and provides a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> as an output. You can return a custom destination by providing a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> attached to that destination, a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.Companion.html#Cancel()">Cancel</a></code> to cancel the focus exit or <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.Companion.html#Default()">Default</a></code> to use the default focus exit behavior.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -396,7 +396,7 @@
         <h3 class="api-name" id="getLeft()">getLeft</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#getLeft()">getLeft</a>()</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;left&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -461,7 +461,7 @@
         <h3 class="api-name" id="getNext()">getNext</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#getNext()">getNext</a>()</pre>
         <p>A custom item to be used when the user requests the focus to move to the &quot;next&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -526,7 +526,7 @@
         <h3 class="api-name" id="getPrevious()">getPrevious</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#getPrevious()">getPrevious</a>()</pre>
         <p>A custom item to be used when the user requests the focus to move to the &quot;previous&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -591,7 +591,7 @@
         <h3 class="api-name" id="getRight()">getRight</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#getRight()">getRight</a>()</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;right&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -656,7 +656,7 @@
         <h3 class="api-name" id="getStart()">getStart</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#getStart()">getStart</a>()</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;left&quot; in LTR mode and &quot;right&quot; in RTL mode.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -721,7 +721,7 @@
         <h3 class="api-name" id="getUp()">getUp</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#getUp()">getUp</a>()</pre>
         <p>A custom item to be used when the user moves focus &quot;up&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -791,7 +791,7 @@
         <h3 class="api-name" id="setDown(androidx.compose.ui.focus.FocusRequester)">setDown</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#setDown(androidx.compose.ui.focus.FocusRequester)">setDown</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;down)</pre>
         <p>A custom item to be used when the user moves focus &quot;down&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -856,7 +856,7 @@
         <h3 class="api-name" id="setEnd(androidx.compose.ui.focus.FocusRequester)">setEnd</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#setEnd(androidx.compose.ui.focus.FocusRequester)">setEnd</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;end)</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;right&quot; in LTR mode and &quot;left&quot; in RTL mode.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -922,7 +922,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>default&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#setEnter(kotlin.Function1)">setEnter</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&gt;&nbsp;enter<br>)</pre>
         <p>A custom item to be used when the user requests focus to move focus in (<code><a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#Enter()">FocusDirection.Enter</a></code>). An automatic <code><a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#Enter()">Enter</a></code>&quot; can be triggered when we move focus to a focus group that is not itself focusable. In this case, users can use the  the focus direction that triggered the move in to determine the next item to be focused on.</p>
         <p>When you set the <code><a href="/reference/androidx/compose/ui/focus/FocusProperties.html#enter()">enter</a></code> property, provide a lambda that takes the FocusDirection that triggered the enter as an input, and provides a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> as an output. You can return a custom destination by providing a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> attached to that destination, a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.Companion.html#Cancel()">Cancel</a></code> to cancel the focus enter or <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.Companion.html#Default()">Default</a></code> to use the default focus enter behavior.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -944,7 +944,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>default&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#setExit(kotlin.Function1)">setExit</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&gt;&nbsp;exit<br>)</pre>
         <p>A custom item to be used when the user requests focus to move out (<code><a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#Exit()">FocusDirection.Exit</a></code>). An automatic <code><a href="/reference/androidx/compose/ui/focus/FocusDirection.Companion.html#Exit()">Exit</a></code> can be triggered when we move focus outside the edge of a parent. In this case, users can use the  the focus direction that triggered the move out to determine the next focus destination.</p>
         <p>When you set the <code><a href="/reference/androidx/compose/ui/focus/FocusProperties.html#exit()">exit</a></code> property, provide a lambda that takes the FocusDirection that triggered the exit as an input, and provides a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> as an output. You can return a custom destination by providing a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> attached to that destination, a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.Companion.html#Cancel()">Cancel</a></code> to cancel the focus exit or <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.Companion.html#Default()">Default</a></code> to use the default focus exit behavior.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -973,7 +973,7 @@
         <h3 class="api-name" id="setLeft(androidx.compose.ui.focus.FocusRequester)">setLeft</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#setLeft(androidx.compose.ui.focus.FocusRequester)">setLeft</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;left)</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;left&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -1038,7 +1038,7 @@
         <h3 class="api-name" id="setNext(androidx.compose.ui.focus.FocusRequester)">setNext</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#setNext(androidx.compose.ui.focus.FocusRequester)">setNext</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;next)</pre>
         <p>A custom item to be used when the user requests the focus to move to the &quot;next&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -1103,7 +1103,7 @@
         <h3 class="api-name" id="setPrevious(androidx.compose.ui.focus.FocusRequester)">setPrevious</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#setPrevious(androidx.compose.ui.focus.FocusRequester)">setPrevious</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;previous)</pre>
         <p>A custom item to be used when the user requests the focus to move to the &quot;previous&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -1168,7 +1168,7 @@
         <h3 class="api-name" id="setRight(androidx.compose.ui.focus.FocusRequester)">setRight</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#setRight(androidx.compose.ui.focus.FocusRequester)">setRight</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;right)</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;right&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -1233,7 +1233,7 @@
         <h3 class="api-name" id="setStart(androidx.compose.ui.focus.FocusRequester)">setStart</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#setStart(androidx.compose.ui.focus.FocusRequester)">setStart</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;start)</pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;left&quot; in LTR mode and &quot;right&quot; in RTL mode.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -1298,7 +1298,7 @@
         <h3 class="api-name" id="setUp(androidx.compose.ui.focus.FocusRequester)">setUp</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusProperties.html#setUp(androidx.compose.ui.focus.FocusRequester)">setUp</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;up)</pre>
         <p>A custom item to be used when the user moves focus &quot;up&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusPropertiesKt.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusPropertiesKt.html
index 889d9bb..962699f 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusPropertiesKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusPropertiesKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">focusProperties</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusPropertiesKt.html#(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">focusProperties</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusProperties.html">FocusProperties</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;scope<br>)</pre>
         <p>This modifier allows you to specify properties that are accessible to <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusTarget()">focusTarget</a></code>s further down the modifier chain or on child layout nodes.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.ui.focus.focusProperties
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequester.Companion.FocusRequesterFactory.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequester.Companion.FocusRequesterFactory.html
index 7f27975..df20228 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequester.Companion.FocusRequesterFactory.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequester.Companion.FocusRequesterFactory.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Convenient way to create multiple <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> instances.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequester.Companion.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequester.Companion.html
index b5bc966..7226328 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequester.Companion.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequester.Companion.html
@@ -77,7 +77,7 @@
         <h3 class="api-name" id="createRefs()">createRefs</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.Companion.FocusRequesterFactory.html">FocusRequester.Companion.FocusRequesterFactory</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusRequester.Companion.html#createRefs()">createRefs</a>()</pre>
         <p>Convenient way to create multiple <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code>s, which can to be used to request focus, or to specify a focus traversal order.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -96,7 +96,7 @@
         <h3 class="api-name" id="getCancel()">getCancel</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusRequester.Companion.html#getCancel()">getCancel</a>()</pre>
         <p>Cancelled <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">focusRequester</a></code>, which when used in <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">Modifier.focusProperties</a></code> implies that we want to block focus search from proceeding in the specified <code><a href="/reference/androidx/compose/ui/focus/FocusDirection.html">direction</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.ui.focus.focusProperties
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequester.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequester.html
index c0bfd90..2488cc8 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequester.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequester.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>The <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> is used in conjunction with <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">Modifier.focusRequester</a></code> to send requests to change focus.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
@@ -154,7 +154,7 @@
         <p>Deny requests to clear focus.</p>
         <p>Use this function to send a request to capture focus. If a component captures focus, it will send a <code><a href="/reference/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object to its associated <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers where <a href="">FocusState.isCaptured</a> == true.</p>
         <p>When a component is in a Captured state, all focus requests from other components are declined.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -205,7 +205,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusRequester.html#freeFocus()">freeFocus</a>()</pre>
         <p>Use this function to send a request to free focus when one of the components associated with this <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> is in a Captured state. If a component frees focus, it will send a <code><a href="/reference/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object to its associated <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers where <a href="">FocusState.isCaptured</a> == false.</p>
         <p>When a component is in a Captured state, all focus requests from other components are declined. .</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -255,7 +255,7 @@
         <h3 class="api-name" id="requestFocus()">requestFocus</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusRequester.html#requestFocus()">requestFocus</a>()</pre>
         <p>Use this function to request focus. If the system grants focus to a component associated with this <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code>, its <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers will receive a <code><a href="/reference/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object where <code><a href="/reference/androidx/compose/ui/focus/FocusState.html#isFocused()">FocusState.isFocused</a></code> is true.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifier.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifier.html
index 86e34d9..6d0ea02 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifier.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifier.html
@@ -15,7 +15,7 @@
     <hr>
     <aside class="caution"><strong>This interface is deprecated.</strong><br>Use FocusRequesterModifierNode instead</aside>
     <p>A <code><a href="/reference/androidx/compose/ui/Modifier.Element.html">modifier</a></code> that is used to pass in a <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> that can be used to request focus state changes.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
@@ -164,7 +164,7 @@
         <h3 class="api-name" id="getFocusRequester()">getFocusRequester</h3>
         <pre class="api-signature no-pretty-print">abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusRequesterModifier.html#getFocusRequester()">getFocusRequester</a>()</pre>
         <p>An instance of <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code>, that can be used to request focus state changes.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifierKt.html
index 13666a0..32e2e87 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifierKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">focusRequester</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusRequesterModifierKt.html#(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">focusRequester</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>&nbsp;focusRequester<br>)</pre>
         <p>Add this modifier to a component to request changes to focus.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifierNode.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifierNode.html
index a5c680d..77e0ac6 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifierNode.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifierNode.html
@@ -91,7 +91,7 @@
         <p>Deny requests to clear focus.</p>
         <p>Use this function to send a request to capture focus. If a component captures focus, it will send a <code><a href="/reference/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object to its associated <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers where <a href="">FocusState.isCaptured</a> == true.</p>
         <p>When a component is in a Captured state, all focus requests from other components are declined.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -142,7 +142,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>default&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusRequesterModifierNodeKt.html">FocusRequesterModifierNodeKt</a>.<a href="/reference/androidx/compose/ui/focus/FocusRequesterModifierNode.html#(androidx.compose.ui.focus.FocusRequesterModifierNode).freeFocus()">freeFocus</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequesterModifierNode.html">FocusRequesterModifierNode</a>&nbsp;receiver<br>)</pre>
         <p>Use this function to send a request to free focus when one of the components associated with this <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> is in a Captured state. If a component frees focus, it will send a <code><a href="/reference/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object to its associated <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers where <a href="">FocusState.isCaptured</a> == false.</p>
         <p>When a component is in a Captured state, all focus requests from other components are declined. .</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -192,7 +192,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.focus.FocusRequesterModifierNode).requestFocus()">FocusRequesterModifierNodeKt.requestFocus</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>default&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusRequesterModifierNodeKt.html">FocusRequesterModifierNodeKt</a>.<a href="/reference/androidx/compose/ui/focus/FocusRequesterModifierNode.html#(androidx.compose.ui.focus.FocusRequesterModifierNode).requestFocus()">requestFocus</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequesterModifierNode.html">FocusRequesterModifierNode</a>&nbsp;receiver<br>)</pre>
         <p>Use this function to request focus. If the system grants focus to a component associated with this <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code>, its <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers will receive a <code><a href="/reference/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object where <code><a href="/reference/androidx/compose/ui/focus/FocusState.html#isFocused()">FocusState.isFocused</a></code> is true.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifierNodeKt.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifierNodeKt.html
index 78a20ad..5b6c14e 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifierNodeKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusRequesterModifierNodeKt.html
@@ -55,7 +55,7 @@
         <p>Deny requests to clear focus.</p>
         <p>Use this function to send a request to capture focus. If a component captures focus, it will send a <code><a href="/reference/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object to its associated <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers where <a href="">FocusState.isCaptured</a> == true.</p>
         <p>When a component is in a Captured state, all focus requests from other components are declined.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -106,7 +106,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusRequesterModifierNodeKt.html#(androidx.compose.ui.focus.FocusRequesterModifierNode).freeFocus()">freeFocus</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequesterModifierNode.html">FocusRequesterModifierNode</a>&nbsp;receiver)</pre>
         <p>Use this function to send a request to free focus when one of the components associated with this <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> is in a Captured state. If a component frees focus, it will send a <code><a href="/reference/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object to its associated <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers where <a href="">FocusState.isCaptured</a> == false.</p>
         <p>When a component is in a Captured state, all focus requests from other components are declined. .</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -156,7 +156,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.focus.FocusRequesterModifierNode).requestFocus()">requestFocus</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusRequesterModifierNodeKt.html#(androidx.compose.ui.focus.FocusRequesterModifierNode).requestFocus()">requestFocus</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/focus/FocusRequesterModifierNode.html">FocusRequesterModifierNode</a>&nbsp;receiver)</pre>
         <p>Use this function to request focus. If the system grants focus to a component associated with this <code><a href="/reference/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code>, its <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers will receive a <code><a href="/reference/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object where <code><a href="/reference/androidx/compose/ui/focus/FocusState.html#isFocused()">FocusState.isFocused</a></code> is true.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
diff --git a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusState.html b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusState.html
index 80bb76e..08da4e7 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/focus/FocusState.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/focus/FocusState.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>The focus state of a <code><a href="/reference/androidx/compose/ui/focus/FocusTargetModifierNode.html">FocusTargetModifierNode</a></code>. Use <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> or <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusEvent(kotlin.Function1)">onFocusEvent</a></code> modifiers to access <code><a href="/reference/androidx/compose/ui/focus/FocusState.html">FocusState</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
@@ -100,7 +100,7 @@
         <pre class="api-signature no-pretty-print">abstract&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusState.html#getIsCaptured()">isCaptured</a>()</pre>
         <p>Whether focus is captured or not. A focusable component is in a captured state when it wants to hold onto focus. (Eg. when a text field has an invalid phone number). When we are in a captured state, clicking on other focusable items does not clear focus from the currently focused item.</p>
         <p>You can capture focus by calling <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.focus.FocusRequesterModifierNode).captureFocus()">focusRequester.captureFocus()</a></code> and free focus by calling <code><a href="/reference/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.focus.FocusRequesterModifierNode).freeFocus()">focusRequester.freeFocus()</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -150,7 +150,7 @@
         <h3 class="api-name" id="getIsFocused()">isFocused</h3>
         <pre class="api-signature no-pretty-print">abstract&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/focus/FocusState.html#getIsFocused()">isFocused</a>()</pre>
         <p>Whether the component is focused or not.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
diff --git a/testData/compose/docs/reference/androidx/compose/ui/graphics/Brush.Companion.html b/testData/compose/docs/reference/androidx/compose/ui/graphics/Brush.Companion.html
index c24b983..d520aee 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/graphics/Brush.Companion.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/graphics/Brush.Companion.html
@@ -107,7 +107,7 @@
         <p>Creates a horizontal gradient with the given colors dispersed at the provided offset defined in the colorstop pair.</p>
         <p>Ex:</p>
         <pre class="prettyprint"> Brush.horizontalGradient(<br>     0.0f to Color.Red,<br>     0.3f to Color.Green,<br>     1.0f to Color.Blue,<br>     startX = 0.0f,<br>     endX = 100.0f<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -186,7 +186,7 @@
         <p>Creates a horizontal gradient with the given colors evenly dispersed within the gradient</p>
         <p>Ex:</p>
         <pre class="prettyprint"> Brush.horizontalGradient(<br>     listOf(Color.Red, Color.Green, Color.Blue),<br>     startX = 10.0f,<br>     endX = 20.0f<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -328,7 +328,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;<a href="/reference/androidx/compose/ui/graphics/Brush.Companion.html#linearGradient(kotlin.collections.List,androidx.compose.ui.geometry.Offset,androidx.compose.ui.geometry.Offset,androidx.compose.ui.graphics.TileMode)">linearGradient</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/List.html">List</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&gt;&nbsp;colors,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;start,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;end,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/TileMode.html">TileMode</a>&nbsp;tileMode<br>)</pre>
         <p>Creates a linear gradient with the provided colors along the given start and end coordinates. The colors are</p>
         <pre class="prettyprint"> Brush.linearGradient(<br>     listOf(Color.Red, Color.Green, Color.Blue),<br>     start = Offset(0.0f, 50.0f)<br>     end = Offset(0.0f, 100.0f)<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -406,7 +406,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;<a href="/reference/androidx/compose/ui/graphics/Brush.Companion.html#radialGradient(kotlin.Array,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.TileMode)">radialGradient</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-pair/index.html">Pair</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&gt;&nbsp;colorStops,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;center,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;radius,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/TileMode.html">TileMode</a>&nbsp;tileMode<br>)</pre>
         <p>Creates a radial gradient with the given colors at the provided offset defined in the colorstop pair.</p>
         <pre class="prettyprint">Brush.radialGradient(<br>     0.0f to Color.Red,<br>     0.3f to Color.Green,<br>     1.0f to Color.Blue,<br>     center = Offset(side1 / 2.0f, side2 / 2.0f),<br>     radius = side1 / 2.0f,<br>     tileMode = TileMode.Repeated<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -484,7 +484,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;<a href="/reference/androidx/compose/ui/graphics/Brush.Companion.html#radialGradient(kotlin.collections.List,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.TileMode)">radialGradient</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/List.html">List</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&gt;&nbsp;colors,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;center,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;radius,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/TileMode.html">TileMode</a>&nbsp;tileMode<br>)</pre>
         <p>Creates a radial gradient with the given colors evenly dispersed within the gradient</p>
         <pre class="prettyprint">Brush.radialGradient(<br>     listOf(Color.Red, Color.Green, Color.Blue),<br>     centerX = side1 / 2.0f,<br>     centerY = side2 / 2.0f,<br>     radius = side1 / 2.0f,<br>     tileMode = TileMode.Repeated<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -563,7 +563,7 @@
         <p>Creates a sweep gradient with the given colors dispersed around the center with offsets defined in each colorstop pair. The sweep begins relative to 3 o'clock and continues clockwise until it reaches the starting position again.</p>
         <p>Ex:</p>
         <pre class="prettyprint"> Brush.sweepGradient(<br>     0.0f to Color.Red,<br>     0.3f to Color.Green,<br>     1.0f to Color.Blue,<br>     center = Offset(0.0f, 100.0f)<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -630,7 +630,7 @@
         <p>Creates a sweep gradient with the given colors dispersed evenly around the center. The sweep begins relative to 3 o'clock and continues clockwise until it reaches the starting position again.</p>
         <p>Ex:</p>
         <pre class="prettyprint"> Brush.sweepGradient(<br>     listOf(Color.Red, Color.Green, Color.Blue),<br>     center = Offset(10.0f, 20.0f)<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -697,7 +697,7 @@
         <p>Creates a vertical gradient with the given colors at the provided offset defined in the Pair</p>
         <p>Ex:</p>
         <pre class="prettyprint"> Brush.verticalGradient(<br>     0.1f to Color.Red,<br>     0.3f to Color.Green,<br>     0.5f to Color.Blue,<br>     startY = 0.0f,<br>     endY = 100.0f<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -775,7 +775,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;<a href="/reference/androidx/compose/ui/graphics/Brush.Companion.html#verticalGradient(kotlin.collections.List,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TileMode)">verticalGradient</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/List.html">List</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&gt;&nbsp;colors,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;startY,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;endY,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/TileMode.html">TileMode</a>&nbsp;tileMode<br>)</pre>
         <p>Creates a vertical gradient with the given colors evenly dispersed within the gradient Ex:</p>
         <pre class="prettyprint"> Brush.verticalGradient(<br>     listOf(Color.Red, Color.Green, Color.Blue),<br>     startY = 0.0f,<br>     endY = 100.0f<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/ui/graphics/GraphicsLayerModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/graphics/GraphicsLayerModifierKt.html
index 732f7ab..1d205c4 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/graphics/GraphicsLayerModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/graphics/GraphicsLayerModifierKt.html
@@ -54,7 +54,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/graphics/GraphicsLayerModifierKt.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Function1)">graphicsLayer</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/GraphicsLayerScope.html">GraphicsLayerScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;block<br>)</pre>
         <p>A <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> that makes content draw into a draw layer. The draw layer can be invalidated separately from parents. A <code><a href="/reference/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean)">graphicsLayer</a></code> should be used when the content updates independently from anything above it to minimize the invalidated content.</p>
         <p><code><a href="/reference/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean)">graphicsLayer</a></code> can be used to apply effects to content, such as scaling, rotation, opacity, shadow, and clipping. Prefer this version when you have layer properties backed by a <code><a href="/reference/androidx/compose/runtime/State.html">androidx.compose.runtime.State</a></code> or an animated value as reading a state inside <code><a href="/reference/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Function1)">block</a></code> will only cause the layer properties update without triggering recomposition and relayout.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.material.Text
 import androidx.compose.runtime.LaunchedEffect
@@ -103,12 +103,12 @@
         <p>Note that if you provide a non-zero <code><a href="/reference/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.RenderEffect,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.CompositingStrategy)">shadowElevation</a></code> and if the passed <code><a href="/reference/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.RenderEffect,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.CompositingStrategy)">shape</a></code> is concave the shadow will not be drawn on Android versions less than 10.</p>
         <p>Also note that alpha values less than 1.0f will have their contents implicitly clipped to their bounds unless <code><a href="/reference/androidx/compose/ui/graphics/CompositingStrategy.Companion.html#ModulateAlpha()">CompositingStrategy.ModulateAlpha</a></code> is specified. This is because an intermediate compositing layer is created to render contents into first before being drawn into the destination with the desired alpha. This layer is sized to the bounds of the composable this modifier is configured on, and contents outside of these bounds are omitted.</p>
         <p>If the layer parameters are backed by a <code><a href="/reference/androidx/compose/runtime/State.html">androidx.compose.runtime.State</a></code> or an animated value prefer an overload with a lambda block on <code><a href="/reference/androidx/compose/ui/graphics/GraphicsLayerScope.html">GraphicsLayerScope</a></code> as reading a state inside the block will only cause the layer properties update without triggering recomposition and relayout.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.graphics.graphicsLayer
 
 Text(&quot;Hello World&quot;, Modifier.graphicsLayer(alpha = 0.5f, clip = true))</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
diff --git a/testData/compose/docs/reference/androidx/compose/ui/graphics/ImageBitmap.html b/testData/compose/docs/reference/androidx/compose/ui/graphics/ImageBitmap.html
index 6da9d50..c41b275 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/graphics/ImageBitmap.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/graphics/ImageBitmap.html
@@ -196,7 +196,7 @@
         <pre class="api-signature no-pretty-print">abstract&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html#readPixels(kotlin.IntArray,kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int)">readPixels</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> int[]&nbsp;buffer,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;startX,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;startY,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;width,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;height,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;bufferOffset,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;stride<br>)</pre>
         <p>Copies the pixel data within the ImageBitmap into the given array. Each value is represented as ARGB values packed into an Int. The stride parameter allows the caller to allow for gaps in the returned pixels array between rows. For normal packed, results, the stride value is equivalent to the width of the <code><a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code>. The returned colors are non-premultiplied ARGB values in the <code><a href="/reference/androidx/compose/ui/graphics/colorspace/ColorSpaces.html#Srgb()">ColorSpaces.Srgb</a></code> color space.</p>
         <p>Note this method can block so it is recommended to not invoke this method in performance critical code paths</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.graphics.PixelMap
 
 val imageBitmap = createImageBitmap()
@@ -319,7 +319,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/PixelMap.html">PixelMap</a>&nbsp;<a href="/reference/androidx/compose/ui/graphics/ImageBitmapKt.html">ImageBitmapKt</a>.<a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html#(androidx.compose.ui.graphics.ImageBitmap).toPixelMap(kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int,kotlin.IntArray,kotlin.Int,kotlin.Int)">toPixelMap</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;startX,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;startY,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;width,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;height,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> int[]&nbsp;buffer,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;bufferOffset,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;stride<br>)</pre>
         <p>Convenience method to extract pixel information from the given ImageBitmap into a <code><a href="/reference/androidx/compose/ui/graphics/PixelMap.html">PixelMap</a></code> that supports for querying pixel information based on</p>
         <p>Note this method can block so it is recommended to not invoke this method in performance critical code paths</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.graphics.toPixelMap
 
 val imageBitmap = createImageBitmap()
diff --git a/testData/compose/docs/reference/androidx/compose/ui/graphics/ImageBitmapKt.html b/testData/compose/docs/reference/androidx/compose/ui/graphics/ImageBitmapKt.html
index a4d802a..c0f900b 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/graphics/ImageBitmapKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/graphics/ImageBitmapKt.html
@@ -50,7 +50,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/PixelMap.html">PixelMap</a>&nbsp;<a href="/reference/androidx/compose/ui/graphics/ImageBitmapKt.html#(androidx.compose.ui.graphics.ImageBitmap).toPixelMap(kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int,kotlin.IntArray,kotlin.Int,kotlin.Int)">toPixelMap</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;startX,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;startY,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;width,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;height,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> int[]&nbsp;buffer,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;bufferOffset,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;stride<br>)</pre>
         <p>Convenience method to extract pixel information from the given ImageBitmap into a <code><a href="/reference/androidx/compose/ui/graphics/PixelMap.html">PixelMap</a></code> that supports for querying pixel information based on</p>
         <p>Note this method can block so it is recommended to not invoke this method in performance critical code paths</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.graphics.toPixelMap
 
 val imageBitmap = createImageBitmap()
diff --git a/testData/compose/docs/reference/androidx/compose/ui/graphics/PixelMap.html b/testData/compose/docs/reference/androidx/compose/ui/graphics/PixelMap.html
index a9bda07..70b8ec1 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/graphics/PixelMap.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/graphics/PixelMap.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Result of a pixel read operation. This contains the <code><a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code> pixel information represented as a 1 dimensional array of values that supports queries of pixel values based on the 2 dimensional coordinates of the corresponding <code><a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code> this was obtained from</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.graphics.PixelMap
 
 val imageBitmap = createImageBitmap()
diff --git a/testData/compose/docs/reference/androidx/compose/ui/graphics/StampedPathEffectStyle.html b/testData/compose/docs/reference/androidx/compose/ui/graphics/StampedPathEffectStyle.html
index 9565d1b..adfc76f 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/graphics/StampedPathEffectStyle.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/graphics/StampedPathEffectStyle.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Strategy for transforming each point of the shape along the drawn path</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
diff --git a/testData/compose/docs/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html b/testData/compose/docs/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html
index 191312b..50bc733 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html
@@ -42,7 +42,7 @@
 </devsite-expandable>    </div>
     <hr>
     <p>Creates a scoped drawing environment with the provided <code><a href="/reference/androidx/compose/ui/graphics/Canvas.html">Canvas</a></code>. This provides a declarative, stateless API to draw shapes and paths without requiring consumers to maintain underlying <code><a href="/reference/androidx/compose/ui/graphics/Canvas.html">Canvas</a></code> state information. <code><a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a></code> implementations are also provided sizing information and transformations are done relative to the local translation. That is left and top coordinates are always the origin and the right and bottom coordinates are always the specified width and height respectively. Drawing content is not clipped, so it is possible to draw outside of the specified bounds.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.graphics.drawscope.inset
@@ -1104,7 +1104,7 @@
         <h3 class="api-name" id="drawOval(androidx.compose.ui.graphics.Brush,androidx.compose.ui.geometry.Offset,androidx.compose.ui.geometry.Size,kotlin.Float,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.graphics.ColorFilter,androidx.compose.ui.graphics.BlendMode)">drawOval</h3>
         <pre class="api-signature no-pretty-print">abstract&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html#drawOval(androidx.compose.ui.graphics.Brush,androidx.compose.ui.geometry.Offset,androidx.compose.ui.geometry.Size,kotlin.Float,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.graphics.ColorFilter,androidx.compose.ui.graphics.BlendMode)">drawOval</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;brush,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;topLeft,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Size.html">Size</a>&nbsp;size,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>&nbsp;style,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/ColorFilter.html">ColorFilter</a>&nbsp;colorFilter,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/BlendMode.html">BlendMode</a>&nbsp;blendMode<br>)</pre>
         <p>Draws an oval with the given offset and size. If no offset from the top left is provided, it is drawn starting from the origin of the current translation. If no size is provided, the size of the current environment is used.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.geometry.Offset
@@ -1179,7 +1179,7 @@
         <h3 class="api-name" id="drawOval(androidx.compose.ui.graphics.Color,androidx.compose.ui.geometry.Offset,androidx.compose.ui.geometry.Size,kotlin.Float,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.graphics.ColorFilter,androidx.compose.ui.graphics.BlendMode)">drawOval</h3>
         <pre class="api-signature no-pretty-print">abstract&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html#drawOval(androidx.compose.ui.graphics.Color,androidx.compose.ui.geometry.Offset,androidx.compose.ui.geometry.Size,kotlin.Float,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.graphics.ColorFilter,androidx.compose.ui.graphics.BlendMode)">drawOval</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;color,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;topLeft,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Size.html">Size</a>&nbsp;size,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>&nbsp;style,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/ColorFilter.html">ColorFilter</a>&nbsp;colorFilter,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/BlendMode.html">BlendMode</a>&nbsp;blendMode<br>)</pre>
         <p>Draws an oval with the given offset and size. If no offset from the top left is provided, it is drawn starting from the origin of the current translation. If no size is provided, the size of the current environment is used.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.geometry.Offset
@@ -2236,7 +2236,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.graphics.drawscope.DrawScope).withTransform(kotlin.Function1,kotlin.Function1)">DrawScopeKt.withTransform</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScopeKt.html">DrawScopeKt</a>.<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html#(androidx.compose.ui.graphics.drawscope.DrawScope).withTransform(kotlin.Function1,kotlin.Function1)">withTransform</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawTransform.html">DrawTransform</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;transformBlock,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;drawBlock<br>)</pre>
         <p>Perform 1 or more transformations and execute drawing commands with the specified transformations applied. After this call is complete, the transformation before this call was made is restored</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.graphics.drawscope.inset
@@ -2590,7 +2590,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>default&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/TextPainterKt.html">TextPainterKt</a>.<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html#(androidx.compose.ui.graphics.drawscope.DrawScope).drawText(androidx.compose.ui.text.TextLayoutResult,androidx.compose.ui.graphics.Color,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.drawscope.DrawStyle)">drawText</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/TextLayoutResult.html">TextLayoutResult</a>&nbsp;textLayoutResult,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;color,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;topLeft,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Shadow.html">Shadow</a>&nbsp;shadow,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;textDecoration,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>&nbsp;drawStyle<br>)</pre>
         <p>Draw an existing text layout as produced by <code><a href="/reference/androidx/compose/ui/text/TextMeasurer.html">TextMeasurer</a></code>.</p>
         <p>This draw function cannot relayout when async font loading resolves. If using async fonts or other dynamic text layout, you are responsible for invalidating layout on changes.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.runtime.mutableStateOf
@@ -2689,7 +2689,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>default&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/TextPainterKt.html">TextPainterKt</a>.<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html#(androidx.compose.ui.graphics.drawscope.DrawScope).drawText(androidx.compose.ui.text.TextLayoutResult,androidx.compose.ui.graphics.Brush,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.drawscope.DrawStyle)">drawText</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/TextLayoutResult.html">TextLayoutResult</a>&nbsp;textLayoutResult,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;brush,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;topLeft,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Shadow.html">Shadow</a>&nbsp;shadow,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;textDecoration,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>&nbsp;drawStyle<br>)</pre>
         <p>Draw an existing text layout as produced by <code><a href="/reference/androidx/compose/ui/text/TextMeasurer.html">TextMeasurer</a></code>.</p>
         <p>This draw function cannot relayout when async font loading resolves. If using async fonts or other dynamic text layout, you are responsible for invalidating layout on changes.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/ui/graphics/drawscope/DrawScopeKt.html b/testData/compose/docs/reference/androidx/compose/ui/graphics/drawscope/DrawScopeKt.html
index 747e104..f322f3a 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/graphics/drawscope/DrawScopeKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/graphics/drawscope/DrawScopeKt.html
@@ -553,7 +553,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.graphics.drawscope.DrawScope).withTransform(kotlin.Function1,kotlin.Function1)">withTransform</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScopeKt.html#(androidx.compose.ui.graphics.drawscope.DrawScope).withTransform(kotlin.Function1,kotlin.Function1)">withTransform</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawTransform.html">DrawTransform</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;transformBlock,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;drawBlock<br>)</pre>
         <p>Perform 1 or more transformations and execute drawing commands with the specified transformations applied. After this call is complete, the transformation before this call was made is restored</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.graphics.drawscope.inset
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/key/Key.html b/testData/compose/docs/reference/androidx/compose/ui/input/key/Key.html
index aff384c..51c08f0 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/key/Key.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/key/Key.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Represents keys on a keyboard.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEvent.html b/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEvent.html
index aa71775..7a3afc9 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEvent.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEvent.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>When a user presses a key on a hardware keyboard, a <code><a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a></code> is sent to the item that is currently focused. Any parent composable can intercept this <code><a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">key event</a></code> on its way to the focused item by using Modifier.onPreviewKeyEvent()]<code><a href="/reference/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.Modifier).onPreviewKeyEvent(kotlin.Function1)">onPreviewKeyEvent</a></code>. If the item is not consumed, it returns back to each parent and can be intercepted by using Modifier.onKeyEvent()]<code><a href="/reference/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.Modifier).onKeyEvent(kotlin.Function1)">onKeyEvent</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -210,7 +210,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getKey()">KeyEventKt.getKey</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/Key.html">Key</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html">KeyEventKt</a>.<a href="/reference/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).getKey()">getKey</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>The key that was pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -232,7 +232,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getKey()">KeyEventKt.getKey</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/Key.html">Key</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html">KeyEventKt</a>.<a href="/reference/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).getKey()">getKey</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>The key that was pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -254,7 +254,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getType()">KeyEventKt.getType</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html">KeyEventKt</a>.<a href="/reference/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).getType()">getType</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>The <code><a href="/reference/androidx/compose/ui/input/key/KeyEventType.html">type</a></code> of key event.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -277,7 +277,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getType()">KeyEventKt.getType</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html">KeyEventKt</a>.<a href="/reference/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).getType()">getType</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>The <code><a href="/reference/androidx/compose/ui/input/key/KeyEventType.html">type</a></code> of key event.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -315,7 +315,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsAltPressed()">KeyEventKt.isAltPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html">KeyEventKt</a>.<a href="/reference/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).getIsAltPressed()">isAltPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Alt key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -337,7 +337,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsAltPressed()">KeyEventKt.isAltPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html">KeyEventKt</a>.<a href="/reference/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).getIsAltPressed()">isAltPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Alt key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -359,7 +359,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsCtrlPressed()">KeyEventKt.isCtrlPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html">KeyEventKt</a>.<a href="/reference/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).getIsCtrlPressed()">isCtrlPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Ctrl key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -381,7 +381,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsCtrlPressed()">KeyEventKt.isCtrlPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html">KeyEventKt</a>.<a href="/reference/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).getIsCtrlPressed()">isCtrlPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Ctrl key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -403,7 +403,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsMetaPressed()">KeyEventKt.isMetaPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html">KeyEventKt</a>.<a href="/reference/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).getIsMetaPressed()">isMetaPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Meta key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -425,7 +425,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsMetaPressed()">KeyEventKt.isMetaPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html">KeyEventKt</a>.<a href="/reference/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).getIsMetaPressed()">isMetaPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Meta key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -447,7 +447,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsShiftPressed()">KeyEventKt.isShiftPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html">KeyEventKt</a>.<a href="/reference/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).getIsShiftPressed()">isShiftPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Shift key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -469,7 +469,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsShiftPressed()">KeyEventKt.isShiftPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html">KeyEventKt</a>.<a href="/reference/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).getIsShiftPressed()">isShiftPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Shift key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEventKt.html b/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEventKt.html
index 6e4fb5a..806ffca 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEventKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEventKt.html
@@ -130,7 +130,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getKey()">getKey</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/Key.html">Key</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html#(androidx.compose.ui.input.key.KeyEvent).getKey()">getKey</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>The key that was pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -152,7 +152,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getKey()">getKey</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/Key.html">Key</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html#(androidx.compose.ui.input.key.KeyEvent).getKey()">getKey</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>The key that was pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -174,7 +174,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getType()">getType</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html#(androidx.compose.ui.input.key.KeyEvent).getType()">getType</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>The <code><a href="/reference/androidx/compose/ui/input/key/KeyEventType.html">type</a></code> of key event.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -197,7 +197,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getType()">getType</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html#(androidx.compose.ui.input.key.KeyEvent).getType()">getType</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>The <code><a href="/reference/androidx/compose/ui/input/key/KeyEventType.html">type</a></code> of key event.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -235,7 +235,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsAltPressed()">isAltPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html#(androidx.compose.ui.input.key.KeyEvent).getIsAltPressed()">isAltPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Alt key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -257,7 +257,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsAltPressed()">isAltPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html#(androidx.compose.ui.input.key.KeyEvent).getIsAltPressed()">isAltPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Alt key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -279,7 +279,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsCtrlPressed()">isCtrlPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html#(androidx.compose.ui.input.key.KeyEvent).getIsCtrlPressed()">isCtrlPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Ctrl key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -301,7 +301,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsCtrlPressed()">isCtrlPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html#(androidx.compose.ui.input.key.KeyEvent).getIsCtrlPressed()">isCtrlPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Ctrl key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -323,7 +323,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsMetaPressed()">isMetaPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html#(androidx.compose.ui.input.key.KeyEvent).getIsMetaPressed()">isMetaPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Meta key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -345,7 +345,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsMetaPressed()">isMetaPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html#(androidx.compose.ui.input.key.KeyEvent).getIsMetaPressed()">isMetaPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Meta key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -367,7 +367,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsShiftPressed()">isShiftPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html#(androidx.compose.ui.input.key.KeyEvent).getIsShiftPressed()">isShiftPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Shift key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -389,7 +389,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).getIsShiftPressed()">isShiftPressed</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventKt.html#(androidx.compose.ui.input.key.KeyEvent).getIsShiftPressed()">isShiftPressed</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>&nbsp;receiver)</pre>
         <p>Indicates whether the Shift key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEventType.Companion.html b/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEventType.Companion.html
index c695090..7c9ecd6 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEventType.Companion.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEventType.Companion.html
@@ -56,7 +56,7 @@
         <h3 class="api-name" id="getKeyDown()">getKeyDown</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventType.Companion.html#getKeyDown()">getKeyDown</a>()</pre>
         <p>Type of KeyEvent sent when the user presses down their finger on a key on the keyboard.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -79,7 +79,7 @@
         <h3 class="api-name" id="getKeyUp()">getKeyUp</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventType.Companion.html#getKeyUp()">getKeyUp</a>()</pre>
         <p>Type of KeyEvent sent when the user lifts their finger off a key on the keyboard.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -102,7 +102,7 @@
         <h3 class="api-name" id="getUnknown()">getUnknown</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyEventType.Companion.html#getUnknown()">getUnknown</a>()</pre>
         <p>Unknown key event.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEventType.html b/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEventType.html
index 2bb96a2..467e5dd 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEventType.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyEventType.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>The type of Key Event.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyInputModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyInputModifierKt.html
index 2c5820b..164a854 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyInputModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/key/KeyInputModifierKt.html
@@ -46,7 +46,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onKeyEvent(kotlin.Function1)">onKeyEvent</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyInputModifierKt.html#(androidx.compose.ui.Modifier).onKeyEvent(kotlin.Function1)">onKeyEvent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Boolean.html">Boolean</a>&gt;&nbsp;onKeyEvent<br>)</pre>
         <p>Adding this <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept hardware key events when it (or one of its children) is focused.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -93,7 +93,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onPreviewKeyEvent(kotlin.Function1)">onPreviewKeyEvent</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/input/key/KeyInputModifierKt.html#(androidx.compose.ui.Modifier).onPreviewKeyEvent(kotlin.Function1)">onPreviewKeyEvent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Boolean.html">Boolean</a>&gt;&nbsp;onPreviewKeyEvent<br>)</pre>
         <p>Adding this <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept hardware key events when it (or one of its children) is focused.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/nestedscroll/NestedScrollModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/input/nestedscroll/NestedScrollModifierKt.html
index 482db18..4bd0e8a 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/nestedscroll/NestedScrollModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/nestedscroll/NestedScrollModifierKt.html
@@ -42,7 +42,7 @@
         <p>There are two ways to participate in the nested scroll: as a scrolling child by dispatching scrolling events via <code><a href="/reference/androidx/compose/ui/input/nestedscroll/NestedScrollDispatcher.html">NestedScrollDispatcher</a></code> to the nested scroll chain; and as a member of nested scroll chain by providing <code><a href="/reference/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a></code>, which will be called when another nested scrolling child below dispatches scrolling events.</p>
         <p>It's a mandatory to participate as a <code><a href="/reference/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a></code> in the chain, but scrolling events dispatch is optional since there are cases when element wants to participate in the nested scroll, but not a scrollable thing itself.</p>
         <p>Here's the collapsing toolbar example that participates in a chain, but doesn't dispatch:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.fillMaxSize
@@ -104,7 +104,7 @@
 }</pre>
         <p>On the other side, dispatch via <code><a href="/reference/androidx/compose/ui/input/nestedscroll/NestedScrollDispatcher.html">NestedScrollDispatcher</a></code> is optional. It's needed if a component is able to receive and react to the drag/fling events and you want this components to be able to notify parents when scroll occurs, resulting in better overall coordination.</p>
         <p>Here's the example of the component that is draggable and dispatches nested scroll to participate in the nested scroll chain:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.draggable
 import androidx.compose.foundation.gestures.rememberDraggableState
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html b/testData/compose/docs/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html
index 3ebbab9..d0d60e0 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html
@@ -353,7 +353,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/DragGestureDetectorKt.html">DragGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitDragOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId<br>)</pre>
         <p>Reads pointer input events until a drag is detected or all pointers are up. When the  final pointer is raised, the up event is returned. When a drag event is detected, the drag change will be returned. Note that if <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> has been raised, another pointer that is down will be used, if available, so the returned <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#id()">PointerInputChange.id</a></code> may differ from <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>. If the position change in the any direction has been consumed by the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerEventPass.html#Main">PointerEventPass.Main</a></code> pass, then the drag is considered canceled and <code>null</code> is returned.  If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is not down when <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitDragOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitDragOrCancellation
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -448,7 +448,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/DragGestureDetectorKt.html">DragGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitHorizontalDragOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId<br>)</pre>
         <p>Reads pointer input events until a horizontal drag is detected or all pointers are up. When the final pointer is raised, the up event is returned. When a drag event is detected, the drag change will be returned. Note that if <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> has been raised, another pointer that is down will be used, if available, so the returned <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#id()">PointerInputChange.id</a></code> may differ from <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>. If the position change has been consumed by the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerEventPass.html#Main">PointerEventPass.Main</a></code> pass, then the drag is considered canceled and <code>null</code> is returned. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is not down when <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitHorizontalDragOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitHorizontalDragOrCancellation
@@ -536,7 +536,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/DragGestureDetectorKt.html">DragGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitHorizontalTouchSlopOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onTouchSlopReached<br>)</pre>
         <p>Waits for horizontal drag motion to pass <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">touch slop</a></code>, using <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> as the pointer to examine. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is raised, another pointer from those that are down will be chosen to lead the gesture, and if none are down, <code>null</code> is returned.</p>
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> is called after <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">ViewConfiguration.touchSlop</a></code> motion in the horizontal direction with the change that caused the motion beyond touch slop and the pixels beyond touch slop. <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> should consume the position change if it accepts the motion. If it does, then the method returns that <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>. If not, touch slop detection will continue. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is not down when <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitHorizontalTouchSlopOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitHorizontalDragOrCancellation
@@ -642,7 +642,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/DragGestureDetectorKt.html">DragGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitLongPressOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitLongPressOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId<br>)</pre>
         <p>Waits for a long press by examining <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitLongPressOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>.</p>
         <p>If that <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitLongPressOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is raised (that is, the user lifts their finger), but another finger (<code><a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a></code>) is down at that time, another pointer will be chosen as the lead for the gesture, and if none are down, <code>null</code> is returned.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
@@ -709,7 +709,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/DragGestureDetectorKt.html">DragGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitTouchSlopOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onTouchSlopReached<br>)</pre>
         <p>Waits for drag motion to pass <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">touch slop</a></code>, using <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> as the pointer to examine. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is raised, another pointer from those that are down will be chosen to lead the gesture, and if none are down, <code>null</code> is returned. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is not down when <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitTouchSlopOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> is called after <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">ViewConfiguration.touchSlop</a></code> motion in the any direction with the change that caused the motion beyond touch slop and the <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code> beyond touch slop that has passed. <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> should consume the position change if it accepts the motion. If it does, then the method returns that <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>. If not, touch slop detection will continue.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitDragOrCancellation
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -822,7 +822,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/DragGestureDetectorKt.html">DragGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitVerticalDragOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId<br>)</pre>
         <p>Reads pointer input events until a vertical drag is detected or all pointers are up. When the final pointer is raised, the up event is returned. When a drag event is detected, the drag change will be returned. Note that if <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> has been raised, another pointer that is down will be used, if available, so the returned <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#id()">PointerInputChange.id</a></code> may differ from <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>. If the position change  has been consumed by the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerEventPass.html#Main">PointerEventPass.Main</a></code> pass, then the drag is considered canceled and <code>null</code> is returned. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is not down when <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitVerticalDragOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitVerticalDragOrCancellation
@@ -910,7 +910,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/DragGestureDetectorKt.html">DragGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitVerticalTouchSlopOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onTouchSlopReached<br>)</pre>
         <p>Waits for vertical drag motion to pass <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">touch slop</a></code>, using <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> as the pointer to examine. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is raised, another pointer from those that are down will be chosen to lead the gesture, and if none are down, <code>null</code> is returned. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is not down when <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitVerticalTouchSlopOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> is called after <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">ViewConfiguration.touchSlop</a></code> motion in the vertical direction with the change that caused the motion beyond touch slop and the pixels beyond touch slop. <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> should consume the position change if it accepts the motion. If it does, then the method returns that <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>. If not, touch slop detection will continue.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitVerticalDragOrCancellation
@@ -1015,7 +1015,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">DragGestureDetectorKt.drag</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/DragGestureDetectorKt.html">DragGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">drag</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onDrag<br>)</pre>
         <p>Reads position change events for <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> and calls <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">onDrag</a></code> for every change in position. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> is raised, a new pointer is chosen from those that are down and if none exist, the method returns. This does not wait for touch slop.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitTouchSlopOrCancellation
@@ -1135,7 +1135,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/DragGestureDetectorKt.html">DragGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">horizontalDrag</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onDrag<br>)</pre>
         <p>Reads horizontal position change events for <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> and calls <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">onDrag</a></code> for every change in position. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> is raised, a new pointer is chosen from those that are down and if none exist, the method returns. This does not wait for touch slop.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitHorizontalTouchSlopOrCancellation
@@ -1225,7 +1225,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">DragGestureDetectorKt.verticalDrag</h3>
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;boolean&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/DragGestureDetectorKt.html">DragGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">verticalDrag</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>&nbsp;pointerId,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onDrag<br>)</pre>
         <p>Reads vertical position change events for <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> and calls <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">onDrag</a></code> for every change in position. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> is raised, a new pointer is chosen from those that are down and if none exist, the method returns. This does not wait for touch slop</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitVerticalTouchSlopOrCancellation
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/pointer/PointerEvent.html b/testData/compose/docs/reference/androidx/compose/ui/input/pointer/PointerEvent.html
index bbfba45..9b1e76c 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/pointer/PointerEvent.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/pointer/PointerEvent.html
@@ -186,7 +186,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/TransformGestureDetectorKt.html">TransformGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroid(kotlin.Boolean)">calculateCentroid</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;useCurrent<br>)</pre>
         <p>Returns the centroid of all pointers that are down and were previously down. If no pointers are down, <code><a href="/reference/androidx/compose/ui/geometry/Offset.Companion.html#Unspecified()">Offset.Unspecified</a></code> is returned. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroid(kotlin.Boolean)">useCurrent</a></code> is <code>true</code>, the centroid of the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> is returned and if <code>false</code>, the centroid of the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> is returned. Only pointers that are down in both the previous and current state are used to calculate the centroid.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.calculateCentroid
 import androidx.compose.foundation.gestures.calculateCentroidSize
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -232,7 +232,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;float&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/TransformGestureDetectorKt.html">TransformGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroidSize(kotlin.Boolean)">calculateCentroidSize</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;useCurrent<br>)</pre>
         <p>Returns the average distance from the centroid for all pointers that are currently and were previously down. If no pointers are down, <code>0</code> is returned. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroidSize(kotlin.Boolean)">useCurrent</a></code> is <code>true</code>, the size of the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> is returned and if <code>false</code>, the size of <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> is returned. Only pointers that are down in both the previous and current state are used to calculate the centroid size.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.calculateCentroid
 import androidx.compose.foundation.gestures.calculateCentroidSize
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -278,7 +278,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/TransformGestureDetectorKt.html">TransformGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html#(androidx.compose.ui.input.pointer.PointerEvent).calculatePan()">calculatePan</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>&nbsp;receiver)</pre>
         <p>Returns the change in the centroid location between the previous and the current pointers that are down. Pointers that are newly down or raised are not considered in the centroid movement.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.calculatePan
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -318,7 +318,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;float&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/TransformGestureDetectorKt.html">TransformGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateRotation()">calculateRotation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>&nbsp;receiver<br>)</pre>
         <p>Returns the rotation, in degrees, of the pointers between the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> and <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> states. Only the pointers that are down in both previous and current states are considered.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.calculateRotation
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -353,7 +353,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;float&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/TransformGestureDetectorKt.html">TransformGestureDetectorKt</a>.<a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateZoom()">calculateZoom</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>&nbsp;receiver<br>)</pre>
         <p>Uses the change of the centroid size between the <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> and <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> to determine how much zoom was intended.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.calculateZoom
 import androidx.compose.foundation.gestures.awaitFirstDown
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/pointer/PointerIconKt.html b/testData/compose/docs/reference/androidx/compose/ui/input/pointer/PointerIconKt.html
index 3182cf4..85cf164 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/pointer/PointerIconKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/pointer/PointerIconKt.html
@@ -63,7 +63,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).pointerHoverIcon(androidx.compose.ui.input.pointer.PointerIcon,kotlin.Boolean)">pointerHoverIcon</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/input/pointer/PointerIconKt.html#(androidx.compose.ui.Modifier).pointerHoverIcon(androidx.compose.ui.input.pointer.PointerIcon,kotlin.Boolean)">pointerHoverIcon</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/pointer/PointerIcon.html">PointerIcon</a>&nbsp;icon,<br>&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;overrideDescendants<br>)</pre>
         <p>Creates modifier which specifies desired pointer icon when the cursor is over the modified element.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.text.selection.SelectionContainer
 import androidx.compose.material.Text
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/pointer/PointerInputScope.html b/testData/compose/docs/reference/androidx/compose/ui/input/pointer/PointerInputScope.html
index d654b19..9b4d12c 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/pointer/PointerInputScope.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/pointer/PointerInputScope.html
@@ -297,7 +297,7 @@
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragStart</a></code> called when the touch slop has been passed and includes an <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code> representing the last known pointer position relative to the containing element. The <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code> can be outside the actual bounds of the element itself meaning the numbers can be negative or larger than the element bounds if the touch target is smaller than the <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#minimumTouchTargetSize()">ViewConfiguration.minimumTouchTargetSize</a></code>.</p>
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectDragGestures
 import androidx.compose.foundation.layout.Box
@@ -374,7 +374,7 @@
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGesturesAfterLongPress(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragStart</a></code> called when a long press is detected and includes an <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code> representing the last known pointer position relative to the containing element. The <code><a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a></code> can be outside the actual bounds of the element itself meaning the numbers can be negative or larger than the element bounds if the touch target is smaller than the <code><a href="/reference/androidx/compose/ui/platform/ViewConfiguration.html#minimumTouchTargetSize()">ViewConfiguration.minimumTouchTargetSize</a></code>.</p>
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGesturesAfterLongPress(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGesturesAfterLongPress(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture. This function will automatically consume all the position change after the long press.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectDragGesturesAfterLongPress
 import androidx.compose.foundation.layout.Box
@@ -450,7 +450,7 @@
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectHorizontalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectHorizontalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture.</p>
         <p>This gesture detector will coordinate with <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectVerticalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">detectVerticalDragGestures</a></code> and <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitVerticalTouchSlopOrCancellation</a></code> to ensure only vertical or horizontal dragging is locked, but not both.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectHorizontalDragGestures
 import androidx.compose.foundation.layout.Box
@@ -517,7 +517,7 @@
         <p><code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectVerticalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectVerticalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture.</p>
         <p>This gesture detector will coordinate with <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectHorizontalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">detectHorizontalDragGestures</a></code> and <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitHorizontalTouchSlopOrCancellation</a></code> to ensure only vertical or horizontal dragging is locked, but not both.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectVerticalDragGestures
 import androidx.compose.foundation.layout.Box
@@ -582,7 +582,7 @@
         <p>A gesture detector for rotation, panning, and zoom. Once touch slop has been reached, the user can use rotation, panning and zoom gestures. <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">onGesture</a></code> will be called when any of the rotation, zoom or pan occurs, passing the rotation angle in degrees, zoom in scale factor and pan as an offset in pixels. Each of these changes is a difference between the previous call and the current gesture. This will consume all position changes after touch slop has been reached. <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">onGesture</a></code> will also provide centroid of all the pointers that are down.</p>
         <p>If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">panZoomLock</a></code> is <code>true</code>, rotation is allowed only if touch slop is detected for rotation before pan or zoom motions. If not, pan and zoom gestures will be detected, but rotation gestures will not be. If <code><a href="/reference/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">panZoomLock</a></code> is <code>false</code>, once touch slop is reached, all three gestures are detected.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectTransformGestures
 import androidx.compose.foundation.layout.Box
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/pointer/SuspendingPointerInputFilterKt.html b/testData/compose/docs/reference/androidx/compose/ui/input/pointer/SuspendingPointerInputFilterKt.html
index aec73ea..eb8aeb5 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/pointer/SuspendingPointerInputFilterKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/pointer/SuspendingPointerInputFilterKt.html
@@ -70,7 +70,7 @@
         <p><code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">pointerInput</a></code>s may call <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputScope.html#awaitPointerEventScope(kotlin.coroutines.SuspendFunction1)">PointerInputScope.awaitPointerEventScope</a></code> to install a pointer input handler that can <code><a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#awaitPointerEvent(androidx.compose.ui.input.pointer.PointerEventPass)">AwaitPointerEventScope.awaitPointerEvent</a></code> to receive and consume pointer input events. Extension functions on <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputScope.html">PointerInputScope</a></code> or <code><a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a></code> may be defined to perform higher-level gesture detection. The pointer input handling <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> will be cancelled and <b>re-started</b> when <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> is recomposed with a different <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">key1</a></code>.</p>
         <p>When a <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> modifier is created by composition, if <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> captures any local variables to operate on, two patterns are common for working with changes to those variables depending on the desired behavior.</p>
         <p>Specifying the captured value as a <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">key</a></code> parameter will cause <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> to cancel and restart from the beginning if the value changes:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -91,7 +91,7 @@
     )
 }</pre>
         <p>If <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> should <b>not</b> restart when a captured value is changed but the value should still be updated for its next use, use <code><a href="/reference/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> to update a value holder that is accessed by <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -124,7 +124,7 @@
         <p><code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">pointerInput</a></code>s may call <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputScope.html#awaitPointerEventScope(kotlin.coroutines.SuspendFunction1)">PointerInputScope.awaitPointerEventScope</a></code> to install a pointer input handler that can <code><a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#awaitPointerEvent(androidx.compose.ui.input.pointer.PointerEventPass)">AwaitPointerEventScope.awaitPointerEvent</a></code> to receive and consume pointer input events. Extension functions on <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputScope.html">PointerInputScope</a></code> or <code><a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a></code> may be defined to perform higher-level gesture detection. The pointer input handling <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code> will be cancelled and <b>re-started</b> when <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> is recomposed with any different <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">keys</a></code>.</p>
         <p>When a <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> modifier is created by composition, if <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code> captures any local variables to operate on, two patterns are common for working with changes to those variables depending on the desired behavior.</p>
         <p>Specifying the captured value as a <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">key</a></code> parameter will cause <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code> to cancel and restart from the beginning if the value changes:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -145,7 +145,7 @@
     )
 }</pre>
         <p>If <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code> should <b>not</b> restart when a captured value is changed but the value should still be updated for its next use, use <code><a href="/reference/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> to update a value holder that is accessed by <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -178,7 +178,7 @@
         <p><code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">pointerInput</a></code>s may call <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputScope.html#awaitPointerEventScope(kotlin.coroutines.SuspendFunction1)">PointerInputScope.awaitPointerEventScope</a></code> to install a pointer input handler that can <code><a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#awaitPointerEvent(androidx.compose.ui.input.pointer.PointerEventPass)">AwaitPointerEventScope.awaitPointerEvent</a></code> to receive and consume pointer input events. Extension functions on <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputScope.html">PointerInputScope</a></code> or <code><a href="/reference/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a></code> may be defined to perform higher-level gesture detection. The pointer input handling <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> will be cancelled and <b>re-started</b> when <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> is recomposed with a different <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key1</a></code> or <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key2</a></code>.</p>
         <p>When a <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> modifier is created by composition, if <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> captures any local variables to operate on, two patterns are common for working with changes to those variables depending on the desired behavior.</p>
         <p>Specifying the captured value as a <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key</a></code> parameter will cause <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> to cancel and restart from the beginning if the value changes:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -199,7 +199,7 @@
     )
 }</pre>
         <p>If <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> should <b>not</b> restart when a captured value is changed but the value should still be updated for its next use, use <code><a href="/reference/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> to update a value holder that is accessed by <code><a href="/reference/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/androidx/compose/ui/input/rotary/RotaryInputModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/input/rotary/RotaryInputModifierKt.html
index 4d59721..edd804e 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/input/rotary/RotaryInputModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/input/rotary/RotaryInputModifierKt.html
@@ -46,7 +46,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onPreRotaryScrollEvent(kotlin.Function1)">onPreRotaryScrollEvent</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/input/rotary/RotaryInputModifierKt.html#(androidx.compose.ui.Modifier).onPreRotaryScrollEvent(kotlin.Function1)">onPreRotaryScrollEvent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Boolean.html">Boolean</a>&gt;&nbsp;onPreRotaryScrollEvent<br>)</pre>
         <p>Adding this <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept <code><a href="/reference/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a></code>s if it (or one of its children) is focused.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.horizontalScroll
@@ -202,7 +202,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onRotaryScrollEvent(kotlin.Function1)">onRotaryScrollEvent</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/input/rotary/RotaryInputModifierKt.html#(androidx.compose.ui.Modifier).onRotaryScrollEvent(kotlin.Function1)">onRotaryScrollEvent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Boolean.html">Boolean</a>&gt;&nbsp;onRotaryScrollEvent<br>)</pre>
         <p>Adding this <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept <code><a href="/reference/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a></code>s if it (or one of its children) is focused.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -246,7 +246,7 @@
     focusRequester.requestFocus()
 }</pre>
         <p>This sample demonstrates how a parent can add an <code><a href="/reference/androidx/compose/ui/input/rotary/package-summary.html#(androidx.compose.ui.Modifier).onRotaryScrollEvent(kotlin.Function1)">onRotaryScrollEvent</a></code> modifier to gain access to a <code><a href="/reference/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a></code> when a child does not consume it:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.horizontalScroll
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/AlignmentLine.html b/testData/compose/docs/reference/androidx/compose/ui/layout/AlignmentLine.html
index 30f38b2..94d26ef 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/AlignmentLine.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/AlignmentLine.html
@@ -45,7 +45,7 @@
     <p>When a layout provides a value for a particular <code><a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code>, this can be read by the parents of the layout after measuring, using the <code><a href="/reference/androidx/compose/ui/layout/Placeable.html#get(androidx.compose.ui.layout.AlignmentLine)">Placeable.get</a></code> operator on the corresponding <code><a href="/reference/androidx/compose/ui/layout/Placeable.html">Placeable</a></code> instance. Based on the position of the <code><a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code>, the parents can then decide the positioning of the children.</p>
     <p>Note that when a layout provides a value for an <code><a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code>, this will be automatically inherited by the layout's parent, which will offset the value by the position of the child within itself. This way, nested layout hierarchies are able to preserve the <code><a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code>s defined for deeply nested children, making it possible for non-direct parents to use these for positioning and alignment. When a layout inherits multiple values for the same <code><a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code> from different children, the position of the line within the layout will be computed by merging the children values using the provided <code><a href="/reference/androidx/compose/ui/layout/AlignmentLine.html#merger()">merger</a></code>. If a layout provides a value for an <code><a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code>, this will always be the position of the line, regardless of the values provided by children for the same line.</p>
     <p><code><a href="/reference/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code>s cannot be created directly, please create <code><a href="/reference/androidx/compose/ui/layout/VerticalAlignmentLine.html">VerticalAlignmentLine</a></code> or <code><a href="/reference/androidx/compose/ui/layout/HorizontalAlignmentLine.html">HorizontalAlignmentLine</a></code> instances instead.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.remember
 import androidx.compose.ui.layout.HorizontalAlignmentLine
 import androidx.compose.ui.layout.Layout
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutIdKt.html b/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutIdKt.html
index b8f5364..1e55594 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutIdKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutIdKt.html
@@ -47,7 +47,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&nbsp;<a href="/reference/androidx/compose/ui/layout/LayoutIdKt.html#(androidx.compose.ui.layout.Measurable).getLayoutId()">getLayoutId</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/Measurable.html">Measurable</a>&nbsp;receiver)</pre>
         <p>Retrieves the tag associated to a composable with the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">Modifier.layoutId</a></code> modifier. For a parent data value to be returned by this property when not using the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">Modifier.layoutId</a></code> modifier, the parent data value should implement the <code><a href="/reference/androidx/compose/ui/layout/LayoutIdParentData.html">LayoutIdParentData</a></code> interface.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
@@ -79,7 +79,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/layout/LayoutIdKt.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">layoutId</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&nbsp;layoutId)</pre>
         <p>Tag the element with <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">layoutId</a></code> to identify the element within its parent.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutKt.html b/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutKt.html
index 8666260..2f3ceba 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutKt.html
@@ -63,7 +63,7 @@
         <p>The measurement, layout and intrinsic measurement behaviours of this layout will be defined by the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">measurePolicy</a></code> instance. See <code><a href="/reference/androidx/compose/ui/layout/MeasurePolicy.html">MeasurePolicy</a></code> for more details.</p>
         <p>For a composable able to define its content according to the incoming constraints, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#BoxWithConstraints(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">androidx.compose.foundation.layout.BoxWithConstraints</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
 import androidx.compose.ui.unit.Constraints
@@ -101,7 +101,7 @@
     }
 }</pre>
         <p>Example usage with custom intrinsic measurements:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
 import androidx.compose.ui.unit.Constraints
@@ -230,7 +230,7 @@
         <p>The measurement, layout and intrinsic measurement behaviours of this layout will be defined by the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">measurePolicy</a></code> instance. See <code><a href="/reference/androidx/compose/ui/layout/MeasurePolicy.html">MeasurePolicy</a></code> for more details.</p>
         <p>For a composable able to define its content according to the incoming constraints, see <code><a href="/reference/androidx/compose/foundation/layout/package-summary.html#BoxWithConstraints(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">androidx.compose.foundation.layout.BoxWithConstraints</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
 import androidx.compose.ui.unit.Constraints
@@ -268,7 +268,7 @@
     }
 }</pre>
         <p>Example usage with custom intrinsic measurements:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
 import androidx.compose.ui.unit.Constraints
@@ -403,7 +403,7 @@
         <p>This overload accepts a list of multiple composable content lambdas, which allows treating measurables put into different content lambdas differently - measure policy will provide a list of lists of Measurables, not just a single list. Such list has the same size as the list of contents passed into <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> and contains the list of measurables of the corresponding content lambda in the same order.</p>
         <p>Note that layouts emitted as part of all <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.collections.List,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MultiContentMeasurePolicy)">contents</a></code> lambdas will be added as a direct children for this <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>. This means that if you set a custom z index on some children, the drawing order will be calculated as if they were all provided as part of one lambda.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
 
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutModifier.html b/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutModifier.html
index c2d9770..ee4e00c 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutModifier.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutModifier.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>A <code><a href="/reference/androidx/compose/ui/Modifier.Element.html">Modifier.Element</a></code> that changes how its wrapped content is measured and laid out. It has the same measurement and layout functionality as the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">androidx.compose.ui.layout.Layout</a></code> component, while wrapping exactly one layout due to it being a modifier. In contrast, the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">androidx.compose.ui.layout.Layout</a></code> component is used to define the layout behavior of multiple children.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutModifierKt.html
index 2276e3b..9b7639b 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/LayoutModifierKt.html
@@ -41,7 +41,7 @@
         <p>Creates a <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> that allows changing how the wrapped element is measured and laid out.</p>
         <p>This is a convenience API of creating a custom <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> modifier, without having to create a class or an object that implements the <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> interface. The intrinsic measurements follow the default logic provided by the <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/LookaheadLayoutKt.html b/testData/compose/docs/reference/androidx/compose/ui/layout/LookaheadLayoutKt.html
index 6649bdd..4889eb7 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/LookaheadLayoutKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/LookaheadLayoutKt.html
@@ -42,7 +42,7 @@
         <p>During the lookahead pass, the layout adjustment logic defined in <code><a href="/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">LookaheadLayoutScope.intermediateLayout</a></code> will be skipped, so that any transient morphing of the layout is not taken into account when predetermining the target layout.</p>
         <p>Once the lookahead is finished, another measure & layout pass will begin. <code><a href="/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">LookaheadLayoutScope.intermediateLayout</a></code> can be used to create an intermediate layout based on incoming constraints and the lookahead results. This can result in layouts that gradually change their sizes & positions towards the target layout calculated by the lookahead.</p>
         <p><em>Caveat:</em> <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#SubcomposeLayout(androidx.compose.ui.Modifier,kotlin.Function2)">SubcomposeLayout</a></code> is not yet supported in <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#LookaheadLayout(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">LookaheadLayout</a></code>. It will be supported in an upcoming release.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html b/testData/compose/docs/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html
index 3ac7d9e..d9104fe 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p><code><a href="/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html">LookaheadLayoutScope</a></code> provides a receiver scope for all (direct and indirect) child layouts in <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#LookaheadLayout(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">LookaheadLayout</a></code>. In <code><a href="/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html">LookaheadLayoutScope</a></code>, the measurement and placement of any layout calculated in the lookahead pass can be observed via <code><a href="/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">Modifier.intermediateLayout</a></code> and <code><a href="/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).onPlaced(kotlin.Function2)">Modifier.onPlaced</a></code> respectively.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
@@ -186,7 +186,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">intermediateLayout</h3>
         <pre class="api-signature no-pretty-print">abstract&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">intermediateLayout</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function4&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/MeasureScope.html">MeasureScope</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/Measurable.html">Measurable</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/Constraints.html">Constraints</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/IntSize.html">IntSize</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/MeasureResult.html">MeasureResult</a>&gt;&nbsp;measure<br>)</pre>
         <p>Creates an intermediate layout based on target size of the child layout calculated in the lookahead. This allows the intermediate layout to morph the child layout after lookahead through <code><a href="/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">measure</a></code>, in which the size of the child layout calculated from the lookahead is provided. <code><a href="/reference/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">intermediateLayout</a></code> does <em>not</em> participate in the lookahead. It is only invoked for retroactively changing the layout based on the lookahead before the layout is drawn.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/Measurable.html b/testData/compose/docs/reference/androidx/compose/ui/layout/Measurable.html
index d2e3e89..dcbc57c 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/Measurable.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/Measurable.html
@@ -134,7 +134,7 @@
         <pre class="api-signature no-pretty-print">default&nbsp;final&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&nbsp;<a href="/reference/androidx/compose/ui/layout/LayoutIdKt.html">LayoutIdKt</a>.<a href="/reference/androidx/compose/ui/layout/Measurable.html#(androidx.compose.ui.layout.Measurable).getLayoutId()">getLayoutId</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/Measurable.html">Measurable</a>&nbsp;receiver)</pre>
         <p>Retrieves the tag associated to a composable with the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">Modifier.layoutId</a></code> modifier. For a parent data value to be returned by this property when not using the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">Modifier.layoutId</a></code> modifier, the parent data value should implement the <code><a href="/reference/androidx/compose/ui/layout/LayoutIdParentData.html">LayoutIdParentData</a></code> interface.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/OnGloballyPositionedModifier.html b/testData/compose/docs/reference/androidx/compose/ui/layout/OnGloballyPositionedModifier.html
index e7e4729..52fc5cb 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/OnGloballyPositionedModifier.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/OnGloballyPositionedModifier.html
@@ -15,7 +15,7 @@
     <hr>
     <p>A modifier whose <code><a href="/reference/androidx/compose/ui/layout/OnGloballyPositionedModifier.html#onGloballyPositioned(androidx.compose.ui.layout.LayoutCoordinates)">onGloballyPositioned</a></code> is called with the final LayoutCoordinates of the Layout when the global position of the content may have changed. Note that it will be called after a composition when the coordinates are finalized.</p>
     <p>Usage example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/OnGloballyPositionedModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/layout/OnGloballyPositionedModifierKt.html
index de04b56..cd9291a 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/OnGloballyPositionedModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/OnGloballyPositionedModifierKt.html
@@ -41,7 +41,7 @@
         <p>Invoke <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).onGloballyPositioned(kotlin.Function1)">onGloballyPositioned</a></code> with the <code><a href="/reference/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> of the element when the global position of the content may have changed. Note that it will be called <b>after</b> a composition when the coordinates are finalized.</p>
         <p>This callback will be invoked at least once when the <code><a href="/reference/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> are available, and every time the element's position changes within the window. However, it is not guaranteed to be invoked every time the position <em>relative to the screen</em> of the modified element changes. For example, the system may move the contents inside a window around without firing a callback. If you are using the <code><a href="/reference/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> to calculate position on the screen, and not just inside the window, you may not receive a callback.</p>
         <p>Usage example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/OnPlacedModifier.html b/testData/compose/docs/reference/androidx/compose/ui/layout/OnPlacedModifier.html
index 2bee161..2106074 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/OnPlacedModifier.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/OnPlacedModifier.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>A modifier whose <code><a href="/reference/androidx/compose/ui/layout/OnPlacedModifier.html#onPlaced(androidx.compose.ui.layout.LayoutCoordinates)">onPlaced</a></code> is called after the parent <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> and parent layout has been placed and before child <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> is placed. This allows child <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> to adjust its own placement based on where the parent is.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/OnPlacedModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/layout/OnPlacedModifierKt.html
index 769357f..407a484 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/OnPlacedModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/OnPlacedModifierKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onPlaced(kotlin.Function1)">onPlaced</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/layout/OnPlacedModifierKt.html#(androidx.compose.ui.Modifier).onPlaced(kotlin.Function1)">onPlaced</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onPlaced<br>)</pre>
         <p>Invoke <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).onPlaced(kotlin.Function1)">onPlaced</a></code> after the parent <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> and parent layout has been placed and before child <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> is placed. This allows child <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> to adjust its own placement based on where the parent is.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/OnRemeasuredModifier.html b/testData/compose/docs/reference/androidx/compose/ui/layout/OnRemeasuredModifier.html
index 4fe734b..ad2a9c6 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/OnRemeasuredModifier.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/OnRemeasuredModifier.html
@@ -15,7 +15,7 @@
     <hr>
     <p>A modifier whose <code><a href="/reference/androidx/compose/ui/layout/OnRemeasuredModifier.html#onRemeasured(androidx.compose.ui.unit.IntSize)">onRemeasured</a></code> is called when the layout content is remeasured. The most common usage is <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).onSizeChanged(kotlin.Function1)">onSizeChanged</a></code>.</p>
     <p>Example usage:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.layout.onSizeChanged
 
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/OnRemeasuredModifierKt.html b/testData/compose/docs/reference/androidx/compose/ui/layout/OnRemeasuredModifierKt.html
index 1199fde..b78de83 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/OnRemeasuredModifierKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/OnRemeasuredModifierKt.html
@@ -43,7 +43,7 @@
         <p>Using the <code>onSizeChanged</code> size value in a <code><a href="/reference/androidx/compose/runtime/MutableState.html">MutableState</a></code> to update layout causes the new size value to be read and the layout to be recomposed in the succeeding frame, resulting in a one frame lag.</p>
         <p>You can use <code>onSizeChanged</code> to affect drawing operations. Use <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> or <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#SubcomposeLayout(androidx.compose.ui.Modifier,kotlin.Function2)">SubcomposeLayout</a></code> to enable the size of one component to affect the size of another.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.layout.onSizeChanged
 
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/Placeable.PlacementScope.html b/testData/compose/docs/reference/androidx/compose/ui/layout/Placeable.PlacementScope.html
index 7dce5b9..f763215 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/Placeable.PlacementScope.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/Placeable.PlacementScope.html
@@ -157,7 +157,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>public&nbsp;<a href="/reference/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a>&nbsp;<a href="/reference/androidx/compose/ui/layout/Placeable.PlacementScope.html#getCoordinates()">getCoordinates</a>()</pre>
         <p>The <code><a href="/reference/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> of this layout, if known or <code>null</code> if the layout hasn't been placed yet. <code><a href="/reference/androidx/compose/ui/layout/Placeable.PlacementScope.html#coordinates()">coordinates</a></code> will be <code>null</code> when determining alignment lines, preventing alignment lines from depending on absolute coordinates.</p>
         <p>When <code><a href="/reference/androidx/compose/ui/layout/Placeable.PlacementScope.html#coordinates()">coordinates</a></code> is <code>null</code>, there will always be a follow-up placement call in which <code><a href="/reference/androidx/compose/ui/layout/Placeable.PlacementScope.html#coordinates()">coordinates</a></code> is not-<code>null</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.unit.IntOffset
 import androidx.compose.ui.unit.round
diff --git a/testData/compose/docs/reference/androidx/compose/ui/layout/SubcomposeLayoutKt.html b/testData/compose/docs/reference/androidx/compose/ui/layout/SubcomposeLayoutKt.html
index 54c3e00..5fec3d6 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/layout/SubcomposeLayoutKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/layout/SubcomposeLayoutKt.html
@@ -65,7 +65,7 @@
             <p>You want to compose your items lazily based on the available size. For example you have a list of 100 items and instead of composing all of them you only compose the ones which are currently visible(say 5 of them) and compose next items when the component is scrolled.</p>
           </li>
         </ul>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.SubcomposeLayout
 import androidx.compose.ui.unit.IntSize
 
@@ -133,7 +133,7 @@
             <p>You want to compose your items lazily based on the available size. For example you have a list of 100 items and instead of composing all of them you only compose the ones which are currently visible(say 5 of them) and compose next items when the component is scrolled.</p>
           </li>
         </ul>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.SubcomposeLayout
 import androidx.compose.ui.unit.IntSize
 
diff --git a/testData/compose/docs/reference/androidx/compose/ui/modifier/ModifierLocalKt.html b/testData/compose/docs/reference/androidx/compose/ui/modifier/ModifierLocalKt.html
index 646eb85..2215abe 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/modifier/ModifierLocalKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/modifier/ModifierLocalKt.html
@@ -39,7 +39,7 @@
         <h3 class="api-name" id="modifierLocalOf(kotlin.Function0)">modifierLocalOf</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/modifier/ProvidableModifierLocal.html">ProvidableModifierLocal</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;&lt;T&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/ui/modifier/ModifierLocalKt.html#modifierLocalOf(kotlin.Function0)">modifierLocalOf</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;defaultFactory)</pre>
         <p>Creates a <code><a href="/reference/androidx/compose/ui/modifier/ProvidableModifierLocal.html">ProvidableModifierLocal</a></code> and specifies a default factory.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -66,7 +66,7 @@
 
 )</pre>
         <p>Sample 2: Modifier sending a message to another to its left.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -102,7 +102,7 @@
 )</pre>
         <p>Here are examples where a modifier can communicate with another across layout nodes:</p>
         <p>Sample 1: Modifier sending a message to a modifier on a child layout node.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -127,7 +127,7 @@
     )
 }</pre>
         <p>Sample 2: Modifier sending a message to a modifier on a parent layout node.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/ui/modifier/ModifierLocalNode.html b/testData/compose/docs/reference/androidx/compose/ui/modifier/ModifierLocalNode.html
index 4857e84..c5c2f3a 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/modifier/ModifierLocalNode.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/modifier/ModifierLocalNode.html
@@ -37,7 +37,7 @@
     <hr>
     <p>A <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> that is capable of consuming and providing <code><a href="/reference/androidx/compose/ui/modifier/ModifierLocal.html">ModifierLocal</a></code> values.</p>
     <p>This is the <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> equivalent of the <code><a href="/reference/androidx/compose/ui/modifier/ModifierLocalConsumer.html">ModifierLocalConsumer</a></code> and <code><a href="/reference/androidx/compose/ui/modifier/ModifierLocalProvider.html">ModifierLocalProvider</a></code> interfaces.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.modifier.modifierLocalMapOf
 import androidx.compose.ui.modifier.modifierLocalOf
 import androidx.compose.ui.node.modifierElementOf
diff --git a/testData/compose/docs/reference/androidx/compose/ui/node/DelegatingNode.html b/testData/compose/docs/reference/androidx/compose/ui/node/DelegatingNode.html
index fde291b..d9d12f8 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/node/DelegatingNode.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/node/DelegatingNode.html
@@ -33,7 +33,7 @@
     <hr>
     <p>A <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> which is able to delegate work to other <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> instances.</p>
     <p>This can be useful to compose multiple node implementations into one.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.semantics.SemanticsConfiguration
 import androidx.compose.ui.semantics.onClick
 
diff --git a/testData/compose/docs/reference/androidx/compose/ui/node/DrawModifierNode.html b/testData/compose/docs/reference/androidx/compose/ui/node/DrawModifierNode.html
index 1c77882..0e3cad9 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/node/DrawModifierNode.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/node/DrawModifierNode.html
@@ -15,7 +15,7 @@
     <hr>
     <p>A <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> that draws into the space of the layout.</p>
     <p>This is the <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> equivalent of <code><a href="/reference/androidx/compose/ui/draw/DrawModifier.html">androidx.compose.ui.draw.DrawModifier</a></code></p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.ui.node.modifierElementOf
diff --git a/testData/compose/docs/reference/androidx/compose/ui/node/GlobalPositionAwareModifierNode.html b/testData/compose/docs/reference/androidx/compose/ui/node/GlobalPositionAwareModifierNode.html
index 4c93b77..e61dea3 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/node/GlobalPositionAwareModifierNode.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/node/GlobalPositionAwareModifierNode.html
@@ -16,7 +16,7 @@
     <p>A <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> whose <code><a href="/reference/androidx/compose/ui/node/GlobalPositionAwareModifierNode.html#onGloballyPositioned(androidx.compose.ui.layout.LayoutCoordinates)">onGloballyPositioned</a></code> is called with the final LayoutCoordinates of the Layout when the global position of the content may have changed. Note that it will be called after a composition when the coordinates are finalized.</p>
     <p>This is the <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> equivalent of <code><a href="/reference/androidx/compose/ui/layout/OnGloballyPositionedModifier.html">androidx.compose.ui.layout.OnGloballyPositionedModifier</a></code></p>
     <p>Usage example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -42,7 +42,7 @@
     Box(Modifier.size(20.dp).background(Color.Green))
     Box(Modifier.size(20.dp).background(Color.Blue))
 }</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.positionInRoot
 import androidx.compose.ui.layout.positionInWindow
 import androidx.compose.ui.node.modifierElementOf
diff --git a/testData/compose/docs/reference/androidx/compose/ui/node/LayoutAwareModifierNode.html b/testData/compose/docs/reference/androidx/compose/ui/node/LayoutAwareModifierNode.html
index c8eb50d..ae3d4f0 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/node/LayoutAwareModifierNode.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/node/LayoutAwareModifierNode.html
@@ -16,7 +16,7 @@
     <p>A <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> which receives various callbacks in response to local changes in layout.</p>
     <p>This is the <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> equivalent of <code><a href="/reference/androidx/compose/ui/layout/OnRemeasuredModifier.html">androidx.compose.ui.layout.OnRemeasuredModifier</a></code> and <code><a href="/reference/androidx/compose/ui/layout/OnPlacedModifier.html">androidx.compose.ui.layout.OnPlacedModifier</a></code></p>
     <p>Example usage:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.layout.onSizeChanged
 
@@ -28,7 +28,7 @@
         println(&quot;The size of the Text in pixels is $size&quot;)
     }
 )</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
@@ -83,7 +83,7 @@
         )
     }
 }</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 
 class SizeLoggerNode(var id: String) : LayoutAwareModifierNode, Modifier.Node() {
diff --git a/testData/compose/docs/reference/androidx/compose/ui/node/LayoutModifierNode.html b/testData/compose/docs/reference/androidx/compose/ui/node/LayoutModifierNode.html
index 221576d..bb2c9e8 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/node/LayoutModifierNode.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/node/LayoutModifierNode.html
@@ -37,7 +37,7 @@
     <hr>
     <p>A <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> that changes how its wrapped content is measured and laid out. It has the same measurement and layout functionality as the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">androidx.compose.ui.layout.Layout</a></code> component, while wrapping exactly one layout due to it being a modifier. In contrast, the <code><a href="/reference/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">androidx.compose.ui.layout.Layout</a></code> component is used to define the layout behavior of multiple children.</p>
     <p>This is the <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> equivalent of <code><a href="/reference/androidx/compose/ui/layout/LayoutModifier.html">androidx.compose.ui.layout.LayoutModifier</a></code></p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/androidx/compose/ui/node/ModifierNodeElementKt.html b/testData/compose/docs/reference/androidx/compose/ui/node/ModifierNodeElementKt.html
index 865185a..5b16321 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/node/ModifierNodeElementKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/node/ModifierNodeElementKt.html
@@ -46,7 +46,7 @@
         <h3 class="api-name" id="modifierElementOf(kotlin.Function0,kotlin.Function1)">modifierElementOf</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;&lt;T&nbsp;extends&nbsp;<a href="/reference/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a>&gt; <a href="/reference/androidx/compose/ui/node/ModifierNodeElementKt.html#modifierElementOf(kotlin.Function0,kotlin.Function1)">modifierElementOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;create,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;definitions<br>)</pre>
         <p>A helpful API for constructing a <code><a href="/reference/androidx/compose/ui/node/ModifierNodeElement.html">ModifierNodeElement</a></code> corresponding to a particular <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> implementation. This overload is expected to be used for parameter-less Modifier factories. For Modifier factories with parameters, consider using the overload of this method which accepts a &quot;params&quot; and &quot;update&quot; parameter.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 
 class Circle(var color: Color) : DrawModifierNode, Modifier.Node() {
@@ -63,7 +63,7 @@
         properties[&quot;color&quot;] = color
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 import androidx.compose.ui.semantics.SemanticsConfiguration
 import androidx.compose.ui.semantics.heading
@@ -135,7 +135,7 @@
         <h3 class="api-name" id="modifierElementOf(kotlin.Any,kotlin.Function0,kotlin.Function1,kotlin.Function1)">modifierElementOf</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;&lt;T&nbsp;extends&nbsp;<a href="/reference/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a>&gt; <a href="/reference/androidx/compose/ui/node/ModifierNodeElementKt.html#modifierElementOf(kotlin.Any,kotlin.Function0,kotlin.Function1,kotlin.Function1)">modifierElementOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&nbsp;key,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;create,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;update,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;definitions<br>)</pre>
         <p>A helpful API for constructing a <code><a href="/reference/androidx/compose/ui/node/ModifierNodeElement.html">ModifierNodeElement</a></code> corresponding to a particular <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> implementation.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 
 class Circle(var color: Color) : DrawModifierNode, Modifier.Node() {
@@ -152,7 +152,7 @@
         properties[&quot;color&quot;] = color
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -184,7 +184,7 @@
 Box(Modifier.background(Color.Gray).verticalPadding(50.dp)) {
     Box(Modifier.fillMaxSize().background(Color.DarkGray))
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.ui.node.modifierElementOf
@@ -204,7 +204,7 @@
     }
 )
 Box(Modifier.fillMaxSize().circle(Color.Blue))</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.positionInRoot
 import androidx.compose.ui.layout.positionInWindow
 import androidx.compose.ui.node.modifierElementOf
@@ -233,7 +233,7 @@
         properties[&quot;id&quot;] = id
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 
 class SizeLoggerNode(var id: String) : LayoutAwareModifierNode, Modifier.Node() {
@@ -251,7 +251,7 @@
         properties[&quot;id&quot;] = id
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 
 class OnPointerEventNode(var callback: (PointerEvent) -&gt; Unit) :
diff --git a/testData/compose/docs/reference/androidx/compose/ui/node/PointerInputModifierNode.html b/testData/compose/docs/reference/androidx/compose/ui/node/PointerInputModifierNode.html
index ce56b49..d3b8ba1 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/node/PointerInputModifierNode.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/node/PointerInputModifierNode.html
@@ -15,7 +15,7 @@
     <hr>
     <p>A <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> that receives <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>s, interprets them, and consumes the aspects of the changes that it is react to such that other <code><a href="/reference/androidx/compose/ui/node/PointerInputModifierNode.html">PointerInputModifierNode</a></code>s don't also react to them.</p>
     <p>This is the <code><a href="/reference/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> equivalent of <code><a href="/reference/androidx/compose/ui/input/pointer/PointerInputModifier.html">androidx.compose.ui.input.pointer.PointerInputModifier</a></code></p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 
 class OnPointerEventNode(var callback: (PointerEvent) -&gt; Unit) :
diff --git a/testData/compose/docs/reference/androidx/compose/ui/platform/InspectableValueKt.html b/testData/compose/docs/reference/androidx/compose/ui/platform/InspectableValueKt.html
index 2800c35..68cf809 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/platform/InspectableValueKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/platform/InspectableValueKt.html
@@ -68,7 +68,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;<a href="/reference/androidx/compose/ui/platform/InspectableValueKt.html#debugInspectorInfo(kotlin.Function1)">debugInspectorInfo</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;definitions<br>)</pre>
         <p>Use this to specify modifier information for compose tooling.</p>
         <p>This factory method allows the specified information to be stripped out by ProGuard in release builds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.platform.debugInspectorInfo
@@ -108,7 +108,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).inspectable(kotlin.Function1,kotlin.Function1)">inspectable</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;<a href="/reference/androidx/compose/ui/platform/InspectableValueKt.html#(androidx.compose.ui.Modifier).inspectable(kotlin.Function1,kotlin.Function1)">inspectable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;inspectorInfo,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/Modifier.html">Modifier</a>&gt;&nbsp;factory<br>)</pre>
         <p>Use this to group a common set of modifiers and provide <code><a href="/reference/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a></code> for the resulting modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.platform.debugInspectorInfo
diff --git a/testData/compose/docs/reference/androidx/compose/ui/platform/NestedScrollInteropConnectionKt.html b/testData/compose/docs/reference/androidx/compose/ui/platform/NestedScrollInteropConnectionKt.html
index 191d225..b3265c1 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/platform/NestedScrollInteropConnectionKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/platform/NestedScrollInteropConnectionKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a>&nbsp;<a href="/reference/androidx/compose/ui/platform/NestedScrollInteropConnectionKt.html#rememberNestedScrollInteropConnection(android.view.View)">rememberNestedScrollInteropConnection</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/android/view/View.html">View</a>&nbsp;hostView)</pre>
         <p>Create and <code><a href="/reference/androidx/compose/runtime/package-summary.html#remember(kotlin.Function0)">remember</a></code> the <code><a href="/reference/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a></code> that enables Nested Scroll Interop between a View parent that implements <code><a href="/reference/androidx/core/view/NestedScrollingParent3.html">androidx.core.view.NestedScrollingParent3</a></code> and a Compose child. This should be used in conjunction with a <code><a href="/reference/androidx/compose/ui/input/nestedscroll/package-summary.html#(androidx.compose.ui.Modifier).nestedScroll(androidx.compose.ui.input.nestedscroll.NestedScrollConnection,androidx.compose.ui.input.nestedscroll.NestedScrollDispatcher)">androidx.compose.ui.input.nestedscroll.nestedScroll</a></code> modifier. Nested Scroll is enabled by default on the compose side and you can use this connection to enable both nested scroll on the view side and to add glue logic between View and compose.</p>
         <p>Note that this only covers the use case where a cooperating parent is used. A cooperating parent is one that implements NestedScrollingParent3, a key layout that does that is <code><a href="/reference/androidx/coordinatorlayout/widget/CoordinatorLayout.html">androidx.coordinatorlayout.widget.CoordinatorLayout</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
diff --git a/testData/compose/docs/reference/androidx/compose/ui/platform/SoftwareKeyboardController.html b/testData/compose/docs/reference/androidx/compose/ui/platform/SoftwareKeyboardController.html
index 683c56c..bae29d8 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/platform/SoftwareKeyboardController.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/platform/SoftwareKeyboardController.html
@@ -65,7 +65,7 @@
         <pre class="api-signature no-pretty-print">abstract&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/platform/SoftwareKeyboardController.html#hide()">hide</a>()</pre>
         <p>Hide the software keyboard.</p>
         <p>This request is best effort, if the system cannot hide the software keyboard this call will silently be ignored.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -143,7 +143,7 @@
         <p>Request that the system show a software keyboard.</p>
         <p>This request is best effort. If the system can currently show a software keyboard, it will be shown. However, there is no guarantee that the system will be able to show a software keyboard. If the system cannot show a software keyboard currently, this call will be silently ignored.</p>
         <p>The software keyboard will never show if there is no composable that will accept text input, such as a <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">TextField</a></code> when it is focused. You may find it useful to ensure focus when calling this function.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
diff --git a/testData/compose/docs/reference/androidx/compose/ui/res/PainterResourcesKt.html b/testData/compose/docs/reference/androidx/compose/ui/res/PainterResourcesKt.html
index a5e7459..16d0a3f 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/res/PainterResourcesKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/res/PainterResourcesKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/painter/Painter.html">Painter</a>&nbsp;<a href="/reference/androidx/compose/ui/res/PainterResourcesKt.html#painterResource(kotlin.Int)">painterResource</a>(@<a href="/reference/androidx/annotation/DrawableRes.html">DrawableRes</a> int&nbsp;id)</pre>
         <p>Create a <code><a href="/reference/androidx/compose/ui/graphics/painter/Painter.html">Painter</a></code> from an Android resource id. This can load either an instance of <code><a href="/reference/androidx/compose/ui/graphics/painter/BitmapPainter.html">BitmapPainter</a></code> or <code><a href="/reference/androidx/compose/ui/graphics/vector/VectorPainter.html">VectorPainter</a></code> for <code><a href="/reference/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code> based assets or vector based assets respectively. The resources with the given id must point to either fully rasterized images (ex. PNG or JPG files) or VectorDrawable xml assets. API based xml Drawables are not supported here.</p>
         <p>Example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.requiredSize
 import androidx.compose.ui.res.painterResource
@@ -55,7 +55,7 @@
 )</pre>
         <p>Alternative Drawable implementations can be used with compose by calling <code><a href="/reference/androidx/compose/ui/graphics/drawscope/package-summary.html#(androidx.compose.ui.graphics.drawscope.DrawScope).drawIntoCanvas(kotlin.Function1)">drawIntoCanvas</a></code> and drawing with the Android framework canvas provided through <code><a href="/reference/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.graphics.Canvas).nativeCanvas()">nativeCanvas</a></code></p>
         <p>Example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.requiredSize
 import androidx.compose.ui.draw.drawBehind
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/AnnotatedString.Builder.html b/testData/compose/docs/reference/androidx/compose/ui/text/AnnotatedString.Builder.html
index 203925f..23b088e 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/AnnotatedString.Builder.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/AnnotatedString.Builder.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Builder class for AnnotatedString. Enables construction of an <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a></code> using methods such as <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#append(kotlin.String)">append</a></code> and <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#addStyle(androidx.compose.ui.text.SpanStyle,kotlin.Int,kotlin.Int)">addStyle</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
@@ -34,7 +34,7 @@
     toAnnotatedString()
 }</pre>
     <p>This class implements <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/-appendable/index.html">Appendable</a></code> and can be used with other APIs that don't know about <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a></code>s:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 val words = listOf(&quot;Hello&quot;, &quot;World&quot;)
@@ -332,7 +332,7 @@
         <h3 class="api-name" id="addStringAnnotation(kotlin.String,kotlin.String,kotlin.Int,kotlin.Int)">addStringAnnotation</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#addStringAnnotation(kotlin.String,kotlin.String,kotlin.Int,kotlin.Int)">addStringAnnotation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;tag,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;annotation,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;start,<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;end<br>)</pre>
         <p>Set an Annotation for the given <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">range</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 buildAnnotatedString {
@@ -484,7 +484,7 @@
         <h3 class="api-name" id="addTtsAnnotation(androidx.compose.ui.text.TtsAnnotation,kotlin.Int,kotlin.Int)">addTtsAnnotation</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#addTtsAnnotation(androidx.compose.ui.text.TtsAnnotation,kotlin.Int,kotlin.Int)">addTtsAnnotation</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/TtsAnnotation.html">TtsAnnotation</a>&nbsp;ttsAnnotation,&nbsp;int&nbsp;start,&nbsp;int&nbsp;end)</pre>
         <p>Set a <code><a href="/reference/androidx/compose/ui/text/TtsAnnotation.html">TtsAnnotation</a></code> for the given <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">range</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 buildAnnotatedString {
@@ -554,7 +554,7 @@
         <h3 class="api-name" id="addUrlAnnotation(androidx.compose.ui.text.UrlAnnotation,kotlin.Int,kotlin.Int)">addUrlAnnotation</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#addUrlAnnotation(androidx.compose.ui.text.UrlAnnotation,kotlin.Int,kotlin.Int)">addUrlAnnotation</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/UrlAnnotation.html">UrlAnnotation</a>&nbsp;urlAnnotation,&nbsp;int&nbsp;start,&nbsp;int&nbsp;end)</pre>
         <p>Set a <code><a href="/reference/androidx/compose/ui/text/UrlAnnotation.html">UrlAnnotation</a></code> for the given <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">range</a></code>. URLs may be treated specially by screen readers, including being identified while reading text with an audio icon or being summarized in a links menu.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 buildAnnotatedString {
@@ -837,7 +837,7 @@
         <h3 class="api-name" id="pushStringAnnotation(kotlin.String,kotlin.String)">pushStringAnnotation</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;int&nbsp;<a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#pushStringAnnotation(kotlin.String,kotlin.String)">pushStringAnnotation</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;tag,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;annotation)</pre>
         <p>Attach the given <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#pushStringAnnotation(kotlin.String,kotlin.String)">annotation</a></code> to any appended text until a corresponding <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#pop()">pop</a></code> is called.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 buildAnnotatedString {
@@ -907,7 +907,7 @@
         <h3 class="api-name" id="pushStyle(androidx.compose.ui.text.ParagraphStyle)">pushStyle</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;int&nbsp;<a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#pushStyle(androidx.compose.ui.text.ParagraphStyle)">pushStyle</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a>&nbsp;style)</pre>
         <p>Applies the given <code><a href="/reference/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a></code> to any appended text until a corresponding <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#pop()">pop</a></code> is called.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.ParagraphStyle
 
 with(AnnotatedString.Builder()) {
@@ -948,7 +948,7 @@
         <h3 class="api-name" id="pushStyle(androidx.compose.ui.text.SpanStyle)">pushStyle</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;int&nbsp;<a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#pushStyle(androidx.compose.ui.text.SpanStyle)">pushStyle</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a>&nbsp;style)</pre>
         <p>Applies the given <code><a href="/reference/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a></code> to any appended text until a corresponding <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#pop()">pop</a></code> is called.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
@@ -990,7 +990,7 @@
         <h3 class="api-name" id="pushTtsAnnotation(androidx.compose.ui.text.TtsAnnotation)">pushTtsAnnotation</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;int&nbsp;<a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#pushTtsAnnotation(androidx.compose.ui.text.TtsAnnotation)">pushTtsAnnotation</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/TtsAnnotation.html">TtsAnnotation</a>&nbsp;ttsAnnotation)</pre>
         <p>Attach the given <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#pushTtsAnnotation(androidx.compose.ui.text.TtsAnnotation)">ttsAnnotation</a></code> to any appended text until a corresponding <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#pop()">pop</a></code> is called.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 buildAnnotatedString {
@@ -1054,7 +1054,7 @@
         <h3 class="api-name" id="pushUrlAnnotation(androidx.compose.ui.text.UrlAnnotation)">pushUrlAnnotation</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>public&nbsp;final&nbsp;int&nbsp;<a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#pushUrlAnnotation(androidx.compose.ui.text.UrlAnnotation)">pushUrlAnnotation</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/UrlAnnotation.html">UrlAnnotation</a>&nbsp;urlAnnotation)</pre>
         <p>Attach the given <code><a href="/reference/androidx/compose/ui/text/UrlAnnotation.html">UrlAnnotation</a></code> to any appended text until a corresponding <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#pop()">pop</a></code> is called.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 buildAnnotatedString {
@@ -1360,7 +1360,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">AnnotatedStringKt.withStyle</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&nbsp;&lt;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/ui/text/AnnotatedStringKt.html">AnnotatedStringKt</a>.<a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">withStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a>&nbsp;style,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&nbsp;block<br>)</pre>
         <p>Pushes <code><a href="/reference/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">style</a></code> to the <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a></code>, executes <code><a href="/reference/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">block</a></code> and then pops the <code><a href="/reference/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">style</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.withStyle
@@ -1448,7 +1448,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">AnnotatedStringKt.withStyle</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&nbsp;&lt;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/ui/text/AnnotatedStringKt.html">AnnotatedStringKt</a>.<a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">withStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a>&nbsp;style,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&nbsp;block<br>)</pre>
         <p>Pushes <code><a href="/reference/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">style</a></code> to the <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a></code>, executes <code><a href="/reference/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">block</a></code> and then pops the <code><a href="/reference/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">style</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.withStyle
@@ -1536,7 +1536,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">InlineTextContentKt.appendInlineContent</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/text/InlineTextContentKt.html">InlineTextContentKt</a>.<a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html#(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">appendInlineContent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;id,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;alternateText<br>)</pre>
         <p>Used to insert composables into the text layout. This method can be used together with the inlineContent parameter of <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code>. It will append the <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">alternateText</a></code> to this <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a></code> and also mark this range of text to be replaced by a composable. <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code> will try to find an <code><a href="/reference/androidx/compose/foundation/text/InlineTextContent.html">InlineTextContent</a></code> in the map defined by inlineContent whose key equals to <code><a href="/reference/androidx/compose/foundation/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">id</a></code>, and it will use the <code><a href="/reference/androidx/compose/foundation/text/InlineTextContent.html#children()">InlineTextContent.children</a></code> to replace this range of text.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/AnnotatedString.html b/testData/compose/docs/reference/androidx/compose/ui/text/AnnotatedString.html
index 69905f5..a389741 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/AnnotatedString.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/AnnotatedString.html
@@ -269,7 +269,7 @@
         <h3 class="api-name" id="AnnotatedString(kotlin.String,kotlin.collections.List,kotlin.collections.List)">AnnotatedString</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;<a href="/reference/androidx/compose/ui/text/AnnotatedString.html#AnnotatedString(kotlin.String,kotlin.collections.List,kotlin.collections.List)">AnnotatedString</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;text,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/List.html">List</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Range.html">AnnotatedString.Range</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a>&gt;&gt;&nbsp;spanStyles,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/List.html">List</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Range.html">AnnotatedString.Range</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a>&gt;&gt;&nbsp;paragraphStyles<br>)</pre>
         <p>The basic data structure of text with multiple styles. To construct an <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a></code> you can use <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">Builder</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.ParagraphStyle
 import androidx.compose.ui.text.SpanStyle
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/AnnotatedStringKt.html b/testData/compose/docs/reference/androidx/compose/ui/text/AnnotatedStringKt.html
index 7fd416d..ad24f70 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/AnnotatedStringKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/AnnotatedStringKt.html
@@ -174,7 +174,7 @@
         <h3 class="api-name" id="buildAnnotatedString(kotlin.Function1)">buildAnnotatedString</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a>&nbsp;<a href="/reference/androidx/compose/ui/text/AnnotatedStringKt.html#buildAnnotatedString(kotlin.Function1)">buildAnnotatedString</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;builder<br>)</pre>
         <p>Build a new AnnotatedString by populating newly created <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a></code> provided by <code><a href="/reference/androidx/compose/ui/text/package-summary.html#buildAnnotatedString(kotlin.Function1)">builder</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.withStyle
@@ -647,7 +647,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">withStyle</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&nbsp;&lt;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/ui/text/AnnotatedStringKt.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">withStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a>&nbsp;style,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&nbsp;block<br>)</pre>
         <p>Pushes <code><a href="/reference/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">style</a></code> to the <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a></code>, executes <code><a href="/reference/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">block</a></code> and then pops the <code><a href="/reference/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">style</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.withStyle
@@ -735,7 +735,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">withStyle</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&nbsp;&lt;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/compose/ui/text/AnnotatedStringKt.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">withStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a>&nbsp;style,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-extension-function-type/index.html">ExtensionFunctionType</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&nbsp;block<br>)</pre>
         <p>Pushes <code><a href="/reference/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">style</a></code> to the <code><a href="/reference/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a></code>, executes <code><a href="/reference/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">block</a></code> and then pops the <code><a href="/reference/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">style</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.withStyle
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/ParagraphStyle.html b/testData/compose/docs/reference/androidx/compose/ui/text/ParagraphStyle.html
index 0154b8b..3b1c7ad 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/ParagraphStyle.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/ParagraphStyle.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Paragraph styling configuration for a paragraph. The difference between <code><a href="/reference/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a></code> and <code>ParagraphStyle</code> is that, <code>ParagraphStyle</code> can be applied to a whole <code><a href="/reference/androidx/compose/ui/text/Paragraph.html">Paragraph</a></code> while <code><a href="/reference/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a></code> can be applied at the character level. Once a portion of the text is marked with a <code>ParagraphStyle</code>, that portion will be separated from the remaining as if a line feed character was added.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.style.TextIndent
@@ -30,7 +30,7 @@
         &quot;nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&quot;,
     style = textStyle
 )</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.ParagraphStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -240,7 +240,7 @@
         <h3 class="api-name" id="ParagraphStyle(androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformParagraphStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens)">ParagraphStyle</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;<a href="/reference/androidx/compose/ui/text/ParagraphStyle.html#ParagraphStyle(androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformParagraphStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens)">ParagraphStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextAlign.html">TextAlign</a>&nbsp;textAlign,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDirection.html">TextDirection</a>&nbsp;textDirection,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;lineHeight,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextIndent.html">TextIndent</a>&nbsp;textIndent,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/PlatformParagraphStyle.html">PlatformParagraphStyle</a>&nbsp;platformStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/LineHeightStyle.html">LineHeightStyle</a>&nbsp;lineHeightStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/LineBreak.html">LineBreak</a>&nbsp;lineBreak,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/Hyphens.html">Hyphens</a>&nbsp;hyphens<br>)</pre>
         <p>Paragraph styling configuration for a paragraph. The difference between <code><a href="/reference/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a></code> and <code>ParagraphStyle</code> is that, <code>ParagraphStyle</code> can be applied to a whole <code><a href="/reference/androidx/compose/ui/text/Paragraph.html">Paragraph</a></code> while <code><a href="/reference/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a></code> can be applied at the character level. Once a portion of the text is marked with a <code>ParagraphStyle</code>, that portion will be separated from the remaining as if a line feed character was added.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.style.TextIndent
@@ -256,7 +256,7 @@
         &quot;nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&quot;,
     style = textStyle
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.ParagraphStyle
 import androidx.compose.ui.text.buildAnnotatedString
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/SpanStyle.html b/testData/compose/docs/reference/androidx/compose/ui/text/SpanStyle.html
index 84ae6d8..f11f354 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/SpanStyle.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/SpanStyle.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Styling configuration for a text span. This configuration only allows character level styling, in order to set paragraph level styling such as line height, or text alignment please see <code><a href="/reference/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -31,7 +31,7 @@
         }
     }
 )</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
@@ -320,7 +320,7 @@
         <h3 class="api-name" id="SpanStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow)">SpanStyle</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;<a href="/reference/androidx/compose/ui/text/SpanStyle.html#SpanStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow)">SpanStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;color,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;fontSize,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>&nbsp;fontWeight,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>&nbsp;fontStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>&nbsp;fontSynthesis,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>&nbsp;fontFamily,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;fontFeatureSettings,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;letterSpacing,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>&nbsp;baselineShift,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>&nbsp;textGeometricTransform,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>&nbsp;localeList,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;background,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;textDecoration,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Shadow.html">Shadow</a>&nbsp;shadow<br>)</pre>
         <p>Styling configuration for a text span. This configuration only allows character level styling, in order to set paragraph level styling such as line height, or text alignment please see <code><a href="/reference/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -337,7 +337,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
@@ -487,7 +487,7 @@
         <h3 class="api-name" id="SpanStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.PlatformSpanStyle)">SpanStyle</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;<a href="/reference/androidx/compose/ui/text/SpanStyle.html#SpanStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.PlatformSpanStyle)">SpanStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;color,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;fontSize,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>&nbsp;fontWeight,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>&nbsp;fontStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>&nbsp;fontSynthesis,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>&nbsp;fontFamily,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;fontFeatureSettings,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;letterSpacing,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>&nbsp;baselineShift,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>&nbsp;textGeometricTransform,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>&nbsp;localeList,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;background,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;textDecoration,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Shadow.html">Shadow</a>&nbsp;shadow,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/PlatformSpanStyle.html">PlatformSpanStyle</a>&nbsp;platformStyle<br>)</pre>
         <p>Styling configuration for a text span. This configuration only allows character level styling, in order to set paragraph level styling such as line height, or text alignment please see <code><a href="/reference/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -504,7 +504,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
@@ -660,7 +660,7 @@
         <h3 class="api-name" id="SpanStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.PlatformSpanStyle,androidx.compose.ui.graphics.drawscope.DrawStyle)">SpanStyle</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>public&nbsp;<a href="/reference/androidx/compose/ui/text/SpanStyle.html#SpanStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.PlatformSpanStyle,androidx.compose.ui.graphics.drawscope.DrawStyle)">SpanStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;color,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;fontSize,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>&nbsp;fontWeight,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>&nbsp;fontStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>&nbsp;fontSynthesis,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>&nbsp;fontFamily,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;fontFeatureSettings,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;letterSpacing,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>&nbsp;baselineShift,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>&nbsp;textGeometricTransform,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>&nbsp;localeList,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;background,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;textDecoration,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Shadow.html">Shadow</a>&nbsp;shadow,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/PlatformSpanStyle.html">PlatformSpanStyle</a>&nbsp;platformStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>&nbsp;drawStyle<br>)</pre>
         <p>Styling configuration for a text span. This configuration only allows character level styling, in order to set paragraph level styling such as line height, or text alignment please see <code><a href="/reference/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -677,7 +677,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
@@ -839,7 +839,7 @@
         <h3 class="api-name" id="SpanStyle(androidx.compose.ui.graphics.Brush,kotlin.Float,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.PlatformSpanStyle,androidx.compose.ui.graphics.drawscope.DrawStyle)">SpanStyle</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>public&nbsp;<a href="/reference/androidx/compose/ui/text/SpanStyle.html#SpanStyle(androidx.compose.ui.graphics.Brush,kotlin.Float,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.PlatformSpanStyle,androidx.compose.ui.graphics.drawscope.DrawStyle)">SpanStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;brush,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;fontSize,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>&nbsp;fontWeight,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>&nbsp;fontStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>&nbsp;fontSynthesis,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>&nbsp;fontFamily,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;fontFeatureSettings,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;letterSpacing,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>&nbsp;baselineShift,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>&nbsp;textGeometricTransform,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>&nbsp;localeList,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;background,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;textDecoration,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Shadow.html">Shadow</a>&nbsp;shadow,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/PlatformSpanStyle.html">PlatformSpanStyle</a>&nbsp;platformStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>&nbsp;drawStyle<br>)</pre>
         <p>Styling configuration for a text span. This configuration only allows character level styling, in order to set paragraph level styling such as line height, or text alignment please see <code><a href="/reference/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -861,7 +861,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/TextPainterKt.html b/testData/compose/docs/reference/androidx/compose/ui/text/TextPainterKt.html
index 47cfca5..2a7404e 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/TextPainterKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/TextPainterKt.html
@@ -61,7 +61,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/text/TextPainterKt.html#(androidx.compose.ui.graphics.drawscope.DrawScope).drawText(androidx.compose.ui.text.TextLayoutResult,androidx.compose.ui.graphics.Brush,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.drawscope.DrawStyle)">drawText</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/TextLayoutResult.html">TextLayoutResult</a>&nbsp;textLayoutResult,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;brush,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;topLeft,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Shadow.html">Shadow</a>&nbsp;shadow,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;textDecoration,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>&nbsp;drawStyle<br>)</pre>
         <p>Draw an existing text layout as produced by <code><a href="/reference/androidx/compose/ui/text/TextMeasurer.html">TextMeasurer</a></code>.</p>
         <p>This draw function cannot relayout when async font loading resolves. If using async fonts or other dynamic text layout, you are responsible for invalidating layout on changes.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.runtime.mutableStateOf
@@ -160,7 +160,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/text/TextPainterKt.html#(androidx.compose.ui.graphics.drawscope.DrawScope).drawText(androidx.compose.ui.text.TextLayoutResult,androidx.compose.ui.graphics.Color,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.drawscope.DrawStyle)">drawText</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/TextLayoutResult.html">TextLayoutResult</a>&nbsp;textLayoutResult,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;color,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/geometry/Offset.html">Offset</a>&nbsp;topLeft,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Shadow.html">Shadow</a>&nbsp;shadow,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;textDecoration,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>&nbsp;drawStyle<br>)</pre>
         <p>Draw an existing text layout as produced by <code><a href="/reference/androidx/compose/ui/text/TextMeasurer.html">TextMeasurer</a></code>.</p>
         <p>This draw function cannot relayout when async font loading resolves. If using async fonts or other dynamic text layout, you are responsible for invalidating layout on changes.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/TextStyle.html b/testData/compose/docs/reference/androidx/compose/ui/text/TextStyle.html
index 967fdf5..b733058 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/TextStyle.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/TextStyle.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Styling configuration for a <code>Text</code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 
@@ -412,7 +412,7 @@
         <h3 class="api-name" id="TextStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens)">TextStyle</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;<a href="/reference/androidx/compose/ui/text/TextStyle.html#TextStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens)">TextStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;color,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;fontSize,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>&nbsp;fontWeight,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>&nbsp;fontStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>&nbsp;fontSynthesis,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>&nbsp;fontFamily,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;fontFeatureSettings,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;letterSpacing,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>&nbsp;baselineShift,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>&nbsp;textGeometricTransform,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>&nbsp;localeList,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;background,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;textDecoration,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Shadow.html">Shadow</a>&nbsp;shadow,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextAlign.html">TextAlign</a>&nbsp;textAlign,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDirection.html">TextDirection</a>&nbsp;textDirection,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;lineHeight,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextIndent.html">TextIndent</a>&nbsp;textIndent,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/PlatformTextStyle.html">PlatformTextStyle</a>&nbsp;platformStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/LineHeightStyle.html">LineHeightStyle</a>&nbsp;lineHeightStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/LineBreak.html">LineBreak</a>&nbsp;lineBreak,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/Hyphens.html">Hyphens</a>&nbsp;hyphens<br>)</pre>
         <p>Styling configuration for a <code>Text</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 
@@ -581,7 +581,7 @@
         <h3 class="api-name" id="TextStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens,androidx.compose.ui.text.style.TextMotion)">TextStyle</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>public&nbsp;<a href="/reference/androidx/compose/ui/text/TextStyle.html#TextStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens,androidx.compose.ui.text.style.TextMotion)">TextStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;color,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;fontSize,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>&nbsp;fontWeight,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>&nbsp;fontStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>&nbsp;fontSynthesis,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>&nbsp;fontFamily,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;fontFeatureSettings,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;letterSpacing,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>&nbsp;baselineShift,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>&nbsp;textGeometricTransform,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>&nbsp;localeList,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;background,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;textDecoration,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Shadow.html">Shadow</a>&nbsp;shadow,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>&nbsp;drawStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextAlign.html">TextAlign</a>&nbsp;textAlign,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDirection.html">TextDirection</a>&nbsp;textDirection,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;lineHeight,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextIndent.html">TextIndent</a>&nbsp;textIndent,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/PlatformTextStyle.html">PlatformTextStyle</a>&nbsp;platformStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/LineHeightStyle.html">LineHeightStyle</a>&nbsp;lineHeightStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/LineBreak.html">LineBreak</a>&nbsp;lineBreak,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/Hyphens.html">Hyphens</a>&nbsp;hyphens,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextMotion.html">TextMotion</a>&nbsp;textMotion<br>)</pre>
         <p>Styling configuration for a <code>Text</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 
@@ -762,7 +762,7 @@
         <h3 class="api-name" id="TextStyle(androidx.compose.ui.graphics.Brush,kotlin.Float,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens,androidx.compose.ui.text.style.TextMotion)">TextStyle</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>public&nbsp;<a href="/reference/androidx/compose/ui/text/TextStyle.html#TextStyle(androidx.compose.ui.graphics.Brush,kotlin.Float,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens,androidx.compose.ui.text.style.TextMotion)">TextStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Brush.html">Brush</a>&nbsp;brush,<br>&nbsp;&nbsp;&nbsp;&nbsp;float&nbsp;alpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;fontSize,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>&nbsp;fontWeight,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>&nbsp;fontStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>&nbsp;fontSynthesis,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>&nbsp;fontFamily,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;fontFeatureSettings,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;letterSpacing,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>&nbsp;baselineShift,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>&nbsp;textGeometricTransform,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>&nbsp;localeList,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/graphics/Color.html">Color</a>&nbsp;background,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;textDecoration,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/Shadow.html">Shadow</a>&nbsp;shadow,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>&nbsp;drawStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextAlign.html">TextAlign</a>&nbsp;textAlign,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDirection.html">TextDirection</a>&nbsp;textDirection,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a>&nbsp;lineHeight,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextIndent.html">TextIndent</a>&nbsp;textIndent,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/PlatformTextStyle.html">PlatformTextStyle</a>&nbsp;platformStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/LineHeightStyle.html">LineHeightStyle</a>&nbsp;lineHeightStyle,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/LineBreak.html">LineBreak</a>&nbsp;lineBreak,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/Hyphens.html">Hyphens</a>&nbsp;hyphens,<br>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextMotion.html">TextMotion</a>&nbsp;textMotion<br>)</pre>
         <p>Styling configuration for a <code>Text</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/font/FontFamily.Companion.html b/testData/compose/docs/reference/androidx/compose/ui/text/font/FontFamily.Companion.html
index 650f3b4..d240618 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/font/FontFamily.Companion.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/font/FontFamily.Companion.html
@@ -71,7 +71,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/font/GenericFontFamily.html">GenericFontFamily</a>&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontFamily.Companion.html#getCursive()">getCursive</a>()</pre>
         <p>Cursive, hand-written like font family.</p>
         <p>If the device doesn't support this font family, the system will fallback to the default font.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
@@ -89,7 +89,7 @@
         <h3 class="api-name" id="getMonospace()">getMonospace</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/font/GenericFontFamily.html">GenericFontFamily</a>&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontFamily.Companion.html#getMonospace()">getMonospace</a>()</pre>
         <p>Font family where glyphs have the same fixed width.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
@@ -102,7 +102,7 @@
         <h3 class="api-name" id="getSansSerif()">getSansSerif</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/font/GenericFontFamily.html">GenericFontFamily</a>&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontFamily.Companion.html#getSansSerif()">getSansSerif</a>()</pre>
         <p>Font family with low contrast and plain stroke endings.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
@@ -115,7 +115,7 @@
         <h3 class="api-name" id="getSerif()">getSerif</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/font/GenericFontFamily.html">GenericFontFamily</a>&nbsp;<a href="/reference/androidx/compose/ui/text/font/FontFamily.Companion.html#getSerif()">getSerif</a>()</pre>
         <p>The formal text style for scripts.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/font/FontListFontFamily.html b/testData/compose/docs/reference/androidx/compose/ui/text/font/FontListFontFamily.html
index 7d90eb8..6805dd0 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/font/FontListFontFamily.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/font/FontListFontFamily.html
@@ -38,14 +38,14 @@
     </div>
     <hr>
     <p>Defines a font family with list of <code><a href="/reference/androidx/compose/ui/text/font/Font.html">Font</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
     text = &quot;Demo Text sans-serif&quot;,
     fontFamily = FontFamily.SansSerif
 )</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.font.Font
 import androidx.compose.ui.text.font.FontFamily
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/font/FontSynthesis.html b/testData/compose/docs/reference/androidx/compose/ui/text/font/FontSynthesis.html
index 9a5c362..089d2f7 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/font/FontSynthesis.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/font/FontSynthesis.html
@@ -18,7 +18,7 @@
     <p>If the font family does not include a requested <code><a href="/reference/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a></code> or <code><a href="/reference/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a></code>, the system fakes bold or slanted glyphs when the <code><a href="/reference/androidx/compose/ui/text/font/FontSynthesis.Companion.html#Weight()">Weight</a></code> or <code><a href="/reference/androidx/compose/ui/text/font/FontSynthesis.Companion.html#Style()">Style</a></code>, respectively, or both when <code><a href="/reference/androidx/compose/ui/text/font/FontSynthesis.Companion.html#All()">All</a></code> is set. If this is not desired, use <code><a href="/reference/androidx/compose/ui/text/font/FontSynthesis.Companion.html#None()">None</a></code> to disable font synthesis.</p>
     <p>It is possible to fake an increase of <code><a href="/reference/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a></code> but not a decrease. It is possible to fake a regular font slanted, but not vice versa.</p>
     <p><code>FontSynthesis</code> works the same way as the <a href="https://www.w3.org/TR/css-fonts-4/#font-synthesis">CSS font-synthesis</a> property.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.Font
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/font/ResourceFont.html b/testData/compose/docs/reference/androidx/compose/ui/text/font/ResourceFont.html
index 114bffb..186875f 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/font/ResourceFont.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/font/ResourceFont.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Defines a font to be used while rendering text with resource ID.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.font.Font
 import androidx.compose.ui.text.font.FontFamily
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/input/PasswordVisualTransformation.html b/testData/compose/docs/reference/androidx/compose/ui/text/input/PasswordVisualTransformation.html
index 8296e71..66f0ae4 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/input/PasswordVisualTransformation.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/input/PasswordVisualTransformation.html
@@ -117,7 +117,7 @@
         <p>Change the visual output of given text.</p>
         <p>Note that the returned text length can be different length from the given text. The composable will call the offset translator for converting offsets for various reasons, cursor drawing position, text selection by gesture, etc.</p>
         <p>Example: The ASCII only password (replacing with '*' chars) original text   : thisispassword transformed text: **************</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.input.TransformedText
 
@@ -131,7 +131,7 @@
     OffsetMapping.Identity
 )</pre>
         <p>Example: Credit Card Visual Output (inserting hyphens each 4 digits) original text   : 1234567890123456 transformed text: 1234-5678-9012-3456</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.input.TransformedText
 
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/input/VisualTransformation.html b/testData/compose/docs/reference/androidx/compose/ui/text/input/VisualTransformation.html
index bca685c..9c33ad7 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/input/VisualTransformation.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/input/VisualTransformation.html
@@ -88,7 +88,7 @@
         <p>Change the visual output of given text.</p>
         <p>Note that the returned text length can be different length from the given text. The composable will call the offset translator for converting offsets for various reasons, cursor drawing position, text selection by gesture, etc.</p>
         <p>Example: The ASCII only password (replacing with '*' chars) original text   : thisispassword transformed text: **************</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.input.TransformedText
 
@@ -102,7 +102,7 @@
     OffsetMapping.Identity
 )</pre>
         <p>Example: Credit Card Visual Output (inserting hyphens each 4 digits) original text   : 1234567890123456 transformed text: 1234-5678-9012-3456</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.input.TransformedText
 
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/style/BaselineShift.html b/testData/compose/docs/reference/androidx/compose/ui/text/style/BaselineShift.html
index c78aed2..6d9903f 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/style/BaselineShift.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/style/BaselineShift.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>The amount by which the text is shifted up or down from current the baseline.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -32,7 +32,7 @@
         }
     }
 )</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/style/LineBreak.html b/testData/compose/docs/reference/androidx/compose/ui/text/style/LineBreak.html
index 38acada..224c991 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/style/LineBreak.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/style/LineBreak.html
@@ -16,7 +16,7 @@
     <p>When soft wrap is enabled and the width of the text exceeds the width of its container, line breaks are inserted in the text to split it over multiple lines.</p>
     <p>There are a number of parameters that affect how the line breaks are inserted. For example, the breaking algorithm can be changed to one with improved readability at the cost of speed. Another example is the strictness, which in some languages determines which symbols can appear at the start of a line.</p>
     <p><code>LineBreak</code> represents a configuration for line breaking, offering several presets for different use cases: <code><a href="/reference/androidx/compose/ui/text/style/LineBreak.Companion.html#Simple()">Simple</a></code>, <code><a href="/reference/androidx/compose/ui/text/style/LineBreak.Companion.html#Heading()">Heading</a></code>, <code><a href="/reference/androidx/compose/ui/text/style/LineBreak.Companion.html#Paragraph()">Paragraph</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 
@@ -35,7 +35,7 @@
     )
 )</pre>
     <p>For further customization, each platform has its own parameters. An example on Android:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.style.LineBreak
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/style/TextDecoration.Companion.html b/testData/compose/docs/reference/androidx/compose/ui/text/style/TextDecoration.Companion.html
index 747cb95..01d3afd 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/style/TextDecoration.Companion.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/style/TextDecoration.Companion.html
@@ -62,7 +62,7 @@
         <h3 class="api-name" id="combine(kotlin.collections.List)">combine</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.Companion.html#combine(kotlin.collections.List)">combine</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/List.html">List</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&gt;&nbsp;decorations)</pre>
         <p>Creates a decoration that includes all the given decorations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
@@ -95,7 +95,7 @@
         <h3 class="api-name" id="getLineThrough()">getLineThrough</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.Companion.html#getLineThrough()">getLineThrough</a>()</pre>
         <p>Draws a horizontal line over the text.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
@@ -111,7 +111,7 @@
         <h3 class="api-name" id="getUnderline()">getUnderline</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.Companion.html#getUnderline()">getUnderline</a>()</pre>
         <p>Draws a horizontal line below the text.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/style/TextDecoration.html b/testData/compose/docs/reference/androidx/compose/ui/text/style/TextDecoration.html
index 35df221..5a6e6a5 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/style/TextDecoration.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/style/TextDecoration.html
@@ -132,7 +132,7 @@
         <h3 class="api-name" id="plus(androidx.compose.ui.text.style.TextDecoration)">plus</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextDecoration.html#plus(androidx.compose.ui.text.style.TextDecoration)">plus</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&nbsp;decoration)</pre>
         <p>Creates a decoration that includes both of the TextDecorations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
diff --git a/testData/compose/docs/reference/androidx/compose/ui/text/style/TextOverflow.Companion.html b/testData/compose/docs/reference/androidx/compose/ui/text/style/TextOverflow.Companion.html
index e661e76..676a69d 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/text/style/TextOverflow.Companion.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/text/style/TextOverflow.Companion.html
@@ -56,7 +56,7 @@
         <h3 class="api-name" id="getClip()">getClip</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/style/TextOverflow.html">TextOverflow</a>&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextOverflow.Companion.html#getClip()">getClip</a>()</pre>
         <p>Clip the overflowing text to fix its container.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
 import androidx.compose.material.Text
@@ -72,7 +72,7 @@
         <h3 class="api-name" id="getEllipsis()">getEllipsis</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/style/TextOverflow.html">TextOverflow</a>&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextOverflow.Companion.html#getEllipsis()">getEllipsis</a>()</pre>
         <p>Use an ellipsis to indicate that the text has overflowed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.width
 import androidx.compose.material.Text
@@ -89,7 +89,7 @@
         <h3 class="api-name" id="getVisible()">getVisible</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/text/style/TextOverflow.html">TextOverflow</a>&nbsp;<a href="/reference/androidx/compose/ui/text/style/TextOverflow.Companion.html#getVisible()">getVisible</a>()</pre>
         <p>Display all text, even if there is not enough space in the specified bounds. When overflow is visible, text may be rendered outside the bounds of the composable displaying the text. This ensures that all text is displayed to the user, and is typically the right choice for most text display. It does mean that the text may visually occupy a region larger than the bounds of it's composable. This can lead to situations where text displays outside the bounds of the background and clickable on a Text composable with a fixed height and width.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
@@ -116,7 +116,7 @@
     )
 }</pre>
         <p>To make the background and click region expand to match the size of the text, allow it to expand vertically/horizontally using <code>Modifier.heightIn</code>/<code>Modifier.widthIn</code> or similar.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
diff --git a/testData/compose/docs/reference/androidx/compose/ui/unit/Density.html b/testData/compose/docs/reference/androidx/compose/ui/unit/Density.html
index eae6d94..9a99f3c 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/unit/Density.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/unit/Density.html
@@ -118,7 +118,7 @@
 </devsite-expandable>    </div>
     <hr>
     <p>A density of the screen. Used for the conversions between pixels, <code><a href="/reference/androidx/compose/ui/unit/Dp.html">Dp</a></code>, <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></code> and <code><a href="/reference/androidx/compose/ui/unit/TextUnit.html">TextUnit</a></code>.</p>
-    <pre class="prettyprint">val sizeInPx = with(LocalDensity.current) { 16.dp.toPx() }</pre>
+    <pre class="prettyprint lang-kotlin">val sizeInPx = with(LocalDensity.current) { 16.dp.toPx() }</pre>
     <h2>Summary</h2>
     <div class="devsite-table-wrapper">
       <table class="responsive">
diff --git a/testData/compose/docs/reference/androidx/compose/ui/unit/Dp.html b/testData/compose/docs/reference/androidx/compose/ui/unit/Dp.html
index 0cbd932..82485af 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/unit/Dp.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/unit/Dp.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Dimension value representing device-independent pixels (dp). Component APIs specify their dimensions such as line thickness in DP with Dp objects. Hairline (1 pixel) thickness may be specified with <code><a href="/reference/androidx/compose/ui/unit/Dp.Companion.html#Hairline()">Hairline</a></code>, a dimension that take up no space. Dp are normally defined using <code><a href="/reference/androidx/compose/ui/unit/package-summary.html#(kotlin.Int).dp()">dp</a></code>, which can be applied to <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></code>, <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-double/index.html">Double</a></code>, and <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
 
@@ -27,7 +27,7 @@
     )
 )</pre>
     <p>Drawing and Layout are done in pixels. To retrieve the pixel size of a Dp, use <code><a href="/reference/androidx/compose/ui/unit/Density.html#(androidx.compose.ui.unit.Dp).toPx()">Density.toPx</a></code>:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.ui.graphics.drawscope.Stroke
diff --git a/testData/compose/docs/reference/androidx/compose/ui/viewinterop/AndroidViewKt.html b/testData/compose/docs/reference/androidx/compose/ui/viewinterop/AndroidViewKt.html
index 43dc380..26265ce 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/viewinterop/AndroidViewKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/viewinterop/AndroidViewKt.html
@@ -49,7 +49,7 @@
         <p><code><a href="/reference/androidx/compose/ui/viewinterop/package-summary.html#AndroidView(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)">AndroidView</a></code> is commonly needed for using Views that are infeasible to be reimplemented in Compose and there is no corresponding Compose API. Common examples for the moment are WebView, SurfaceView, AdView, etc.</p>
         <p><code><a href="/reference/androidx/compose/ui/viewinterop/package-summary.html#AndroidView(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)">AndroidView</a></code> will not clip its content to the layout bounds. Use <code><a href="https://developer.android.com/reference/android/view/View.html#setClipToOutline(kotlin.Boolean)">View.setClipToOutline</a></code> on the child View to clip the contents, if desired. Developers will likely want to do this with all subclasses of SurfaceView to keep its contents contained.</p>
         <p><code><a href="/reference/androidx/compose/ui/viewinterop/package-summary.html#AndroidView(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)">AndroidView</a></code> has nested scroll interop capabilities if the containing view has nested scroll enabled. This means this Composable can dispatch scroll deltas if it is placed inside a container that participates in nested scroll. For more information on how to enable nested scroll interop:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.rememberScrollableState
 import androidx.compose.foundation.gestures.scrollable
 import androidx.compose.foundation.layout.Box
@@ -77,7 +77,7 @@
         }
     )
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import android.widget.TextView
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
diff --git a/testData/compose/docs/reference/androidx/compose/ui/window/AndroidDialogKt.html b/testData/compose/docs/reference/androidx/compose/ui/window/AndroidDialogKt.html
index a8f5f9d..5458aee 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/window/AndroidDialogKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/window/AndroidDialogKt.html
@@ -42,7 +42,7 @@
         <p>A dialog is a small window that prompts the user to make a decision or enter additional information. A dialog does not fill the screen and is normally used for modal events that require users to take an action before they can proceed.</p>
         <p>The dialog is visible as long as it is part of the composition hierarchy. In order to let the user dismiss the Dialog, the implementation of <code><a href="/reference/androidx/compose/ui/window/package-summary.html#Dialog(kotlin.Function0,androidx.compose.ui.window.DialogProperties,kotlin.Function0)">onDismissRequest</a></code> should contain a way to remove the dialog from the composition hierarchy.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
diff --git a/testData/compose/docs/reference/androidx/compose/ui/window/AndroidPopupKt.html b/testData/compose/docs/reference/androidx/compose/ui/window/AndroidPopupKt.html
index 70c1bc5..2c752fc 100644
--- a/testData/compose/docs/reference/androidx/compose/ui/window/AndroidPopupKt.html
+++ b/testData/compose/docs/reference/androidx/compose/ui/window/AndroidPopupKt.html
@@ -54,7 +54,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a><br>public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/compose/ui/window/AndroidPopupKt.html#Popup(androidx.compose.ui.window.PopupPositionProvider,kotlin.Function0,androidx.compose.ui.window.PopupProperties,kotlin.Function0)">Popup</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/window/PopupPositionProvider.html">PopupPositionProvider</a>&nbsp;popupPositionProvider,<br>&nbsp;&nbsp;&nbsp;&nbsp;Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;onDismissRequest,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/compose/ui/window/PopupProperties.html">PopupProperties</a>&nbsp;properties,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;content<br>)</pre>
         <p>Opens a popup with the given content.</p>
         <p>The popup is positioned using a custom <code><a href="/reference/androidx/compose/ui/window/package-summary.html#Popup(androidx.compose.ui.window.PopupPositionProvider,kotlin.Function0,androidx.compose.ui.window.PopupProperties,kotlin.Function0)">popupPositionProvider</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -121,7 +121,7 @@
         <p>Opens a popup with the given content.</p>
         <p>A popup is a floating container that appears on top of the current activity. It is especially useful for non-modal UI surfaces that remain hidden until they are needed, for example floating menus like Cut/Copy/Paste.</p>
         <p>The popup is positioned relative to its parent, using the <code><a href="/reference/androidx/compose/ui/window/package-summary.html#Popup(androidx.compose.ui.Alignment,androidx.compose.ui.unit.IntOffset,kotlin.Function0,androidx.compose.ui.window.PopupProperties,kotlin.Function0)">alignment</a></code> and <code><a href="/reference/androidx/compose/ui/window/package-summary.html#Popup(androidx.compose.ui.Alignment,androidx.compose.ui.unit.IntOffset,kotlin.Function0,androidx.compose.ui.window.PopupProperties,kotlin.Function0)">offset</a></code>. The popup is visible as long as it is part of the composition hierarchy.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html
index 29b83c9..a3ef5e3 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html
@@ -143,7 +143,7 @@
         <p>This defines a horizontal/vertical slide-in that is specific to <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> from the edge of the container. The offset amount is dynamically calculated based on the current size of the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> and its content alignment. This offset (may be positive or negative based on the direction of the slide) is then passed to <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffset</a></code>. By default, <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffset</a></code> will be using the offset calculated from the system to slide the content in. <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideIntoContainer</a></code> is a convenient alternative to <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInHorizontally</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInVertically</a></code> when the incoming and outgoing content differ in size. Otherwise, it would be equivalent to <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInHorizontally</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInVertically</a></code> with an offset of the full width/height.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">towards</a></code> specifies the slide direction. Content can be slided into the container towards <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.SlideDirection.html#Left()">SlideDirection.Left</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.SlideDirection.html#Right()">SlideDirection.Right</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.SlideDirection.html#Up()">SlideDirection.Up</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.SlideDirection.html#Down()">SlideDirection.Down</a></code>.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">animationSpec</a></code> defines the animation that will be used to animate the slide-in.</p>
-        <pre class="prettyprint">// enum class NestedMenuState { Level1, Level2, Level3 }
+        <pre class="prettyprint lang-kotlin">// enum class NestedMenuState { Level1, Level2, Level3 }
 // This is an example of creating a transitionSpec for navigating in a nested menu. The goal
 // is to 1) establish a z-order for different levels of the menu, and 2) imply a spatial
 // order between the menus via the different slide direction when navigating to child menu vs
@@ -211,7 +211,7 @@
         <p>This defines a horizontal/vertical exit transition to completely slide out of the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> container. The offset amount is dynamically calculated based on the current size of the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> and the new target size. This offset gets passed to <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideOutOfContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffset</a></code> lambda. By default, <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideOutOfContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffset</a></code> uses this offset as is, but it can be customized to slide a distance based on the offset. <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideOutOfContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutOfContainer</a></code> is a convenient alternative to <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutHorizontally</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOutVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutVertically</a></code> when the incoming and outgoing content differ in size. Otherwise, it would be equivalent to <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutHorizontally</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOutVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutVertically</a></code> with an offset of the full width/height.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideOutOfContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">towards</a></code> specifies the slide direction. Content can be slided out of the container towards <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.SlideDirection.html#Left()">SlideDirection.Left</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.SlideDirection.html#Right()">SlideDirection.Right</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.SlideDirection.html#Up()">SlideDirection.Up</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.SlideDirection.html#Down()">SlideDirection.Down</a></code>.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideOutOfContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">animationSpec</a></code> defines the animation that will be used to animate the slide-out.</p>
-        <pre class="prettyprint">// enum class NestedMenuState { Level1, Level2, Level3 }
+        <pre class="prettyprint lang-kotlin">// enum class NestedMenuState { Level1, Level2, Level3 }
 // This is an example of creating a transitionSpec for navigating in a nested menu. The goal
 // is to 1) establish a z-order for different levels of the menu, and 2) imply a spatial
 // order between the menus via the different slide direction when navigating to child menu vs
@@ -275,7 +275,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.ContentTransform).using(androidx.compose.animation.SizeTransform)">using</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/animation/ExperimentalAnimationApi.html">ExperimentalAnimationApi</a><br>infix&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html">ContentTransform</a>.<a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#(androidx.compose.animation.ContentTransform).using(androidx.compose.animation.SizeTransform)">using</a>(sizeTransform:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/SizeTransform.html">SizeTransform</a>?):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html">ContentTransform</a></pre>
         <p>Customizes the <code><a href="/reference/kotlin/androidx/compose/animation/SizeTransform.html">SizeTransform</a></code> of a given <code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html">ContentTransform</a></code>. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html
index 344051e..091b852 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html
@@ -15,7 +15,7 @@
     <hr>
     <p>This is the scope for the content of <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code>. In this scope, direct and indirect children of <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> will be able to define their own enter/exit transitions using the built-in options via <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)">Modifier.animateEnterExit</a></code>. They will also be able define custom enter/exit animations using the <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">transition</a></code> object. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> will ensure both custom and built-in enter/exit animations finish before it considers itself idle, and subsequently removes its content in the case of exit.</p>
     <p><b>Note:</b> Custom enter/exit animations that are created <em>independent</em> of the <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code> will have no guarantee to finish when exiting, as <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> would have no visibility of such animations.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.tween
@@ -172,7 +172,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)">enter</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)">exit</a></code> defines different <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code>s and <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>s that will be used for the appearance and disappearance animation. There are 4 types of <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>: Fade, Expand/Shrink, Scale and Slide. The enter transitions can be combined using <code>+</code>. Same for exit transitions. The order of the combination does not matter, as the transition animations will start simultaneously. See <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code> for details on the three types of transition.</p>
         <p>By default, the enter transition will be a combination of <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code> of the content from the bottom end. And the exit transition will be shrinking the content towards the bottom end while fading out (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</a></code> + <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>). The expanding and shrinking will likely also animate the parent and siblings if they rely on the size of appearing/disappearing content.</p>
         <p>In some cases it may be desirable to have <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> apply no animation at all for enter and/or exit, such that children of <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> can each have their distinct animations. To achieve this, <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html#None()">EnterTransition.None</a></code> and/or <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html#None()">ExitTransition.None</a></code> can be used for <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/ContentTransform.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/ContentTransform.html
index 9d516e8..a739068 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/ContentTransform.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/ContentTransform.html
@@ -17,7 +17,7 @@
     <p><code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html#targetContentEnter()">targetContentEnter</a></code> defines the enter transition for the content associated with the new target state. It can be a combination of <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideIn</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInHorizontally</a></code> /<code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInVertically</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">AnimatedContentScope.slideIntoContainer</a></code>, and expand. Similarly, <code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html#initialContentExit()">initialContentExit</a></code> supports a combination of <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code> for animating out the initial content (i.e. outgoing content). If the initial content and target content are of different size, the <code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html#sizeTransform()">sizeTransform</a></code> will be triggered unless it's explicitly set to <code>null</code>. <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideIntoContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">AnimatedContentScope.slideIntoContainer</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedContentScope.html#slideOutOfContainer(androidx.compose.animation.AnimatedContentScope.SlideDirection,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">AnimatedContentScope.slideOutOfContainer</a></code> can provide container-size-aware sliding in from the edge of the container, or sliding out to the edge of the container.</p>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html">ContentTransform</a></code> supports the zIndex definition when the content enters the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> container via <code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html#targetContentZIndex()">targetContentZIndex</a></code>. By default, all content has a <code>0f</code> zIndex. Among content with the same zIndex, the incoming target content will be on top, as it will be placed last. However, this may not always be desired. zIndex can be specified to change that order. The content with higher zIndex guarantee to be placed on top of content with lower zIndex.</p>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html#sizeTransform()">sizeTransform</a></code> manages the expanding and shrinking of the container if there is any size change as new content enters the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> and old content leaves. Unlike <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code>, for <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> it is generally more predictable to manage the size of the container using <code><a href="/reference/kotlin/androidx/compose/animation/SizeTransform.html">SizeTransform</a></code> than influencing the size using <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">expandHorizontally</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>, etc for each content. By default, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> will be used to animate any size change, and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> will be clipped to the animated size. Both can be customized by supplying a different <code><a href="/reference/kotlin/androidx/compose/animation/SizeTransform.html">SizeTransform</a></code>. If no size animation is desired, <code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html#sizeTransform()">sizeTransform</a></code> can be set to <code>null</code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/EnterExitState.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/EnterExitState.html
index aa84e7c..47614c2 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/EnterExitState.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/EnterExitState.html
@@ -33,7 +33,7 @@
     <hr>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/EnterExitState.html">EnterExitState</a></code> contains the three states that are involved in the enter and exit transition of <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code>. More specifically, <code><a href="/reference/kotlin/androidx/compose/animation/EnterExitState.html#PreEnter">PreEnter</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/EnterExitState.html#Visible">Visible</a></code> defines the initial and target state of an <em>enter</em> transition, whereas <code><a href="/reference/kotlin/androidx/compose/animation/EnterExitState.html#Visible">Visible</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/EnterExitState.html#PostExit">PostExit</a></code> are the initial and target state of an <em>exit</em> transition.</p>
     <p>See blow for an example of custom enter/exit animation in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> using <code>Transition&lt;EnterExitState&gt;</code> (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code>):</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/EnterTransition.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/EnterTransition.html
index c4c4ced..66d2c2f 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/EnterTransition.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/EnterTransition.html
@@ -29,7 +29,7 @@
       </li>
     </ol>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html#None()">EnterTransition.None</a></code> can be used when no enter transition is desired. Different <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code>s can be combined using plus operator,  for example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.spring
 import androidx.compose.animation.core.tween
@@ -267,7 +267,7 @@
         <h3 class="api-name" id="plus(androidx.compose.animation.EnterTransition)">plus</h3>
         <pre class="api-signature no-pretty-print">operator&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html#plus(androidx.compose.animation.EnterTransition)">plus</a>(enter:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></pre>
         <p>Combines different enter transitions. The order of the <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code>s being combined does not matter, as these <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code>s will start simultaneously. The order of applying transforms from these enter transitions (if defined) is: alpha and scale first, shrink or expand, then slide.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.expandVertically
 import androidx.compose.animation.fadeIn
@@ -335,7 +335,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.EnterTransition).with(androidx.compose.animation.ExitTransition)">with</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/animation/ExperimentalAnimationApi.html">ExperimentalAnimationApi</a><br>infix&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a>.<a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html#(androidx.compose.animation.EnterTransition).with(androidx.compose.animation.ExitTransition)">with</a>(exit:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html">ContentTransform</a></pre>
         <p>This creates a <code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html">ContentTransform</a></code> using the provided <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.EnterTransition).with(androidx.compose.animation.ExitTransition)">exit</a></code>, where the enter and exit transition will be running simultaneously. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/ExitTransition.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/ExitTransition.html
index c65237d..2772c48 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/ExitTransition.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/ExitTransition.html
@@ -29,7 +29,7 @@
       </li>
     </ol>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html#None()">ExitTransition.None</a></code> can be used when no exit transition is desired. Different <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>s can be combined using plus operator, for example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.spring
 import androidx.compose.animation.core.tween
@@ -204,7 +204,7 @@
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html#None()">None</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></pre>
         <p>This can be used when no built-in <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code> (i.e. fade/slide, etc) is desired for the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code>, but rather the children are defining their own exit animation using the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> scope.</p>
         <p><b>Note:</b> If <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html#None()">None</a></code> is used, and nothing is animating in the Transition<EnterExitState> scope that <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> provided, the content will be removed from <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> right away.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.tween
@@ -330,7 +330,7 @@
         <h3 class="api-name" id="plus(androidx.compose.animation.ExitTransition)">plus</h3>
         <pre class="api-signature no-pretty-print">operator&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html#plus(androidx.compose.animation.ExitTransition)">plus</a>(exit:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></pre>
         <p>Combines different exit transitions. The order of the <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>s being combined does not matter, as these <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>s will start simultaneously. The order of applying transforms from these exit transitions (if defined) is: alpha and scale first, shrink or expand, then slide.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.expandVertically
 import androidx.compose.animation.fadeIn
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/SizeTransform.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/SizeTransform.html
index 87fe029..5894aa2 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/SizeTransform.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/SizeTransform.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/SizeTransform.html">SizeTransform</a></code> defines how to transform from one size to another when the size of the content changes. When <code><a href="/reference/kotlin/androidx/compose/animation/SizeTransform.html#clip()">clip</a></code> is true, the content will be clipped to the animation size. <code><a href="/reference/kotlin/androidx/compose/animation/SizeTransform.html#createAnimationSpec(androidx.compose.ui.unit.IntSize,androidx.compose.ui.unit.IntSize)">createAnimationSpec</a></code> specifies the animation spec for the size animation based on the initial and target size.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/Animatable.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/Animatable.html
index 15c8186..36364b6 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/Animatable.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/Animatable.html
@@ -15,7 +15,7 @@
     <hr>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> is a value holder that automatically animates its value when the value is changed via <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code>. If <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code> is invoked during an ongoing value change animation, a new animation will transition <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> from its current value (i.e. value at the point of interruption) to the new <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#targetValue()">targetValue</a></code>. This ensures that the value change is <b>always</b> continuous using <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code>. If a <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation (e.g. default animation) is used with <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code>, the velocity change will guarantee to be continuous as well.</p>
     <p>Unlike <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> ensures <em>mutual exclusiveness</em> on its animations. To achieve this, when a new animation is started via <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code> (or <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#animateDecay(kotlin.Any,androidx.compose.animation.core.DecayAnimationSpec,kotlin.Function1)">animateDecay</a></code>), any ongoing animation will be canceled via a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
@@ -296,7 +296,7 @@
         <p>Returns an <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationResult.html">AnimationResult</a></code> object, that contains the <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationEndReason.html">reason</a></code> for ending the animation, and an end state of the animation. The reason for ending the animation will be <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationEndReason.html#Finished">Finished</a></code> if the animation finishes successfully without any interruption. If the animation reaches the either <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#lowerBound()">lowerBound</a></code> or <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#upperBound()">upperBound</a></code> in any dimension, the animation will end with <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationEndReason.html#BoundReached">BoundReached</a></code> being the end reason.</p>
         <p>If the animation gets interrupted by 1) another call to start an animation (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#animateDecay(kotlin.Any,androidx.compose.animation.core.DecayAnimationSpec,kotlin.Function1)">animateDecay</a></code>), 2) <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#stop()">Animatable.stop</a></code>, or 3)<code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#snapTo(kotlin.Any)">Animatable.snapTo</a></code>, the canceled animation will throw a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code> as the job gets canceled. As a result, all the subsequent work in the caller's coroutine will be canceled. This is often the desired behavior. If there's any cleanup that needs to be done when an animation gets canceled, consider starting the animation in a <code>try-catch</code> block.</p>
         <p><b>Note</b>, once the animation ends, its velocity will be reset to 0. If there's a need to continue the momentum before the animation gets interrupted or reaches the bound, it's recommended to use the velocity in the returned <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationResult.html#endState()">AnimationResult.endState</a></code> to start another animation.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.calculateTargetValue
 import androidx.compose.animation.splineBasedDecay
@@ -388,7 +388,7 @@
         </ul>
         <p>If the animation gets interrupted by 1) another call to start an animation (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.Function1)">animateTo</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#animateDecay(kotlin.Any,androidx.compose.animation.core.DecayAnimationSpec,kotlin.Function1)">animateDecay</a></code>), 2) <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#stop()">Animatable.stop</a></code>, or 3)<code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#snapTo(kotlin.Any)">Animatable.snapTo</a></code>, the canceled animation will throw a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code> as the job gets canceled. As a result, all the subsequent work in the caller's coroutine will be canceled. This is often the desired behavior. If there's any cleanup that needs to be done when an animation gets canceled, consider starting the animation in a <code>try-catch</code> block.</p>
         <p><b>Note</b>: once the animation ends, its velocity will be reset to 0. The animation state at the point of interruption/reaching bound is captured in the returned <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationResult.html">AnimationResult</a></code>. If there's a need to continue the momentum that the animation had before it was interrupted or reached the bound, it's recommended to use the velocity in the returned <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationResult.html#endState()">AnimationResult.endState</a></code> to start another animation.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.tween
 import androidx.compose.runtime.LaunchedEffect
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/AnimationResult.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/AnimationResult.html
index ad204fc..15ef2f9 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/AnimationResult.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/AnimationResult.html
@@ -22,7 +22,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationEndReason.html#BoundReached">BoundReached</a></code> If the animation reaches the either <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#lowerBound()">lowerBound</a></code> or     <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html#upperBound()">upperBound</a></code> in any dimension, the animation will end with     <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationEndReason.html#BoundReached">BoundReached</a></code> being the end reason.</p>
       </li>
     </ul>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.exponentialDecay
 import androidx.compose.ui.geometry.Offset
 
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/AnimationState.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/AnimationState.html
index 63db53a..9d2a69e 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/AnimationState.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/AnimationState.html
@@ -476,7 +476,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</h3>
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;V&nbsp;:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/AnimationVector.html">AnimationVector</a>&gt; <a href="/reference/kotlin/androidx/compose/animation/core/AnimationState.html">AnimationState</a>&lt;T,&nbsp;V&gt;.<a href="/reference/kotlin/androidx/compose/animation/core/AnimationState.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;targetValue:&nbsp;T,<br>&nbsp;&nbsp;&nbsp;&nbsp;animationSpec:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/AnimationSpec.html">AnimationSpec</a>&lt;T&gt; = spring(),<br>&nbsp;&nbsp;&nbsp;&nbsp;sequentialAnimation:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false,<br>&nbsp;&nbsp;&nbsp;&nbsp;block:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/AnimationScope.html">AnimationScope</a>&lt;T,&nbsp;V&gt;.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a> = {}<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Target based animation that takes the value and velocity from the <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code> as the starting condition, and animate to the <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">targetValue</a></code>, using the <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animationSpec</a></code>. During the animation, the given <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code> will be updated with the up-to-date value/velocity, frame time, etc.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.AnimationState
 import androidx.compose.animation.core.animateTo
 import androidx.compose.animation.core.spring
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/InfiniteRepeatableSpec.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/InfiniteRepeatableSpec.html
index 07cfb70..6ce4eae 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/InfiniteRepeatableSpec.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/InfiniteRepeatableSpec.html
@@ -16,7 +16,7 @@
     <p><code><a href="/reference/kotlin/androidx/compose/animation/core/InfiniteRepeatableSpec.html">InfiniteRepeatableSpec</a></code> repeats the provided <code><a href="/reference/kotlin/androidx/compose/animation/core/InfiniteRepeatableSpec.html#animation()">animation</a></code> infinite amount of times. It will never naturally finish. This means the animation will only be stopped via some form of manual cancellation. When used with transition or other animation composables, the infinite animations will stop when the composable is removed from the compose tree.</p>
     <p>For non-infinite repeating animations, consider <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatableSpec.html">RepeatableSpec</a></code>.</p>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/core/InfiniteRepeatableSpec.html#initialStartOffset()">initialStartOffset</a></code> can be used to either delay the start of the animation or to fast forward the animation to a given play time. This start offset will <b>not</b> be repeated, whereas the delay in the <code><a href="/reference/kotlin/androidx/compose/animation/core/InfiniteRepeatableSpec.html#animation()">animation</a></code> (if any) will be repeated. By default, the amount of offset is 0.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.StartOffset
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/InfiniteTransition.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/InfiniteTransition.html
index a2f5c0b..79b4007 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/InfiniteTransition.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/InfiniteTransition.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/core/InfiniteTransition.html">InfiniteTransition</a></code> is responsible for running child animations. Child animations can be added using <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">InfiniteTransition.animateColor</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">InfiniteTransition.animateFloat</a></code>, or <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">InfiniteTransition.animateValue</a></code>. Child animations will start running as soon as they enter the composition, and will not stop until they are removed from the composition.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
@@ -182,7 +182,7 @@
         <p>Once the animation is created, it will run from <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> to <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> and repeat. Depending on the <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html">RepeatMode</a></code> of the provided <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">animationSpec</a></code>, the animation could either restart after each iteration (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html#Restart">RepeatMode.Restart</a></code>), or reverse after each iteration (i.e . <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html#Reverse">RepeatMode.Reverse</a></code>).</p>
         <p>If <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> is changed at any point during the animation, the animation will be restarted with the new <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code>. <b>Note</b>: this means continuity will <em>not</em> be preserved.</p>
         <p>A <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">label</a></code> for differentiating this animation from others in android studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
@@ -272,7 +272,7 @@
         <p>Once the animation is created, it will run from <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> to <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> and repeat. Depending on the <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html">RepeatMode</a></code> of the provided <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">animationSpec</a></code>, the animation could either restart after each iteration (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html#Restart">RepeatMode.Restart</a></code>), or reverse after each iteration (i.e . <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html#Reverse">RepeatMode.Reverse</a></code>).</p>
         <p>If <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> is changed at any point during the animation, the animation will be restarted with the new <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code>. <b>Note</b>: this means continuity will <em>not</em> be preserved.</p>
         <p>A <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">label</a></code> for differentiating this animation from others in android studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateValue
 import androidx.compose.animation.core.infiniteRepeatable
 import androidx.compose.animation.core.keyframes
@@ -331,7 +331,7 @@
         <p>Once the animation is created, it will run from <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> to <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> and repeat. Depending on the <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html">RepeatMode</a></code> of the provided <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">animationSpec</a></code>, the animation could either restart after each iteration (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html#Restart">RepeatMode.Restart</a></code>), or reverse after each iteration (i.e . <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html#Reverse">RepeatMode.Reverse</a></code>).</p>
         <p>If <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> is changed at any point during the animation, the animation will be restarted with the new initial/targetValue. <b>Note</b>: this means animation continuity will <em>not</em> be preserved when changing either <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code>.</p>
         <p>A <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">label</a></code> for differentiating this animation from others in android studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html
index daedf41..9060641 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html">KeyframesSpecConfig</a></code> stores a mutable configuration of the key frames, including <code><a href="/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html#durationMillis()">durationMillis</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html#delayMillis()">delayMillis</a></code>, and all the key frames. Each key frame defines what the animation value should be at a particular time. Once the key frames are fully configured, the <code><a href="/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html">KeyframesSpecConfig</a></code> can be used to create a <code><a href="/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.html">KeyframesSpec</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.keyframes
 import androidx.compose.ui.unit.DpOffset
 
@@ -258,7 +258,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.core.KeyframesSpec.KeyframeEntity).with(androidx.compose.animation.core.Easing)">with</h3>
         <pre class="api-signature no-pretty-print">infix&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.KeyframeEntity.html">KeyframesSpec.KeyframeEntity</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html#(androidx.compose.animation.core.KeyframesSpec.KeyframeEntity).with(androidx.compose.animation.core.Easing)">with</a>(easing:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/Easing.html">Easing</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Adds an <code><a href="/reference/kotlin/androidx/compose/animation/core/Easing.html">Easing</a></code> for the interval started with the just provided timestamp. For example:     0f at 50 with LinearEasing</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.keyframes
 
 // Use FastOutSlowInEasing for the interval from 0 to 50 ms, and LinearOutSlowInEasing for the
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.html
index 9380852..02d4d6e 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.html
@@ -15,7 +15,7 @@
     <hr>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.html">KeyframesSpec</a></code> creates a <code><a href="/reference/kotlin/androidx/compose/animation/core/VectorizedKeyframesSpec.html">VectorizedKeyframesSpec</a></code> animation.</p>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/core/VectorizedKeyframesSpec.html">VectorizedKeyframesSpec</a></code> animates based on the values defined at different timestamps in the duration of the animation (i.e. different keyframes). Each keyframe can be defined using <code><a href="/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.KeyframesSpecConfig.html#(kotlin.Any).at(kotlin.Int)">KeyframesSpecConfig.at</a></code>. <code><a href="/reference/kotlin/androidx/compose/animation/core/VectorizedKeyframesSpec.html">VectorizedKeyframesSpec</a></code> allows very specific animation definitions with a precision to millisecond.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.KeyframesSpec
 
 KeyframesSpec(
@@ -28,7 +28,7 @@
     }
 )</pre>
     <p>You can also provide a custom <code><a href="/reference/kotlin/androidx/compose/animation/core/Easing.html">Easing</a></code> for the interval with use of <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/index.html">with</a></code> function applied for the interval starting keyframe.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.keyframes
 
 // Use FastOutSlowInEasing for the interval from 0 to 50 ms, and LinearOutSlowInEasing for the
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html
index 8becfbc..e7b96d1 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>MutableTransitionState contains two fields: <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#currentState()">currentState</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#targetState()">targetState</a></code>. <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#currentState()">currentState</a></code> is initialized to the provided initialState, and can only be mutated by a <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code>. <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#targetState()">targetState</a></code> is also initialized to initialState. It can be mutated to alter the course of a transition animation that is created with the <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> using <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">updateTransition</a></code>. Both <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#currentState()">currentState</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#targetState()">targetState</a></code> are backed by a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> object.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.animateFloat
@@ -163,7 +163,7 @@
         <h3 class="api-name" id="isIdle()">isIdle</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#isIdle()">isIdle</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p><code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#isIdle()">isIdle</a></code> returns whether the transition has finished running. This will return false once the <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#targetState()">targetState</a></code> has been set to a different value than <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#currentState()">currentState</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.animation.core.animateDp
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/StartOffset.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/StartOffset.html
index e0c9665..19e71c4 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/StartOffset.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/StartOffset.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>This class defines a start offset for <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#repeatable(kotlin.Int,androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">repeatable</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">infiniteRepeatable</a></code>. There are two types of start offsets: <code><a href="/reference/kotlin/androidx/compose/animation/core/StartOffsetType.html#Delay()">StartOffsetType.Delay</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/core/StartOffsetType.html#FastForward()">StartOffsetType.FastForward</a></code>. <code><a href="/reference/kotlin/androidx/compose/animation/core/StartOffsetType.html#Delay()">StartOffsetType.Delay</a></code> delays the start of the animation, whereas <code><a href="/reference/kotlin/androidx/compose/animation/core/StartOffsetType.html#FastForward()">StartOffsetType.FastForward</a></code> fast forwards the animation to a given play time and starts it right away.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.StartOffset
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/Transition.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/Transition.html
index b82ae3d..e7e25b9 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/Transition.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/Transition.html
@@ -15,7 +15,7 @@
     <hr>
     <p><code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> manages all the child animations on a state level. Child animations can be created in a declarative way using <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">Transition.animateFloat</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateValue(androidx.compose.animation.core.TwoWayConverter,kotlin.Function1,kotlin.String,kotlin.Function1)">Transition.animateValue</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">animateColor</a></code> etc. When the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html#targetState()">targetState</a></code> changes, <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> will automatically start or adjust course for all its child animations to animate to the new target values defined for each animation.</p>
     <p>After arriving at <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html#targetState()">targetState</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> will be triggered to run if any child animation changes its target value (due to their dynamic target calculation logic, such as theme-dependent values).</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.spring
@@ -402,7 +402,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> displays only the content for <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html#targetState()">Transition.targetState</a></code> when not animating. However, during the transient content transform, there will be more than one sets of content present in the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> container. It may be sometimes desired to define the positional relationship among different content and the style of overlap. This can be achieved by defining <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentAlignment</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html#targetContentZIndex()">zOrder</a></code>. By default, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentAlignment</a></code> aligns all content to <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#TopStart()">Alignment.TopStart</a></code>, and the <code>zIndex</code> for all the content is 0f. <b>Note</b>: The target content will always be placed last, therefore it will be on top of all the other content unless zIndex is specified.</p>
         <p>Different content in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> will have access to their own <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html">AnimatedVisibilityScope</a></code>. This allows content to define more local enter/exit transitions via <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)">AnimatedVisibilityScope.animateEnterExit</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code>. These custom enter/exit animations will be triggered as the content enters/leaves the container.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentKey</a></code> can be used to specify a key for each targetState. There will be no animation when switching between target states that share the same same key. By default, the key will be the same as the targetState object. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentKey</a></code> can be particularly useful if target state object gets recreated across save & restore while a more persistent key is needed to properly restore the internal states of the content.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedContent
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.animateDp
@@ -535,7 +535,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedVisibility(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed.</p>
         <p>By default, the enter transition will be a combination of <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code> of the content from the bottom end. And the exit transition will be shrinking the content towards the bottom end while fading out (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</a></code> + <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>). The expanding and shrinking will likely also animate the parent and siblings if they rely on the size of appearing/disappearing content.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateDp
@@ -768,7 +768,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is used as a mapping from a target state to the target value of this animation. <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> will be using this mapping to determine what value to target this animation towards. <b>Note</b> that <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is a composable function. This means the mapping function could access states, CompositionLocals, themes, etc. If the target value changes when the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> already reached its <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html#targetState()">targetState</a></code>, the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> will run an animation to ensure the new target value is reached smoothly.</p>
         <p>An optional <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> can be provided to specify (potentially different) animations for each pair of initialState and targetState. <code><a href="/reference/kotlin/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a></code> can be used to describe such animations, such as <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#tween(kotlin.Int,kotlin.Int,androidx.compose.animation.core.Easing)">tween</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#keyframes(kotlin.Function1)">keyframes</a></code> and even <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#repeatable(kotlin.Int,androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">repeatable</a></code>, but not <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">infiniteRepeatable</a></code>. By default, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> uses a <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation for all transition destinations.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">label</a></code> is used to differentiate from other animations in the same transition in Android Studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.spring
@@ -940,7 +940,7 @@
         <p>Creates a Float animation as a part of the given <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code>. This means the states of this animation will be managed by the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code>.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is used as a mapping from a target state to the target value of this animation. <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> will be using this mapping to determine what value to target this animation towards. <b>Note</b> that <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is a composable function. This means the mapping function could access states, CompositionLocals, themes, etc. If the targetValue changes outside of a <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> run (i.e. when the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> already reached its targetState), the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> will start running again to ensure this animation reaches its new target smoothly.</p>
         <p>An optional <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> can be provided to specify (potentially different) animation for each pair of initialState and targetState. <code><a href="/reference/kotlin/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a></code> includes any non-infinite animation, such as <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#tween(kotlin.Int,kotlin.Int,androidx.compose.animation.core.Easing)">tween</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#keyframes(kotlin.Function1)">keyframes</a></code> and even <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#repeatable(kotlin.Int,androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">repeatable</a></code>, but not <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">infiniteRepeatable</a></code>. By default, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> uses a <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation for all transition destinations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.snap
@@ -1292,7 +1292,7 @@
           </li>
         </ol>
         <p><code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).createChildTransition(kotlin.String,kotlin.Function1)">label</a></code> is used to differentiate from other animations in the same transition in Android Studio.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.createChildTransition
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/package-summary.html
index b42be4e..6811cac 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/core/package-summary.html
@@ -1228,7 +1228,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#Animatable(kotlin.Float,kotlin.Float)">Animatable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;initialValue:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;visibilityThreshold:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = Spring.DefaultDisplacementThreshold<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/AnimationVector1D.html">AnimationVector1D</a>&gt;</pre>
       <p>This <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> function creates a float value holder that automatically animates its value when the value is changed via <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code>. <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> supports value change during an ongoing value change animation. When that happens, a new animation will transition <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> from its current value (i.e. value at the point of interruption) to the new target. This ensures that the value change is <em>always</em> continuous using <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code>. If <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation (i.e. default animation) is used with <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code>, the velocity change will be guaranteed to be continuous as well.</p>
       <p>Unlike <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> ensures mutual exclusiveness on its animation. To do so, when a new animation is started via <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code> (or <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateDecay(kotlin.Float,kotlin.Float,androidx.compose.animation.core.FloatDecayAnimationSpec,kotlin.Function2)">animateDecay</a></code>), any ongoing animation job will be cancelled.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.tween
 import androidx.compose.runtime.LaunchedEffect
@@ -1722,7 +1722,7 @@
       <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animate(kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Function2)">animate</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;initialValue:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;targetValue:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;initialVelocity:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 0.0f,<br>&nbsp;&nbsp;&nbsp;&nbsp;animationSpec:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/AnimationSpec.html">AnimationSpec</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>&gt; = spring(),<br>&nbsp;&nbsp;&nbsp;&nbsp;block:&nbsp;(value:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>, velocity:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Target based animation that animates from the given <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animate(kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Function2)">initialValue</a></code> towards the <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animate(kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Function2)">targetValue</a></code>, with an optional <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animate(kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Function2)">initialVelocity</a></code>. By default, a <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> will be used for the animation. An alternative <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animate(kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Function2)">animationSpec</a></code> can be provided to replace the default <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code>.</p>
       <p>This is a convenient method for Float animation. If there's a need to access more info related to the animation such as start time, target, etc, consider using <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">AnimationState.animateTo</a></code>. To animate non-<code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></code> data types, consider the <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animate(kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Function2)">animate</a></code> overload/variant for generic types.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animate
 import androidx.compose.animation.core.infiniteRepeatable
 import androidx.compose.animation.core.tween
@@ -1877,7 +1877,7 @@
       <p>Fire-and-forget animation function for <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a></code>. This Composable function is overloaded for different parameter types such as <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code>, etc. When the provided <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateDpAsState(androidx.compose.ui.unit.Dp,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> is changed, the animation will run automatically. If there is already an animation in-flight when <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateDpAsState(androidx.compose.ui.unit.Dp,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> changes, the on-going animation will adjust course to animate towards the new target value.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateDpAsState(androidx.compose.ui.unit.Dp,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateDpAsState</a></code> returns a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> object. The value of the state object will continuously be updated by the animation until the animation finishes.</p>
       <p>Note, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateDpAsState(androidx.compose.ui.unit.Dp,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateDpAsState</a></code> cannot be canceled/stopped without removing this composable function from the tree. See <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> for cancelable animations.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateDpAsState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -1957,7 +1957,7 @@
       <p>Fire-and-forget animation function for <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></code>. This Composable function is overloaded for different parameter types such as <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code>, etc. When the provided <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateFloatAsState(kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Float,kotlin.String,kotlin.Function1)">targetValue</a></code> is changed, the animation will run automatically. If there is already an animation in-flight when <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateFloatAsState(kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Float,kotlin.String,kotlin.Function1)">targetValue</a></code> changes, the on-going animation will adjust course to animate towards the new target value.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateFloatAsState(kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Float,kotlin.String,kotlin.Function1)">animateFloatAsState</a></code> returns a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> object. The value of the state object will continuously be updated by the animation until the animation finishes.</p>
       <p>Note, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateFloatAsState(kotlin.Float,androidx.compose.animation.core.AnimationSpec,kotlin.Float,kotlin.String,kotlin.Function1)">animateFloatAsState</a></code> cannot be canceled/stopped without removing this composable function from the tree. See <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> for cancelable animations.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateFloatAsState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -2118,7 +2118,7 @@
       <p>Fire-and-forget animation function for <code><a href="/reference/kotlin/androidx/compose/ui/unit/IntOffset.html">IntOffset</a></code>. This Composable function is overloaded for different parameter types such as <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code>, etc. When the provided <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateIntOffsetAsState(androidx.compose.ui.unit.IntOffset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> is changed, the animation will run automatically. If there is already an animation in-flight when <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateIntOffsetAsState(androidx.compose.ui.unit.IntOffset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> changes, the on-going animation will adjust course to animate towards the new target value.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateIntOffsetAsState(androidx.compose.ui.unit.IntOffset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateIntOffsetAsState</a></code> returns a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> object. The value of the state object will continuously be updated by the animation until the animation finishes.</p>
       <p>Note, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateIntOffsetAsState(androidx.compose.ui.unit.IntOffset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateIntOffsetAsState</a></code> cannot be canceled/stopped without removing this composable function from the tree. See <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> for cancelable animations.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateIntOffsetAsState
 import androidx.compose.animation.core.animateOffsetAsState
 import androidx.compose.ui.geometry.Offset
@@ -2274,7 +2274,7 @@
       <p>Fire-and-forget animation function for <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code>. This Composable function is overloaded for different parameter types such as <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a></code>, <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></code>, etc. When the provided <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateOffsetAsState(androidx.compose.ui.geometry.Offset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> is changed, the animation will run automatically. If there is already an animation in-flight when <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateOffsetAsState(androidx.compose.ui.geometry.Offset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> changes, the on-going animation will adjust course to animate towards the new target value.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateOffsetAsState(androidx.compose.ui.geometry.Offset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateOffsetAsState</a></code> returns a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> object. The value of the state object will continuously be updated by the animation until the animation finishes.</p>
       <p>Note, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateOffsetAsState(androidx.compose.ui.geometry.Offset,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateOffsetAsState</a></code> cannot be canceled/stopped without removing this composable function from the tree. See <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> for cancelable animations.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateIntOffsetAsState
 import androidx.compose.animation.core.animateOffsetAsState
 import androidx.compose.ui.geometry.Offset
@@ -2501,7 +2501,7 @@
       <p>Fire-and-forget animation function for any value. This Composable function is overloaded for different parameter types such as <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code>, etc. When the provided <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateValueAsState(kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.String,kotlin.Function1)">targetValue</a></code> is changed, the animation will run automatically. If there is already an animation in-flight when <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateValueAsState(kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.String,kotlin.Function1)">targetValue</a></code> changes, the on-going animation will adjust course to animate towards the new target value.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateValueAsState(kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.String,kotlin.Function1)">animateValueAsState</a></code> returns a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> object. The value of the state object will continuously be updated by the animation until the animation finishes.</p>
       <p>Note, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateValueAsState(kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.AnimationSpec,kotlin.Any,kotlin.String,kotlin.Function1)">animateValueAsState</a></code> cannot be canceled/stopped without removing this composable function from the tree. See <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> for cancelable animations.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.AnimationVector2D
 import androidx.compose.animation.core.TwoWayConverter
 import androidx.compose.animation.core.animateValueAsState
@@ -2639,7 +2639,7 @@
       <p>Creates a <code><a href="/reference/kotlin/androidx/compose/animation/core/InfiniteRepeatableSpec.html">InfiniteRepeatableSpec</a></code> that plays a <code><a href="/reference/kotlin/androidx/compose/animation/core/DurationBasedAnimationSpec.html">DurationBasedAnimationSpec</a></code> (e.g. <code><a href="/reference/kotlin/androidx/compose/animation/core/TweenSpec.html">TweenSpec</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/KeyframesSpec.html">KeyframesSpec</a></code>) infinite amount of iterations.</p>
       <p>For non-infinitely repeating animations, consider <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#repeatable(kotlin.Int,androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">repeatable</a></code>.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">initialStartOffset</a></code> can be used to either delay the start of the animation or to fast forward the animation to a given play time. This start offset will <b>not</b> be repeated, whereas the delay in the <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">animation</a></code> (if any) will be repeated. By default, the amount of offset is 0.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.StartOffset
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
@@ -2778,7 +2778,7 @@
       <h3 class="api-name" id="rememberInfiniteTransition(kotlin.String)">rememberInfiniteTransition</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#rememberInfiniteTransition(kotlin.String)">rememberInfiniteTransition</a>(label:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a> = &quot;InfiniteTransition&quot;):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/InfiniteTransition.html">InfiniteTransition</a></pre>
       <p>Creates a <code><a href="/reference/kotlin/androidx/compose/animation/core/InfiniteTransition.html">InfiniteTransition</a></code> that runs infinite child animations. Child animations can be added using <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">InfiniteTransition.animateColor</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">InfiniteTransition.animateFloat</a></code>, or <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">InfiniteTransition.animateValue</a></code>. Child animations will start running as soon as they enter the composition, and will not stop until they are removed from the composition.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
@@ -3014,7 +3014,7 @@
       <p>This sets up a <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code>, and updates it with the target provided by <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">targetState</a></code>. When <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">targetState</a></code> changes, <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> will run all of its child animations towards their target values specified for the new <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">targetState</a></code>. Child animations can be dynamically added using <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">Transition.animateFloat</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">animateColor</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateValue(androidx.compose.animation.core.TwoWayConverter,kotlin.Function1,kotlin.String,kotlin.Function1)">Transition.animateValue</a></code>, etc.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">label</a></code> is used to differentiate different transitions in Android Studio.</p>
       <p><b>Note</b>: There is another <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">updateTransition</a></code> overload that accepts a <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code>. The difference between the two is that the <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> variant: 1) supports a different initial state than target state (This would allow a transition to start as soon as it enters composition.) 2) can be recreated to intentionally trigger a re-start of the transition.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.spring
@@ -3155,7 +3155,7 @@
       <p>Creates a <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> and puts it in the <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#currentState()">currentState</a></code> of the provided <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#updateTransition(androidx.compose.animation.core.MutableTransitionState,kotlin.String)">transitionState</a></code>. Whenever the <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#targetState()">targetState</a></code> of the <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#updateTransition(androidx.compose.animation.core.MutableTransitionState,kotlin.String)">transitionState</a></code> changes, the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> will animate to the new target state.</p>
       <p><b>Remember</b>: The provided <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#updateTransition(androidx.compose.animation.core.MutableTransitionState,kotlin.String)">transitionState</a></code> needs to be <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#remember(kotlin.Function0)">remember</a></code>ed.</p>
       <p>Compared to the <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#updateTransition(kotlin.Any,kotlin.String)">updateTransition</a></code> variant that takes a targetState, this function supports a different initial state than the first targetState. Here is an example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.animateFloat
@@ -3210,7 +3210,7 @@
     ) {}
 }</pre>
       <p>In most cases, it is recommended to reuse the same <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#updateTransition(androidx.compose.animation.core.MutableTransitionState,kotlin.String)">transitionState</a></code> that is <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#remember(kotlin.Function0)">remember</a></code>ed, such that <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> preserves continuity when <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html#targetState()">targetState</a></code> is changed. However, in some rare cases it is more critical to immediately <em>snap</em> to a state change (e.g. in response to a user interaction). This can be achieved by creating a new <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#updateTransition(androidx.compose.animation.core.MutableTransitionState,kotlin.String)">transitionState</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.keyframes
@@ -3404,7 +3404,7 @@
       <p>Once the animation is created, it will run from <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> to <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> and repeat. Depending on the <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html">RepeatMode</a></code> of the provided <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">animationSpec</a></code>, the animation could either restart after each iteration (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html#Restart">RepeatMode.Restart</a></code>), or reverse after each iteration (i.e . <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html#Reverse">RepeatMode.Reverse</a></code>).</p>
       <p>If <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> is changed at any point during the animation, the animation will be restarted with the new <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code>. <b>Note</b>: this means continuity will <em>not</em> be preserved.</p>
       <p>A <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateFloat(kotlin.Float,kotlin.Float,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">label</a></code> for differentiating this animation from others in android studio.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
@@ -3493,7 +3493,7 @@
       <p>Creates a Float animation as a part of the given <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code>. This means the states of this animation will be managed by the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code>.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is used as a mapping from a target state to the target value of this animation. <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> will be using this mapping to determine what value to target this animation towards. <b>Note</b> that <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is a composable function. This means the mapping function could access states, CompositionLocals, themes, etc. If the targetValue changes outside of a <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> run (i.e. when the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> already reached its targetState), the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> will start running again to ensure this animation reaches its new target smoothly.</p>
       <p>An optional <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> can be provided to specify (potentially different) animation for each pair of initialState and targetState. <code><a href="/reference/kotlin/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a></code> includes any non-infinite animation, such as <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#tween(kotlin.Int,kotlin.Int,androidx.compose.animation.core.Easing)">tween</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#keyframes(kotlin.Function1)">keyframes</a></code> and even <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#repeatable(kotlin.Int,androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">repeatable</a></code>, but not <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">infiniteRepeatable</a></code>. By default, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).animateFloat(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> uses a <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation for all transition destinations.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.snap
@@ -3780,7 +3780,7 @@
       <h3 class="api-name" id="(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</h3>
       <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;V&nbsp;:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/AnimationVector.html">AnimationVector</a>&gt; <a href="/reference/kotlin/androidx/compose/animation/core/AnimationState.html">AnimationState</a>&lt;T,&nbsp;V&gt;.<a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;targetValue:&nbsp;T,<br>&nbsp;&nbsp;&nbsp;&nbsp;animationSpec:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/AnimationSpec.html">AnimationSpec</a>&lt;T&gt; = spring(),<br>&nbsp;&nbsp;&nbsp;&nbsp;sequentialAnimation:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false,<br>&nbsp;&nbsp;&nbsp;&nbsp;block:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/AnimationScope.html">AnimationScope</a>&lt;T,&nbsp;V&gt;.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a> = {}<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Target based animation that takes the value and velocity from the <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code> as the starting condition, and animate to the <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">targetValue</a></code>, using the <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animationSpec</a></code>. During the animation, the given <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code> will be updated with the up-to-date value/velocity, frame time, etc.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.AnimationState
 import androidx.compose.animation.core.animateTo
 import androidx.compose.animation.core.spring
@@ -3860,7 +3860,7 @@
       <p>Once the animation is created, it will run from <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> to <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> and repeat. Depending on the <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html">RepeatMode</a></code> of the provided <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">animationSpec</a></code>, the animation could either restart after each iteration (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html#Restart">RepeatMode.Restart</a></code>), or reverse after each iteration (i.e . <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html#Reverse">RepeatMode.Reverse</a></code>).</p>
       <p>If <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> is changed at any point during the animation, the animation will be restarted with the new <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code>. <b>Note</b>: this means continuity will <em>not</em> be preserved.</p>
       <p>A <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateValue(kotlin.Any,kotlin.Any,androidx.compose.animation.core.TwoWayConverter,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">label</a></code> for differentiating this animation from others in android studio.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateValue
 import androidx.compose.animation.core.infiniteRepeatable
 import androidx.compose.animation.core.keyframes
@@ -4175,7 +4175,7 @@
         </li>
       </ol>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.Transition).createChildTransition(kotlin.String,kotlin.Function1)">label</a></code> is used to differentiate from other animations in the same transition in Android Studio.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.createChildTransition
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/graphics/res/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/graphics/res/package-summary.html
index c1c8111..b38d8b2 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/graphics/res/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/graphics/res/package-summary.html
@@ -47,7 +47,7 @@
       <h3 class="api-name" id="rememberAnimatedVectorPainter(androidx.compose.animation.graphics.vector.AnimatedImageVector,kotlin.Boolean)">rememberAnimatedVectorPainter</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/animation/graphics/ExperimentalAnimationGraphicsApi.html">ExperimentalAnimationGraphicsApi</a><br>@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/graphics/res/package-summary.html#rememberAnimatedVectorPainter(androidx.compose.animation.graphics.vector.AnimatedImageVector,kotlin.Boolean)">rememberAnimatedVectorPainter</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;animatedImageVector:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.html">AnimatedImageVector</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;atEnd:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/painter/Painter.html">Painter</a></pre>
       <p>Creates and remembers a <code><a href="/reference/kotlin/androidx/compose/ui/graphics/painter/Painter.html">Painter</a></code> to render an <code><a href="/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.html">AnimatedImageVector</a></code>. It renders the image either at the start or the end of all the animations depending on the <code><a href="/reference/kotlin/androidx/compose/animation/graphics/res/package-summary.html#rememberAnimatedVectorPainter(androidx.compose.animation.graphics.vector.AnimatedImageVector,kotlin.Boolean)">atEnd</a></code>. Changes to <code><a href="/reference/kotlin/androidx/compose/animation/graphics/res/package-summary.html#rememberAnimatedVectorPainter(androidx.compose.animation.graphics.vector.AnimatedImageVector,kotlin.Boolean)">atEnd</a></code> are animated.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.graphics.res.animatedVectorResource
 import androidx.compose.animation.graphics.res.rememberAnimatedVectorPainter
 import androidx.compose.foundation.Image
@@ -96,7 +96,7 @@
       <h3 class="api-name" id="(androidx.compose.animation.graphics.vector.AnimatedImageVector.Companion).animatedVectorResource(kotlin.Int)">animatedVectorResource</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/animation/graphics/ExperimentalAnimationGraphicsApi.html">ExperimentalAnimationGraphicsApi</a><br>@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html">AnimatedImageVector.Companion</a>.<a href="/reference/kotlin/androidx/compose/animation/graphics/res/package-summary.html#(androidx.compose.animation.graphics.vector.AnimatedImageVector.Companion).animatedVectorResource(kotlin.Int)">animatedVectorResource</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;id:&nbsp;@<a href="/reference/kotlin/androidx/annotation/DrawableRes.html">DrawableRes</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.html">AnimatedImageVector</a></pre>
       <p>Load an <code><a href="/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.html">AnimatedImageVector</a></code> from an Android resource id.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.graphics.res.animatedVectorResource
 import androidx.compose.animation.graphics.res.rememberAnimatedVectorPainter
 import androidx.compose.foundation.Image
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html
index 3238d83..2316e29 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html
@@ -43,7 +43,7 @@
         <h3 class="api-name" id="(androidx.compose.animation.graphics.vector.AnimatedImageVector.Companion).animatedVectorResource(kotlin.Int)">animatedVectorResource</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/animation/graphics/ExperimentalAnimationGraphicsApi.html">ExperimentalAnimationGraphicsApi</a><br>@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html">AnimatedImageVector.Companion</a>.<a href="/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.Companion.html#(androidx.compose.animation.graphics.vector.AnimatedImageVector.Companion).animatedVectorResource(kotlin.Int)">animatedVectorResource</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;id:&nbsp;@<a href="/reference/kotlin/androidx/annotation/DrawableRes.html">DrawableRes</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.html">AnimatedImageVector</a></pre>
         <p>Load an <code><a href="/reference/kotlin/androidx/compose/animation/graphics/vector/AnimatedImageVector.html">AnimatedImageVector</a></code> from an Android resource id.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.graphics.res.animatedVectorResource
 import androidx.compose.animation.graphics.res.rememberAnimatedVectorPainter
 import androidx.compose.foundation.Image
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/animation/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/animation/package-summary.html
index d83844b..44267fa 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/animation/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/animation/package-summary.html
@@ -432,7 +432,7 @@
       <p>This <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> function creates a Color value holder that automatically animates its value when the value is changed via <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code>. <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> supports value change during an ongoing value change animation. When that happens, a new animation will transition <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> from its current value (i.e. value at the point of interruption) to the new target. This ensures that the value change is <em>always</em> continuous using <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code>. If <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation (i.e. default animation) is used with <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code>, the velocity change will be guaranteed to be continuous as well.</p>
       <p>Unlike <code><a href="/reference/kotlin/androidx/compose/animation/core/AnimationState.html">AnimationState</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> ensures mutual exclusiveness on its animation. To do so, when a new animation is started via <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#(androidx.compose.animation.core.AnimationState).animateTo(kotlin.Any,androidx.compose.animation.core.AnimationSpec,kotlin.Boolean,kotlin.Function1)">animateTo</a></code> (or <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#animateDecay(kotlin.Float,kotlin.Float,androidx.compose.animation.core.FloatDecayAnimationSpec,kotlin.Function2)">animateDecay</a></code>), any ongoing animation job will be cancelled via a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code>.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">Animatable</a></code> also supports animating data types other than <code><a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a></code>, such as Floats and generic types. See <code><a href="/reference/kotlin/androidx/compose/animation/core/Animatable.html">androidx.compose.animation.core.Animatable</a></code> for other variants.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.Animatable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.remember
@@ -493,7 +493,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> displays only the content for <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">targetState</a></code> when not animating. However, during the transient content transform, there will be more than one set of content present in the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> container. It may be sometimes desired to define the positional relationship among the different content and the overlap. This can be achieved by defining <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">contentAlignment</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html#targetContentZIndex()">zOrder</a></code>. By default, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">contentAlignment</a></code> aligns all content to <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#TopStart()">Alignment.TopStart</a></code>, and the <code>zIndex</code> for all the content is 0f. <b>Note</b>: The target content will always be placed last, therefore it will be on top of all the other content unless zIndex is specified.</p>
       <p>Different content in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> will have access to their own <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html">AnimatedVisibilityScope</a></code>. This allows content to define more local enter/exit transitions via <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)">AnimatedVisibilityScope.animateEnterExit</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code>. These custom enter/exit animations will be triggered as the content enters/leaves the container.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">label</a></code> is an optional parameter to differentiate from other animations in Android Studio.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -528,7 +528,7 @@
     }
 }</pre>
       <p>Below is an example of customizing <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">transitionSpec</a></code> to imply a spatial relationship between the content for different states:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedContent
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.fadeIn
@@ -620,7 +620,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
       <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. Both <code>currentState</code> and <code>targetState</code> will be <code>false</code> for <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">visibleState</a></code>.</p>
       <p>By default, the enter transition will be a combination of <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code> of the content from the bottom end. And the exit transition will be shrinking the content towards the bottom end while fading out (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</a></code> + <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>). The expanding and shrinking will likely also animate the parent and siblings if they rely on the size of appearing/disappearing content. When the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> composable is put in a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code> or a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>, the default enter and exit transitions are tailored to that particular container. See <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.RowScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">RowScope.AnimatedVisibility</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">ColumnScope.AnimatedVisibility</a></code> for details.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.animation.expandVertically
@@ -875,7 +875,7 @@
       <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. If there's a need to observe the state change of the enter/exit transition and follow up additional action (e.g. remove data, sequential animation, etc), consider the AnimatedVisibility API variant that takes a <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> parameter.</p>
       <p>By default, the enter transition will be a combination of <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code> of the content from the bottom end. And the exit transition will be shrinking the content towards the bottom end while fading out (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</a></code> + <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>). The expanding and shrinking will likely also animate the parent and siblings if they rely on the size of appearing/disappearing content. When the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> composable is put in a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code> or a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>, the default enter and exit transitions are tailored to that particular container. See <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.RowScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">RowScope.AnimatedVisibility</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">ColumnScope.AnimatedVisibility</a></code> for details.</p>
       <p>Here are two examples of <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code>: one using the built-in enter/exit transition, the other using a custom enter/exit animation.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.expandVertically
 import androidx.compose.animation.fadeIn
@@ -911,7 +911,7 @@
     Text(&quot;Content to appear/disappear&quot;, Modifier.fillMaxWidth().requiredHeight(200.dp))
 }</pre>
       <p>The example blow shows how a custom enter/exit animation can be created using the Transition object (i.e. Transition<EnterExitState>) from <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html">AnimatedVisibilityScope</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.tween
@@ -1046,7 +1046,7 @@
       <h3 class="api-name" id="Crossfade(kotlin.Any,androidx.compose.ui.Modifier,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.String,kotlin.Function1)">Crossfade</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/animation/package-summary.html#Crossfade(kotlin.Any,androidx.compose.ui.Modifier,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.String,kotlin.Function1)">Crossfade</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;targetState:&nbsp;T,<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;animationSpec:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>&gt; = tween(),<br>&nbsp;&nbsp;&nbsp;&nbsp;label:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a> = &quot;Crossfade&quot;,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> (T) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#Crossfade(kotlin.Any,androidx.compose.ui.Modifier,androidx.compose.animation.core.FiniteAnimationSpec,kotlin.String,kotlin.Function1)">Crossfade</a></code> allows to switch between two layouts with a crossfade animation.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.Crossfade
 import androidx.compose.material.Text
 
@@ -1100,7 +1100,7 @@
       <h3 class="api-name" id="SizeTransform(kotlin.Boolean,kotlin.Function2)">SizeTransform</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/animation/ExperimentalAnimationApi.html">ExperimentalAnimationApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/package-summary.html#SizeTransform(kotlin.Boolean,kotlin.Function2)">SizeTransform</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;clip:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;sizeAnimationSpec:&nbsp;(initialSize:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/IntSize.html">IntSize</a>, targetSize:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/IntSize.html">IntSize</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="/reference/kotlin/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a>&lt;<a href="/reference/kotlin/androidx/compose/ui/unit/IntSize.html">IntSize</a>&gt; = { _, _ -&gt; spring(visibilityThreshold = IntSize.VisibilityThreshold) }<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/SizeTransform.html">SizeTransform</a></pre>
       <p>This creates a <code><a href="/reference/kotlin/androidx/compose/animation/SizeTransform.html">SizeTransform</a></code> with the provided <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#SizeTransform(kotlin.Boolean,kotlin.Function2)">clip</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#SizeTransform(kotlin.Boolean,kotlin.Function2)">sizeAnimationSpec</a></code>. By default, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#SizeTransform(kotlin.Boolean,kotlin.Function2)">clip</a></code> will be true. This means during the size animation, the content will be clipped to the animated size. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#SizeTransform(kotlin.Boolean,kotlin.Function2)">sizeAnimationSpec</a></code> defaults to return a <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.tween
@@ -1146,7 +1146,7 @@
       <p>Fire-and-forget animation function for <code><a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a></code>. This Composable function is overloaded for different parameter types such as <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a></code>, <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></code>, <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Size.html">Size</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code>, etc. When the provided <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#animateColorAsState(androidx.compose.ui.graphics.Color,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> is changed, the animation will run automatically. If there is already an animation in-flight when <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#animateColorAsState(androidx.compose.ui.graphics.Color,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">targetValue</a></code> changes, the on-going animation will adjust course to animate towards the new target value.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#animateColorAsState(androidx.compose.ui.graphics.Color,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateColorAsState</a></code> returns a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> object. The value of the state object will continuously be updated by the animation until the animation finishes.</p>
       <p>Note, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#animateColorAsState(androidx.compose.ui.graphics.Color,androidx.compose.animation.core.AnimationSpec,kotlin.String,kotlin.Function1)">animateColorAsState</a></code> cannot be canceled/stopped without removing this composable function from the tree. See <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#Animatable(androidx.compose.ui.graphics.Color)">Animatable</a></code> for cancelable animations.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColorAsState
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -1222,7 +1222,7 @@
       <p><b>Note</b>: <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">expandHorizontally</a></code> animates the bounds of the content. This bounds change will also result in the animation of other layouts that are dependent on this size.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">initialWidth</a></code> is a lambda that takes the full width of the content and returns an initial width of the bounds of the content. This allows not only an absolute width, but also an initial width that is proportional to the content width.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">clip</a></code> defines whether the content outside of the animated bounds should be clipped. By default, clip is set to true, which only shows content in the animated bounds.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandHorizontally
@@ -1306,7 +1306,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">initialSize</a></code> is a lambda that takes the full size of the content and returns an initial size of the bounds of the content. This allows not only absolute size, but also an initial size that is proportional to the content size.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">clip</a></code> defines whether the content outside of the animated bounds should be clipped. By default, clip is set to true, which only shows content in the animated bounds.</p>
       <p>For expanding only horizontally or vertically, consider <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">expandHorizontally</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">expandVertically</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandIn
@@ -1399,7 +1399,7 @@
       <p><b>Note</b>: <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">expandVertically</a></code> animates the bounds of the content. This bounds change will also result in the animation of other layouts that are dependent on this size.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">initialHeight</a></code> is a lambda that takes the full height of the content and returns an initial height of the bounds of the content. This allows not only an absolute height, but also an initial height that is proportional to the content height.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">clip</a></code> defines whether the content outside of the animated bounds should be clipped. By default, clip is set to true, which only shows content in the animated bounds.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandVertically
@@ -1472,7 +1472,7 @@
       <h3 class="api-name" id="fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;animationSpec:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>&gt; = spring(stiffness = Spring.StiffnessMediumLow),<br>&nbsp;&nbsp;&nbsp;&nbsp;initialAlpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 0.0f<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></pre>
       <p>This fades in the content of the transition, from the specified starting alpha (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">initialAlpha</a></code>) to 1f, using the supplied <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">animationSpec</a></code>. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">initialAlpha</a></code> defaults to 0f, and <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> is used by default.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.fadeIn
@@ -1530,7 +1530,7 @@
       <h3 class="api-name" id="fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;animationSpec:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>&gt; = spring(stiffness = Spring.StiffnessMediumLow),<br>&nbsp;&nbsp;&nbsp;&nbsp;targetAlpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 0.0f<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></pre>
       <p>This fades out the content of the transition, from full opacity to the specified target alpha (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">targetAlpha</a></code>), using the supplied <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">animationSpec</a></code>. By default, the content will be faded out to fully transparent (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">targetAlpha</a></code> defaults to 0), and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">animationSpec</a></code> uses <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> by default.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.fadeIn
@@ -1598,7 +1598,7 @@
       <p>This scales the content as it appears, from an initial scale (defined in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#scaleIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">initialScale</a></code>) to 1f. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#scaleIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">transformOrigin</a></code> defines the pivot point in terms of fraction of the overall size. <code><a href="/reference/kotlin/androidx/compose/ui/graphics/TransformOrigin.html#Center()">TransformOrigin.Center</a></code> by default. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#scaleIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleIn</a></code> can be used in combination with any other type of <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> using the plus operator (e.g. <code>scaleIn() + slideInHorizontally()</code>)</p>
       <p>Note: Scale is applied <b>before</b> slide. This means when using <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideIn</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOut</a></code> with <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#scaleIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleIn</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#scaleOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleOut</a></code>, the amount of scaling needs to be taken into account when sliding.</p>
       <p>The scaling will change the visual of the content, but will <b>not</b> affect the layout size. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#scaleIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleIn</a></code> can be combined with <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">expandHorizontally</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">expandVertically</a></code> to coordinate layout size change while scaling. For example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.expandIn
 import androidx.compose.animation.expandVertically
@@ -1697,7 +1697,7 @@
       <p>This scales the content of the exit transition, from 1f to the target scale defined in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#scaleOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">targetScale</a></code>. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#scaleOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">transformOrigin</a></code> defines the pivot point in terms of fraction of the overall size. By default it's <code><a href="/reference/kotlin/androidx/compose/ui/graphics/TransformOrigin.html#Center()">TransformOrigin.Center</a></code>. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#scaleOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleOut</a></code> can be used in combination with any other type of <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code> using the plus operator (e.g. <code>scaleOut() + fadeOut()</code>)</p>
       <p>Note: Scale is applied <b>before</b> slide. This means when using <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideIn</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOut</a></code> with <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#scaleIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleIn</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#scaleOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleOut</a></code>, the amount of scaling needs to be taken into account when sliding.</p>
       <p>The scaling will change the visual of the content, but will <b>not</b> affect the layout size. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#scaleOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin)">scaleOut</a></code> can be combined with <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">shrinkHorizontally</a></code>/<code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">shrinkVertically</a></code> for coordinated layout size change animation. For example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.expandIn
 import androidx.compose.animation.expandVertically
@@ -1800,7 +1800,7 @@
       <p><b>Note</b>: <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">shrinkHorizontally</a></code> animates the bounds of the content. This bounds change will also result in the animation of other layouts that are dependent on this size.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">targetWidth</a></code> is a lambda that takes the full width of the content and returns a target width of the content. This allows not only absolute width, but also a target width that is proportional to the content width.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">clip</a></code> defines whether the content outside of the animated bounds should be clipped. By default, clip is set to true, which only shows content in the animated bounds.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandHorizontally
@@ -1884,7 +1884,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">targetSize</a></code> is a lambda that takes the full size of the content and returns a target size of the bounds of the content. This allows not only absolute size, but also a target size that is proportional to the content size.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">clip</a></code> defines whether the content outside of the animated bounds should be clipped. By default, clip is set to true, which only shows content in the animated bounds.</p>
       <p>For shrinking only horizontally or vertically, consider <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean,kotlin.Function1)">shrinkHorizontally</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">shrinkVertically</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandIn
@@ -1977,7 +1977,7 @@
       <p><b>Note</b>: <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">shrinkVertically</a></code> animates the bounds of the content. This bounds change will also result in the animation of other layouts that are dependent on this size.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">targetHeight</a></code> is a lambda that takes the full height of the content and returns a target height of the content. This allows not only absolute height, but also a target height that is proportional to the content height.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkVertically(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment.Vertical,kotlin.Boolean,kotlin.Function1)">clip</a></code> defines whether the content outside of the animated bounds should be clipped. By default, clip is set to true, which only shows content in the animated bounds.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.expandVertically
@@ -2055,7 +2055,7 @@
       <p>This slides in the content of the transition, from a starting offset defined in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffset</a></code> to <code>IntOffset(0, 0)</code>. The direction of the slide can be controlled by configuring the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffset</a></code>. A positive x value means sliding from right to left, whereas a negative x value will slide the content to the right. Similarly positive and negative y values correspond to sliding up and down, respectively.</p>
       <p>If the sliding is only desired horizontally or vertically, instead of along both axis, consider using <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInHorizontally</a></code> or <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideInVertically</a></code>.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffset</a></code> is a lambda that takes the full size of the content and returns an offset. This allows the offset to be defined proportional to the full size, or as an absolute value.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.slideIn
@@ -2125,7 +2125,7 @@
         ),<br>&nbsp;&nbsp;&nbsp;&nbsp;initialOffsetX:&nbsp;(fullWidth:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = { -it / 2 }<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></pre>
       <p>This slides in the content horizontally, from a starting offset defined in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffsetX</a></code> to <code>0</code> <b>pixels</b>. The direction of the slide can be controlled by configuring the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffsetX</a></code>. A positive value means sliding from right to left, whereas a negative value would slide the content from left to right.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffsetX</a></code> is a lambda that takes the full width of the content and returns an offset. This allows the starting offset to be defined proportional to the full size, or as an absolute value. It defaults to return half of negative width, which would offset the content to the left by half of its width, and slide towards the right.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.spring
 import androidx.compose.animation.core.tween
@@ -2197,7 +2197,7 @@
         ),<br>&nbsp;&nbsp;&nbsp;&nbsp;initialOffsetY:&nbsp;(fullHeight:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = { -it / 2 }<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></pre>
       <p>This slides in the content vertically, from a starting offset defined in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffsetY</a></code> to <code>0</code> in <b>pixels</b>. The direction of the slide can be controlled by configuring the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffsetY</a></code>. A positive initial offset means sliding up, whereas a negative value would slide the content down.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideInVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">initialOffsetY</a></code> is a lambda that takes the full Height of the content and returns an offset. This allows the starting offset to be defined proportional to the full height, or as an absolute value. It defaults to return half of negative height, which would offset the content up by half of its Height, and slide down.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.expandVertically
 import androidx.compose.animation.fadeIn
@@ -2272,7 +2272,7 @@
       <p>This slides out the content of the transition, from an offset of <code>IntOffset(0, 0)</code> to the target offset defined in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffset</a></code>. The direction of the slide can be controlled by configuring the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffset</a></code>. A positive x value means sliding from left to right, whereas a negative x value would slide the content from right to left. Similarly,  positive and negative y values correspond to sliding down and up, respectively.</p>
       <p>If the sliding is only desired horizontally or vertically, instead of along both axis, consider using <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutHorizontally</a></code> or <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOutVertically(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">slideOutVertically</a></code>.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffset</a></code> is a lambda that takes the full size of the content and returns an offset. This allows the offset to be defined proportional to the full size, or as an absolute value.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.slideIn
@@ -2342,7 +2342,7 @@
         ),<br>&nbsp;&nbsp;&nbsp;&nbsp;targetOffsetX:&nbsp;(fullWidth:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = { -it / 2 }<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></pre>
       <p>This slides out the content horizontally, from 0 to a target offset defined in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffsetX</a></code> in <b>pixels</b>. The direction of the slide can be controlled by configuring the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffsetX</a></code>. A positive value means sliding to the right, whereas a negative value would slide the content towards the left.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#slideOutHorizontally(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function1)">targetOffsetX</a></code> is a lambda that takes the full width of the content and returns an offset. This allows the target offset to be defined proportional to the full size, or as an absolute value. It defaults to return half of negative width, which would slide the content to the left by half of its width.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.spring
 import androidx.compose.animation.core.tween
@@ -2464,7 +2464,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> displays only the content for <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html#targetState()">Transition.targetState</a></code> when not animating. However, during the transient content transform, there will be more than one sets of content present in the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> container. It may be sometimes desired to define the positional relationship among different content and the style of overlap. This can be achieved by defining <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentAlignment</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html#targetContentZIndex()">zOrder</a></code>. By default, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentAlignment</a></code> aligns all content to <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#TopStart()">Alignment.TopStart</a></code>, and the <code>zIndex</code> for all the content is 0f. <b>Note</b>: The target content will always be placed last, therefore it will be on top of all the other content unless zIndex is specified.</p>
       <p>Different content in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedContent(kotlin.Any,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.String,kotlin.Function2)">AnimatedContent</a></code> will have access to their own <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html">AnimatedVisibilityScope</a></code>. This allows content to define more local enter/exit transitions via <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#(androidx.compose.ui.Modifier).animateEnterExit(androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String)">AnimatedVisibilityScope.animateEnterExit</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code>. These custom enter/exit animations will be triggered as the content enters/leaves the container.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentKey</a></code> can be used to specify a key for each targetState. There will be no animation when switching between target states that share the same same key. By default, the key will be the same as the targetState object. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedContent(androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Function2)">contentKey</a></code> can be particularly useful if target state object gets recreated across save & restore while a more persistent key is needed to properly restore the internal states of the content.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedContent
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.animateDp
@@ -2597,7 +2597,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
       <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).AnimatedVisibility(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed.</p>
       <p>By default, the enter transition will be a combination of <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeIn(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeIn</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#expandIn(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">expandIn</a></code> of the content from the bottom end. And the exit transition will be shrinking the content towards the bottom end while fading out (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#fadeOut(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Float)">fadeOut</a></code> + <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#shrinkOut(androidx.compose.animation.core.FiniteAnimationSpec,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">shrinkOut</a></code>). The expanding and shrinking will likely also animate the parent and siblings if they rely on the size of appearing/disappearing content.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateDp
@@ -2798,7 +2798,7 @@
       <p>Aside from these three types of <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> also supports custom enter/exit animations. Some use cases may benefit from custom enter/exit animations on shape, scale, color, etc. Custom enter/exit animations can be created using the <code>Transition&lt;EnterExitState&gt;</code> object from the <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html">AnimatedVisibilityScope</a></code> (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code>). See <code><a href="/reference/kotlin/androidx/compose/animation/EnterExitState.html">EnterExitState</a></code> for an example of custom animations. These custom animations will be running along side of the built-in animations specified in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">enter</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">exit</a></code>. In cases where the enter/exit animation needs to be completely customized, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">enter</a></code> and/or <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">exit</a></code> can be specified as <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html#None()">EnterTransition.None</a></code> and/or <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html#None()">ExitTransition.None</a></code> as needed. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> will wait until <em>all</em> of enter/exit animations to finish before it considers itself idle. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> will only be removed after all the (built-in and custom) exit animations have finished.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
       <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. Both <code>currentState</code> and <code>targetState</code> will be <code>false</code> for <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">visibleState</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.foundation.background
@@ -2939,7 +2939,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
       <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. If there's a need to observe the state change of the enter/exit transition and follow up additional action (e.g. remove data, sequential animation, etc), consider the AnimatedVisibility API variant that takes a <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> parameter.</p>
       <p>Here's an example of using <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">ColumnScope.AnimatedVisibility</a></code> in a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
@@ -3174,7 +3174,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
       <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.RowScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. If there's a need to observe the state change of the enter/exit transition and follow up additional action (e.g. remove data, sequential animation, etc), consider the AnimatedVisibility API variant that takes a <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> parameter.</p>
       <p>Here's an example of using <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.RowScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">RowScope.AnimatedVisibility</a></code> in a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
@@ -3344,7 +3344,7 @@
       <p>Once the animation is created, it will run from <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> to <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> and repeat. Depending on the <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html">RepeatMode</a></code> of the provided <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">animationSpec</a></code>, the animation could either restart after each iteration (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html#Restart">RepeatMode.Restart</a></code>), or reverse after each iteration (i.e . <code><a href="/reference/kotlin/androidx/compose/animation/core/RepeatMode.html#Reverse">RepeatMode.Reverse</a></code>).</p>
       <p>If <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code> is changed at any point during the animation, the animation will be restarted with the new initial/targetValue. <b>Note</b>: this means animation continuity will <em>not</em> be preserved when changing either <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">initialValue</a></code> or <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">targetValue</a></code>.</p>
       <p>A <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.InfiniteTransition).animateColor(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.animation.core.InfiniteRepeatableSpec,kotlin.String)">label</a></code> for differentiating this animation from others in android studio.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.infiniteRepeatable
@@ -3434,7 +3434,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is used as a mapping from a target state to the target value of this animation. <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> will be using this mapping to determine what value to target this animation towards. <b>Note</b> that <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">targetValueByState</a></code> is a composable function. This means the mapping function could access states, CompositionLocals, themes, etc. If the target value changes when the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> already reached its <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html#targetState()">targetState</a></code>, the <code><a href="/reference/kotlin/androidx/compose/animation/core/Transition.html">Transition</a></code> will run an animation to ensure the new target value is reached smoothly.</p>
       <p>An optional <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> can be provided to specify (potentially different) animations for each pair of initialState and targetState. <code><a href="/reference/kotlin/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a></code> can be used to describe such animations, such as <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#tween(kotlin.Int,kotlin.Int,androidx.compose.animation.core.Easing)">tween</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#keyframes(kotlin.Function1)">keyframes</a></code> and even <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#repeatable(kotlin.Int,androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">repeatable</a></code>, but not <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#infiniteRepeatable(androidx.compose.animation.core.DurationBasedAnimationSpec,androidx.compose.animation.core.RepeatMode,androidx.compose.animation.core.StartOffset)">infiniteRepeatable</a></code>. By default, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">transitionSpec</a></code> uses a <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> animation for all transition destinations.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.core.Transition).animateColor(kotlin.Function1,kotlin.String,kotlin.Function1)">label</a></code> is used to differentiate from other animations in the same transition in Android Studio.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateFloat
 import androidx.compose.animation.core.spring
@@ -3575,7 +3575,7 @@
       <p>This modifier animates its own size when its child modifier (or the child composable if it is already at the tail of the chain) changes size. This allows the parent modifier to observe a smooth size change, resulting in an overall continuous visual change.</p>
       <p>A <code><a href="/reference/kotlin/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a></code> can be optionally specified for the size change animation. By default, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> will be used.</p>
       <p>An optional <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.ui.Modifier).animateContentSize(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function2)">finishedListener</a></code> can be supplied to get notified when the size change animation is finished. Since the content size change can be dynamic in many cases, both initial value and target value (i.e. final size) will be passed to the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.ui.Modifier).animateContentSize(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function2)">finishedListener</a></code>. <b>Note:</b> if the animation is interrupted, the initial value will be the size at the point of interruption. This is intended to help determine the direction of the size change (i.e. expand or collapse in x and y dimensions).</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateContentSize
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
@@ -3642,7 +3642,7 @@
       <h3 class="api-name" id="(androidx.compose.animation.EnterTransition).with(androidx.compose.animation.ExitTransition)">with</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/animation/ExperimentalAnimationApi.html">ExperimentalAnimationApi</a><br>infix&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a>.<a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.EnterTransition).with(androidx.compose.animation.ExitTransition)">with</a>(exit:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html">ContentTransform</a></pre>
       <p>This creates a <code><a href="/reference/kotlin/androidx/compose/animation/ContentTransform.html">ContentTransform</a></code> using the provided <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.animation.EnterTransition).with(androidx.compose.animation.ExitTransition)">exit</a></code>, where the enter and exit transition will be running simultaneously. For example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.SizeTransform
 import androidx.compose.animation.core.keyframes
 import androidx.compose.animation.core.tween
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/MutatorMutex.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/MutatorMutex.html
index 96170d9..a424dbc 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/MutatorMutex.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/MutatorMutex.html
@@ -16,7 +16,7 @@
     <p>Mutual exclusion for UI state mutation over time.</p>
     <p><code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutate(androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction0)">mutate</a></code> permits interruptible state mutation over time using a standard <code><a href="/reference/kotlin/androidx/compose/foundation/MutatePriority.html">MutatePriority</a></code>. A <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html">MutatorMutex</a></code> enforces that only a single writer can be active at a time for a particular state resource. Instead of queueing callers that would acquire the lock like a traditional <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.sync/-mutex/index.html">Mutex</a></code>, new attempts to <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutate(androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction0)">mutate</a></code> the guarded state will either cancel the current mutator or if the current mutator has a higher priority, the new caller will throw <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code>.</p>
     <p><code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html">MutatorMutex</a></code> should be used for implementing hoisted state objects that many mutators may want to manipulate over time such that those mutators can coordinate with one another. The <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html">MutatorMutex</a></code> instance should be hidden as an implementation detail. For example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.MutatorMutex
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Text
@@ -187,7 +187,7 @@
         <p>Enforce that only a single caller may be active at a time.</p>
         <p>If <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">mutateWith</a></code> is called while another call to <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutate(androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction0)">mutate</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">mutateWith</a></code> is in progress, their <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">priority</a></code> values are compared. If the new caller has a <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">priority</a></code> equal to or higher than the call in progress, the call in progress will be cancelled, throwing <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code> and the new caller's <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">block</a></code> will be invoked. If the call in progress had a higher <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">priority</a></code> than the new caller, the new caller will throw <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code> without invoking <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">block</a></code>.</p>
         <p>This variant of <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutate(androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction0)">mutate</a></code> calls its <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">block</a></code> with a <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">receiver</a></code>, removing the need to create an additional capturing lambda to invoke it with a receiver object. This can be used to expose a mutable scope to the provided <code><a href="/reference/kotlin/androidx/compose/foundation/MutatorMutex.html#mutateWith(kotlin.Any,androidx.compose.foundation.MutatePriority,kotlin.coroutines.SuspendFunction1)">block</a></code> while leaving the rest of the state object read-only. For example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.MutatorMutex
 import androidx.compose.runtime.mutableStateOf
 
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/OverscrollEffect.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/OverscrollEffect.html
index 0fc7614..3aa6816 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/OverscrollEffect.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/OverscrollEffect.html
@@ -16,7 +16,7 @@
     <p>An OverscrollEffect represents a visual effect that displays when the edges of a scrolling container have been reached with a scroll or fling. For the default platform effect that should be used in most cases, see <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableDefaults.html#overscrollEffect()">androidx.compose.foundation.gestures.ScrollableDefaults.overscrollEffect</a></code>.</p>
     <p>OverscrollEffect conceptually 'decorates' scroll / fling events: consuming some of the delta or velocity before and/or after the event is consumed by the scrolling container. <code><a href="/reference/kotlin/androidx/compose/foundation/OverscrollEffect.html#applyToScroll(androidx.compose.ui.geometry.Offset,androidx.compose.ui.input.nestedscroll.NestedScrollSource,kotlin.Function1)">applyToScroll</a></code> applies overscroll to a scroll event, and <code><a href="/reference/kotlin/androidx/compose/foundation/OverscrollEffect.html#applyToFling(androidx.compose.ui.unit.Velocity,kotlin.coroutines.SuspendFunction1)">applyToFling</a></code> applies overscroll to a fling.</p>
     <p>Higher level components such as <code><a href="/reference/kotlin/androidx/compose/foundation/lazy/package-summary.html#LazyColumn(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">androidx.compose.foundation.lazy.LazyColumn</a></code> will automatically configure an OverscrollEffect for you. To use a custom OverscrollEffect you first need to provide it with scroll and/or fling events - usually by providing it to a <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).scrollable(androidx.compose.foundation.gestures.ScrollableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,androidx.compose.foundation.interaction.MutableInteractionSource)">androidx.compose.foundation.gestures.scrollable</a></code>. Then you can draw the effect on top of the scrolling content using <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">Modifier.overscroll</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/ScrollState.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/ScrollState.html
index 05ab422..9e218c6 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/ScrollState.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/ScrollState.html
@@ -16,7 +16,7 @@
     <p>State of the scroll. Allows the developer to change the scroll position or get current state by calling methods on this object. To be hosted and passed to <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">Modifier.verticalScroll</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">Modifier.horizontalScroll</a></code></p>
     <p>To create and automatically remember <code><a href="/reference/kotlin/androidx/compose/foundation/ScrollState.html">ScrollState</a></code> with default parameters use <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#rememberScrollState(kotlin.Int)">rememberScrollState</a></code>.</p>
     <p>Learn how to control the state of <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">Modifier.verticalScroll</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">Modifier.horizontalScroll</a></code>:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.gestures.animateScrollBy
 import androidx.compose.foundation.horizontalScroll
@@ -416,7 +416,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/ScrollState.html#canScrollBackward()">canScrollBackward</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether this <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll backward (consume a negative delta). This is typically false if the scroll position is equal to its minimum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -467,7 +467,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/ScrollState.html#canScrollForward()">canScrollForward</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether this <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll forward (consume a positive delta). This is typically false if the scroll position is equal to its maximum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html
index 4c1a110..1b5b19b 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html
@@ -251,7 +251,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html#canScrollBackward()">canScrollBackward</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether this <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll backward (consume a negative delta). This is typically false if the scroll position is equal to its minimum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -302,7 +302,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html#canScrollForward()">canScrollForward</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether this <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll forward (consume a positive delta). This is typically false if the scroll position is equal to its maximum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html
index 20e3bf6..2a2eee8 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html
@@ -773,7 +773,7 @@
       <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitDragOrCancellation</a>(pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
       <p>Reads pointer input events until a drag is detected or all pointers are up. When the  final pointer is raised, the up event is returned. When a drag event is detected, the drag change will be returned. Note that if <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> has been raised, another pointer that is down will be used, if available, so the returned <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#id()">PointerInputChange.id</a></code> may differ from <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>. If the position change in the any direction has been consumed by the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEventPass.html#Main">PointerEventPass.Main</a></code> pass, then the drag is considered canceled and <code>null</code> is returned.  If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is not down when <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitDragOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitDragOrCancellation
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -879,7 +879,7 @@
       <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitHorizontalDragOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
       <p>Reads pointer input events until a horizontal drag is detected or all pointers are up. When the final pointer is raised, the up event is returned. When a drag event is detected, the drag change will be returned. Note that if <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> has been raised, another pointer that is down will be used, if available, so the returned <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#id()">PointerInputChange.id</a></code> may differ from <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>. If the position change has been consumed by the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEventPass.html#Main">PointerEventPass.Main</a></code> pass, then the drag is considered canceled and <code>null</code> is returned. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is not down when <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitHorizontalDragOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitHorizontalDragOrCancellation
@@ -967,7 +967,7 @@
       <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitHorizontalTouchSlopOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onTouchSlopReached:&nbsp;(change:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>, overSlop:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
       <p>Waits for horizontal drag motion to pass <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">touch slop</a></code>, using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> as the pointer to examine. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is raised, another pointer from those that are down will be chosen to lead the gesture, and if none are down, <code>null</code> is returned.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> is called after <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">ViewConfiguration.touchSlop</a></code> motion in the horizontal direction with the change that caused the motion beyond touch slop and the pixels beyond touch slop. <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> should consume the position change if it accepts the motion. If it does, then the method returns that <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>. If not, touch slop detection will continue. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is not down when <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitHorizontalTouchSlopOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitHorizontalDragOrCancellation
@@ -1073,7 +1073,7 @@
       <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitLongPressOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitLongPressOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
       <p>Waits for a long press by examining <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitLongPressOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>.</p>
       <p>If that <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitLongPressOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is raised (that is, the user lifts their finger), but another finger (<code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a></code>) is down at that time, another pointer will be chosen as the lead for the gesture, and if none are down, <code>null</code> is returned.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
@@ -1140,7 +1140,7 @@
       <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitTouchSlopOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onTouchSlopReached:&nbsp;(change:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>, overSlop:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
       <p>Waits for drag motion to pass <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">touch slop</a></code>, using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> as the pointer to examine. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is raised, another pointer from those that are down will be chosen to lead the gesture, and if none are down, <code>null</code> is returned. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is not down when <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitTouchSlopOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> is called after <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">ViewConfiguration.touchSlop</a></code> motion in the any direction with the change that caused the motion beyond touch slop and the <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code> beyond touch slop that has passed. <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> should consume the position change if it accepts the motion. If it does, then the method returns that <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>. If not, touch slop detection will continue.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitDragOrCancellation
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -1253,7 +1253,7 @@
       <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitVerticalDragOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
       <p>Reads pointer input events until a vertical drag is detected or all pointers are up. When the final pointer is raised, the up event is returned. When a drag event is detected, the drag change will be returned. Note that if <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> has been raised, another pointer that is down will be used, if available, so the returned <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#id()">PointerInputChange.id</a></code> may differ from <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>. If the position change  has been consumed by the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEventPass.html#Main">PointerEventPass.Main</a></code> pass, then the drag is considered canceled and <code>null</code> is returned. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is not down when <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitVerticalDragOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitVerticalDragOrCancellation
@@ -1341,7 +1341,7 @@
       <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitVerticalTouchSlopOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onTouchSlopReached:&nbsp;(change:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>, overSlop:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
       <p>Waits for vertical drag motion to pass <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">touch slop</a></code>, using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> as the pointer to examine. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is raised, another pointer from those that are down will be chosen to lead the gesture, and if none are down, <code>null</code> is returned. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is not down when <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitVerticalTouchSlopOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> is called after <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">ViewConfiguration.touchSlop</a></code> motion in the vertical direction with the change that caused the motion beyond touch slop and the pixels beyond touch slop. <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> should consume the position change if it accepts the motion. If it does, then the method returns that <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>. If not, touch slop detection will continue.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitVerticalDragOrCancellation
@@ -1447,7 +1447,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroid(kotlin.Boolean)">calculateCentroid</a>(useCurrent:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></pre>
       <p>Returns the centroid of all pointers that are down and were previously down. If no pointers are down, <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html#Unspecified()">Offset.Unspecified</a></code> is returned. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroid(kotlin.Boolean)">useCurrent</a></code> is <code>true</code>, the centroid of the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> is returned and if <code>false</code>, the centroid of the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> is returned. Only pointers that are down in both the previous and current state are used to calculate the centroid.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.calculateCentroid
 import androidx.compose.foundation.gestures.calculateCentroidSize
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -1493,7 +1493,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroidSize(kotlin.Boolean)">calculateCentroidSize</a>(useCurrent:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></pre>
       <p>Returns the average distance from the centroid for all pointers that are currently and were previously down. If no pointers are down, <code>0</code> is returned. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroidSize(kotlin.Boolean)">useCurrent</a></code> is <code>true</code>, the size of the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> is returned and if <code>false</code>, the size of <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> is returned. Only pointers that are down in both the previous and current state are used to calculate the centroid size.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.calculateCentroid
 import androidx.compose.foundation.gestures.calculateCentroidSize
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -1539,7 +1539,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculatePan()">calculatePan</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></pre>
       <p>Returns the change in the centroid location between the previous and the current pointers that are down. Pointers that are newly down or raised are not considered in the centroid movement.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.calculatePan
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -1579,7 +1579,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateRotation()">calculateRotation</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></pre>
       <p>Returns the rotation, in degrees, of the pointers between the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> states. Only the pointers that are down in both previous and current states are considered.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.calculateRotation
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -1614,7 +1614,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateZoom()">calculateZoom</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></pre>
       <p>Uses the change of the centroid size between the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> to determine how much zoom was intended.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.calculateZoom
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -1650,7 +1650,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragStart</a></code> called when the touch slop has been passed and includes an <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code> representing the last known pointer position relative to the containing element. The <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code> can be outside the actual bounds of the element itself meaning the numbers can be negative or larger than the element bounds if the touch target is smaller than the <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#minimumTouchTargetSize()">ViewConfiguration.minimumTouchTargetSize</a></code>.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectDragGestures
 import androidx.compose.foundation.layout.Box
@@ -1727,7 +1727,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGesturesAfterLongPress(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragStart</a></code> called when a long press is detected and includes an <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code> representing the last known pointer position relative to the containing element. The <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code> can be outside the actual bounds of the element itself meaning the numbers can be negative or larger than the element bounds if the touch target is smaller than the <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#minimumTouchTargetSize()">ViewConfiguration.minimumTouchTargetSize</a></code>.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGesturesAfterLongPress(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGesturesAfterLongPress(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture. This function will automatically consume all the position change after the long press.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectDragGesturesAfterLongPress
 import androidx.compose.foundation.layout.Box
@@ -1803,7 +1803,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectHorizontalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectHorizontalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture.</p>
       <p>This gesture detector will coordinate with <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectVerticalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">detectVerticalDragGestures</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitVerticalTouchSlopOrCancellation</a></code> to ensure only vertical or horizontal dragging is locked, but not both.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectHorizontalDragGestures
 import androidx.compose.foundation.layout.Box
@@ -1877,7 +1877,7 @@
       <p>A gesture detector for rotation, panning, and zoom. Once touch slop has been reached, the user can use rotation, panning and zoom gestures. <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">onGesture</a></code> will be called when any of the rotation, zoom or pan occurs, passing the rotation angle in degrees, zoom in scale factor and pan as an offset in pixels. Each of these changes is a difference between the previous call and the current gesture. This will consume all position changes after touch slop has been reached. <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">onGesture</a></code> will also provide centroid of all the pointers that are down.</p>
       <p>If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">panZoomLock</a></code> is <code>true</code>, rotation is allowed only if touch slop is detected for rotation before pan or zoom motions. If not, pan and zoom gestures will be detected, but rotation gestures will not be. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">panZoomLock</a></code> is <code>false</code>, once touch slop is reached, all three gestures are detected.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectTransformGestures
 import androidx.compose.foundation.layout.Box
@@ -1950,7 +1950,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectVerticalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectVerticalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture.</p>
       <p>This gesture detector will coordinate with <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectHorizontalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">detectHorizontalDragGestures</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitHorizontalTouchSlopOrCancellation</a></code> to ensure only vertical or horizontal dragging is locked, but not both.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectVerticalDragGestures
 import androidx.compose.foundation.layout.Box
@@ -2013,7 +2013,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">drag</h3>
       <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">drag</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onDrag:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Reads position change events for <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> and calls <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">onDrag</a></code> for every change in position. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> is raised, a new pointer is chosen from those that are down and if none exist, the method returns. This does not wait for touch slop.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitTouchSlopOrCancellation
@@ -2135,7 +2135,7 @@
       <p>The common usecase for this component is when you need to be able to drag something inside the component on the screen and represent this state via one float value</p>
       <p>If you need to control the whole dragging flow, consider using <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> instead with the helper functions like <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">detectDragGestures</a></code>.</p>
       <p>If you are implementing scroll/fling behavior, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).scrollable(androidx.compose.foundation.gestures.ScrollableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,androidx.compose.foundation.interaction.MutableInteractionSource)">scrollable</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.draggable
 import androidx.compose.foundation.gestures.rememberDraggableState
@@ -2250,7 +2250,7 @@
       <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">horizontalDrag</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onDrag:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Reads horizontal position change events for <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> and calls <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">onDrag</a></code> for every change in position. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> is raised, a new pointer is chosen from those that are down and if none exist, the method returns. This does not wait for touch slop.</p>
       <p>Example Usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitHorizontalTouchSlopOrCancellation
@@ -2464,7 +2464,7 @@
       <p>Users should update their state themselves using default <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> and its <code>consumeScrollDelta</code> callback or by implementing <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> interface manually and reflect their own state in UI when using this component.</p>
       <p>If you don't need to have fling or nested scroll support, but want to make component simply draggable, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).draggable(androidx.compose.foundation.gestures.DraggableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean,kotlin.coroutines.SuspendFunction2,kotlin.coroutines.SuspendFunction2,kotlin.Boolean)">draggable</a></code>.</p>
       <p>This overload provides the access to <code><a href="/reference/kotlin/androidx/compose/foundation/OverscrollEffect.html">OverscrollEffect</a></code> that defines the behaviour of the over scrolling logic. Consider using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableDefaults.html#overscrollEffect()">ScrollableDefaults.overscrollEffect</a></code> for the platform look-and-feel.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.rememberScrollableState
 import androidx.compose.foundation.gestures.scrollable
@@ -2563,7 +2563,7 @@
       <p>Configure touch scrolling and flinging for the UI element in a single <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/Orientation.html">Orientation</a></code>.</p>
       <p>Users should update their state themselves using default <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> and its <code>consumeScrollDelta</code> callback or by implementing <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> interface manually and reflect their own state in UI when using this component.</p>
       <p>If you don't need to have fling or nested scroll support, but want to make component simply draggable, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).draggable(androidx.compose.foundation.gestures.DraggableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean,kotlin.coroutines.SuspendFunction2,kotlin.coroutines.SuspendFunction2,kotlin.Boolean)">draggable</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.rememberScrollableState
 import androidx.compose.foundation.gestures.scrollable
@@ -2707,7 +2707,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).transformable(androidx.compose.foundation.gestures.TransformableState,kotlin.Boolean,kotlin.Boolean)">transformable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;state:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/gestures/TransformableState.html">TransformableState</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;lockRotationOnZoomPan:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false,<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Enable transformation gestures of the modified UI element.</p>
       <p>Users should update their state themselves using default <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/TransformableState.html">TransformableState</a></code> and its <code>onTransformation</code> callback or by implementing <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/TransformableState.html">TransformableState</a></code> interface manually and reflect their own state in UI when using this component.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.gestures.animateZoomBy
@@ -2814,7 +2814,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">verticalDrag</h3>
       <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">verticalDrag</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onDrag:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Reads vertical position change events for <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> and calls <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">onDrag</a></code> for every change in position. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> is raised, a new pointer is chosen from those that are down and if none exist, the method returns. This does not wait for touch slop</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitVerticalTouchSlopOrCancellation
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html
index 5faa1bc..b164159 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html
@@ -19,7 +19,7 @@
     <p>When long snapping, you can use <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapLayoutInfoProvider.html#(androidx.compose.ui.unit.Density).calculateApproachOffset(kotlin.Float)">SnapLayoutInfoProvider.calculateApproachOffset</a></code> to indicate that snapping should happen after this offset. If the velocity generated by the fling is high enough to get there, we'll use <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html#highVelocityAnimationSpec()">highVelocityAnimationSpec</a></code> to get to that offset and then we'll snap to the next bound calculated by <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapLayoutInfoProvider.html#(androidx.compose.ui.unit.Density).calculateSnappingOffsetBounds()">SnapLayoutInfoProvider.calculateSnappingOffsetBounds</a></code> in the direction of the fling using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html#snapAnimationSpec()">snapAnimationSpec</a></code>.</p>
     <p>If the velocity is not high enough, we'll use <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html#lowVelocityAnimationSpec()">lowVelocityAnimationSpec</a></code> to approach and then use <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html#snapAnimationSpec()">snapAnimationSpec</a></code> to snap into place.</p>
     <p>Please refer to the sample to learn how to use this API.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.snapping.rememberSnapFlingBehavior
 import androidx.compose.foundation.layout.Box
@@ -52,7 +52,7 @@
         }
     }
 }</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.snapping.SnapLayoutInfoProvider
 import androidx.compose.foundation.gestures.snapping.rememberSnapFlingBehavior
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/interaction/InteractionSource.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/interaction/InteractionSource.html
index ded6daa..d4313ad 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/interaction/InteractionSource.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/interaction/InteractionSource.html
@@ -38,7 +38,7 @@
     <p>InteractionSource represents a stream of <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>s corresponding to events emitted by a component. These <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>s can be used to change how components appear in different states, such as when a component is pressed or dragged.</p>
     <p>A common use case is <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).indication(androidx.compose.foundation.interaction.InteractionSource,androidx.compose.foundation.Indication)">androidx.compose.foundation.indication</a></code>, where <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">androidx.compose.foundation.Indication</a></code> implementations can subscribe to an <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/InteractionSource.html">InteractionSource</a></code> to draw indication for different <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>s, such as a ripple effect for <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/PressInteraction.Press.html">PressInteraction.Press</a></code> and a state overlay for <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/DragInteraction.Start.html">DragInteraction.Start</a></code>.</p>
     <p>For simple cases where you are interested in the binary state of an <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>, such as whether a component is pressed or not, you can use <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/package-summary.html#(androidx.compose.foundation.interaction.InteractionSource).collectIsPressedAsState()">InteractionSource.collectIsPressedAsState</a></code> and other extension functions that subscribe and return a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">Boolean</a></code> representing whether the component is in this state or not.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.border
@@ -107,7 +107,7 @@
     <p>For more complex cases, such as when building an <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">androidx.compose.foundation.Indication</a></code>, the order of the events can change how a component / indication should be drawn. For example, if a component is being dragged and then becomes focused, the most recent <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code> is <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/FocusInteraction.Focus.html">FocusInteraction.Focus</a></code>, so the component should appear in a focused state to signal this event to the user.</p>
     <p>InteractionSource exposes <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/InteractionSource.html#interactions()">interactions</a></code> to support these use cases - a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> representing the stream of all emitted <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>s. This also provides more information, such as the press position of <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/PressInteraction.Press.html">PressInteraction.Press</a></code>, so you can show an effect at the specific point the component was pressed, and whether the press was <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/PressInteraction.Release.html">PressInteraction.Release</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/PressInteraction.Cancel.html">PressInteraction.Cancel</a></code>, for cases when a component should behave differently if the press was released normally or interrupted by another gesture.</p>
     <p>You can collect from <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/InteractionSource.html#interactions()">interactions</a></code> as you would with any other <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code>:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.border
@@ -317,7 +317,7 @@
         <h3 class="api-name" id="interactions()">interactions</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/interaction/InteractionSource.html#interactions()">interactions</a>:&nbsp;<a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a>&lt;<a href="/reference/kotlin/androidx/compose/foundation/interaction/Interaction.html">Interaction</a>&gt;</pre>
         <p><code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> representing the stream of all <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>s emitted through this <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/InteractionSource.html">InteractionSource</a></code>. This can be used to see <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/Interaction.html">Interaction</a></code>s emitted in order, and with additional metadata, such as the press position for <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/PressInteraction.Press.html">PressInteraction.Press</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.border
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html
index b42ae69..ce3c156 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html
@@ -94,7 +94,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Horizontal)">align</a>(alignment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.Horizontal.html">Alignment.Horizontal</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Align the element horizontally within the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>. This alignment will have priority over the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>'s <code>horizontalAlignment</code> parameter.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -134,7 +134,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a>(alignmentLine:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/VerticalAlignmentLine.html">VerticalAlignmentLine</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Position the element horizontally such that its <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignmentLine</a></code> aligns with sibling elements also configured to <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code>. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> is a form of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Horizontal)">align</a></code>, so both modifiers will not work together if specified for the same layout. Within a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>, all components with <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> will align horizontally using the specified <code><a href="/reference/kotlin/androidx/compose/ui/layout/VerticalAlignmentLine.html">VerticalAlignmentLine</a></code>s or values provided using the other <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> overload, forming a sibling group. At least one element of the sibling group will be placed as it had <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#Start()">Alignment.Start</a></code> align in <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>, and the alignment of the other siblings will be then determined such that the alignment lines coincide. Note that if only one element in a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code> has the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> modifier specified the element will be positioned as if it had <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#Start()">Alignment.Start</a></code> align.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -192,7 +192,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(kotlin.Function1)">alignBy</a>(alignmentLineBlock:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/layout/Measured.html">Measured</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Position the element horizontally such that the alignment line for the content as determined by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(kotlin.Function1)">alignmentLineBlock</a></code> aligns with sibling elements also configured to <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code>. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> is a form of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Horizontal)">align</a></code>, so both modifiers will not work together if specified for the same layout. Within a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>, all components with <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> will align horizontally using the specified <code><a href="/reference/kotlin/androidx/compose/ui/layout/VerticalAlignmentLine.html">VerticalAlignmentLine</a></code>s or values obtained from <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(kotlin.Function1)">alignmentLineBlock</a></code>, forming a sibling group. At least one element of the sibling group will be placed as it had <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#Start()">Alignment.Start</a></code> align in <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>, and the alignment of the other siblings will be then determined such that the alignment lines coincide. Note that if only one element in a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code> has the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.VerticalAlignmentLine)">alignBy</a></code> modifier specified the element will be positioned as if it had <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#Start()">Alignment.Start</a></code> align.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -222,7 +222,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).weight(kotlin.Float,kotlin.Boolean)">weight</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).weight(kotlin.Float,kotlin.Boolean)">weight</a>(weight:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,&nbsp;fill:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Size the element's height proportional to its <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).weight(kotlin.Float,kotlin.Boolean)">weight</a></code> relative to other weighted sibling elements in the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>. The parent will divide the vertical space remaining after measuring unweighted child elements and distribute it according to this weight. When <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).weight(kotlin.Float,kotlin.Boolean)">fill</a></code> is true, the element will be forced to occupy the whole height allocated to it. Otherwise, the element is allowed to be smaller - this will result in <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code> being smaller, as the unused allocated height will not be redistributed to other siblings.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -283,7 +283,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. If there's a need to observe the state change of the enter/exit transition and follow up additional action (e.g. remove data, sequential animation, etc), consider the AnimatedVisibility API variant that takes a <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> parameter.</p>
         <p>Here's an example of using <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">ColumnScope.AnimatedVisibility</a></code> in a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
@@ -411,7 +411,7 @@
         <p>Aside from these three types of <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html">EnterTransition</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html">ExitTransition</a></code>, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> also supports custom enter/exit animations. Some use cases may benefit from custom enter/exit animations on shape, scale, color, etc. Custom enter/exit animations can be created using the <code>Transition&lt;EnterExitState&gt;</code> object from the <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html">AnimatedVisibilityScope</a></code> (i.e. <code><a href="/reference/kotlin/androidx/compose/animation/AnimatedVisibilityScope.html#transition()">AnimatedVisibilityScope.transition</a></code>). See <code><a href="/reference/kotlin/androidx/compose/animation/EnterExitState.html">EnterExitState</a></code> for an example of custom animations. These custom animations will be running along side of the built-in animations specified in <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">enter</a></code> and <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">exit</a></code>. In cases where the enter/exit animation needs to be completely customized, <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">enter</a></code> and/or <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">exit</a></code> can be specified as <code><a href="/reference/kotlin/androidx/compose/animation/EnterTransition.html#None()">EnterTransition.None</a></code> and/or <code><a href="/reference/kotlin/androidx/compose/animation/ExitTransition.html#None()">ExitTransition.None</a></code> as needed. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> will wait until <em>all</em> of enter/exit animations to finish before it considers itself idle. <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> will only be removed after all the (built-in and custom) exit animations have finished.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. Both <code>currentState</code> and <code>targetState</code> will be <code>false</code> for <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.ColumnScope).AnimatedVisibility(androidx.compose.animation.core.MutableTransitionState,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">visibleState</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.MutableTransitionState
 import androidx.compose.foundation.background
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/MutableWindowInsets.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/MutableWindowInsets.html
index 6249350..b8cdb85 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/MutableWindowInsets.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/MutableWindowInsets.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>A <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> whose values can change without changing the instance. This is useful to avoid recomposition when <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> can change.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.MutableWindowInsets
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/RowScope.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/RowScope.html
index f207b4e..7fb8344 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/RowScope.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/RowScope.html
@@ -108,7 +108,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Vertical)">align</a>(alignment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.Vertical.html">Alignment.Vertical</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Align the element vertically within the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>. This alignment will have priority over the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>'s <code>verticalAlignment</code> parameter.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -146,7 +146,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a>(alignmentLine:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/HorizontalAlignmentLine.html">HorizontalAlignmentLine</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Position the element vertically such that its <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignmentLine</a></code> aligns with sibling elements also configured to <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code>. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> is a form of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Vertical)">align</a></code>, so both modifiers will not work together if specified for the same layout. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> can be used to align two layouts by baseline inside a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>, using <code>alignBy(FirstBaseline)</code>. Within a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>, all components with <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> will align vertically using the specified <code><a href="/reference/kotlin/androidx/compose/ui/layout/HorizontalAlignmentLine.html">HorizontalAlignmentLine</a></code>s or values provided using the other <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> overload, forming a sibling group. At least one element of the sibling group will be placed as it had <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#Top()">Alignment.Top</a></code> align in <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>, and the alignment of the other siblings will be then determined such that the alignment lines coincide. Note that if only one element in a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code> has the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> modifier specified the element will be positioned as if it had <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#Top()">Alignment.Top</a></code> align.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -204,7 +204,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(kotlin.Function1)">alignBy</a>(alignmentLineBlock:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/layout/Measured.html">Measured</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Position the element vertically such that the alignment line for the content as determined by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(kotlin.Function1)">alignmentLineBlock</a></code> aligns with sibling elements also configured to <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code>. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> is a form of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Vertical)">align</a></code>, so both modifiers will not work together if specified for the same layout. Within a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>, all components with <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> will align vertically using the specified <code><a href="/reference/kotlin/androidx/compose/ui/layout/HorizontalAlignmentLine.html">HorizontalAlignmentLine</a></code>s or values obtained from <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(kotlin.Function1)">alignmentLineBlock</a></code>, forming a sibling group. At least one element of the sibling group will be placed as it had <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#Top()">Alignment.Top</a></code> align in <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>, and the alignment of the other siblings will be then determined such that the alignment lines coincide. Note that if only one element in a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code> has the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> modifier specified the element will be positioned as if it had <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#Top()">Alignment.Top</a></code> align.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -240,7 +240,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).alignByBaseline()">alignByBaseline</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignByBaseline()">alignByBaseline</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Position the element vertically such that its first baseline aligns with sibling elements also configured to <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignByBaseline()">alignByBaseline</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code>. This modifier is a form of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment.Vertical)">align</a></code>, so both modifiers will not work together if specified for the same layout. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignByBaseline()">alignByBaseline</a></code> is a particular case of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/RowScope.html#(androidx.compose.ui.Modifier).alignBy(androidx.compose.ui.layout.HorizontalAlignmentLine)">alignBy</a></code> for more details.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -338,7 +338,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">AnimatedVisibility</a></code> creates a custom <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> for its content. The size of the custom layout is determined by the largest width and largest height of the children. All children will be aligned to the top start of the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>.</p>
         <p><b>Note</b>: Once the exit transition is finished, the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.RowScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">content</a></code> composable will be removed from the tree, and disposed. If there's a need to observe the state change of the enter/exit transition and follow up additional action (e.g. remove data, sequential animation, etc), consider the AnimatedVisibility API variant that takes a <code><a href="/reference/kotlin/androidx/compose/animation/core/MutableTransitionState.html">MutableTransitionState</a></code> parameter.</p>
         <p>Here's an example of using <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.foundation.layout.RowScope).AnimatedVisibility(kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.animation.EnterTransition,androidx.compose.animation.ExitTransition,kotlin.String,kotlin.Function1)">RowScope.AnimatedVisibility</a></code> in a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html
index 1226056..ab53444 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html
@@ -192,7 +192,7 @@
         <h3 class="api-name" id="(androidx.compose.foundation.layout.WindowInsets).asPaddingValues()">asPaddingValues</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues()">asPaddingValues</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></pre>
         <p>Convert a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> to a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> and uses <code><a href="/reference/kotlin/androidx/compose/ui/platform/package-summary.html#LocalDensity()">LocalDensity</a></code> for DP to pixel conversion. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> can be passed to some containers to pad internal content so that it doesn't overlap the insets when fully scrolled. Ensure that the insets are <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> after the padding is applied if insets are to be used further down the hierarchy.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.asPaddingValues
 import androidx.compose.foundation.lazy.LazyColumn
@@ -215,7 +215,7 @@
         <h3 class="api-name" id="(androidx.compose.foundation.layout.WindowInsets).asPaddingValues(androidx.compose.ui.unit.Density)">asPaddingValues</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues(androidx.compose.ui.unit.Density)">asPaddingValues</a>(density:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Density.html">Density</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></pre>
         <p>Convert a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> to a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> and uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues(androidx.compose.ui.unit.Density)">density</a></code> for DP to pixel conversion. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> can be passed to some containers to pad internal content so that it doesn't overlap the insets when fully scrolled. Ensure that the insets are <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> after the padding is applied if insets are to be used further down the hierarchy.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.asPaddingValues
 import androidx.compose.foundation.lazy.LazyColumn
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/package-summary.html
index 498563c..4da4980 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/layout/package-summary.html
@@ -991,7 +991,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>inline&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;contentAlignment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.html">Alignment</a> = Alignment.TopStart,<br>&nbsp;&nbsp;&nbsp;&nbsp;propagateMinConstraints:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> <a href="/reference/kotlin/androidx/compose/foundation/layout/BoxScope.html">BoxScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>A layout composable with <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">content</a></code>. The <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code> will size itself to fit the content, subject to the incoming constraints. When children are smaller than the parent, by default they will be positioned inside the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code> according to the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">contentAlignment</a></code>. For individually specifying the alignments of the children layouts, use the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/BoxScope.html#(androidx.compose.ui.Modifier).align(androidx.compose.ui.Alignment)">BoxScope.align</a></code> modifier. By default, the content will be measured without the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code>'s incoming min constraints, unless <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">propagateMinConstraints</a></code> is <code>true</code>. As an example, setting <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">propagateMinConstraints</a></code> to <code>true</code> can be useful when the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code> has content on which modifiers cannot be specified directly and setting a min size on the content of the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code> is needed. If <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">propagateMinConstraints</a></code> is set to <code>true</code>, the min size set on the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code> will also be applied to the content, whereas otherwise the min size will only apply to the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">Box</a></code>. When the content has more than one layout child the layout children will be stacked one on top of the other (positioned as explained above) in the composition order.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -1071,7 +1071,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier)">Box</a>(modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>A box with no content that can participate in layout, drawing, pointer input due to the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Box(androidx.compose.ui.Modifier)">modifier</a></code> applied to it.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -1132,7 +1132,7 @@
       <h3 class="api-name" id="BoxWithConstraints(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">BoxWithConstraints</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/kotlin/androidx/compose/ui/UiComposable.html">UiComposable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#BoxWithConstraints(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">BoxWithConstraints</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;contentAlignment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.html">Alignment</a> = Alignment.TopStart,<br>&nbsp;&nbsp;&nbsp;&nbsp;propagateMinConstraints:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> @<a href="/reference/kotlin/androidx/compose/ui/UiComposable.html">UiComposable</a> <a href="/reference/kotlin/androidx/compose/foundation/layout/BoxWithConstraintsScope.html">BoxWithConstraintsScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>A composable that defines its own content according to the available space, based on the incoming constraints or the current <code><a href="/reference/kotlin/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>. Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.BoxWithConstraints
@@ -1200,7 +1200,7 @@
       <p>When the size of the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code> is larger than the sum of its children sizes, a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">verticalArrangement</a></code> can be specified to define the positioning of the children inside the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/Arrangement.html">Arrangement</a></code> for available positioning behaviors; a custom arrangement can also be defined using the constructor of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/Arrangement.html">Arrangement</a></code>. Below is an illustration of different vertical arrangements:</p>
       <p><img alt="Column arrangements" src="https://developer.android.com/images/reference/androidx/compose/foundation/layout/column_arrangement_visualization.gif"></p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -1454,7 +1454,7 @@
       <p>When the size of the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code> is larger than the sum of its children sizes, a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">horizontalArrangement</a></code> can be specified to define the positioning of the children inside the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/Arrangement.html">Arrangement</a></code> for available positioning behaviors; a custom arrangement can also be defined using the constructor of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/Arrangement.html">Arrangement</a></code>. Below is an illustration of different horizontal arrangements:</p>
       <p><img alt="Row arrangements" src="https://developer.android.com/images/reference/androidx/compose/foundation/layout/row_arrangement_visualization.gif"></p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -1535,7 +1535,7 @@
       <h3 class="api-name" id="Spacer(androidx.compose.ui.Modifier)">Spacer</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/kotlin/androidx/compose/runtime/NonRestartableComposable.html">NonRestartableComposable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Spacer(androidx.compose.ui.Modifier)">Spacer</a>(modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Component that represents an empty space layout, whose size can be defined using <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">Modifier.width</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">Modifier.height</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">Modifier.size</a></code> modifiers.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Row
@@ -1576,7 +1576,7 @@
       <h3 class="api-name" id="WindowInsets(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">WindowInsets</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#WindowInsets(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">WindowInsets</a>(left:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = 0.dp,&nbsp;top:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = 0.dp,&nbsp;right:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = 0.dp,&nbsp;bottom:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = 0.dp):&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></pre>
       <p>Create a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> with fixed dimensions, using <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a></code> values.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.WindowInsets
@@ -1601,7 +1601,7 @@
       <h3 class="api-name" id="WindowInsets(kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int)">WindowInsets</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#WindowInsets(kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int)">WindowInsets</a>(left:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,&nbsp;top:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,&nbsp;right:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,&nbsp;bottom:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0):&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></pre>
       <p>Create a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> with fixed dimensions.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.WindowInsets
@@ -1628,7 +1628,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">absoluteOffset</a>(x:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = 0.dp,&nbsp;y:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = 0.dp):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Offset the content by (<code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> dp, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">y</a></code> dp). The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
       <p>This modifier will not consider layout direction when calculating the position of the content: a positive <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> offset will always move the content to the right. For a modifier that considers the layout direction when applying the offset, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">offset</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.absoluteOffset
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.wrapContentSize
@@ -1669,7 +1669,7 @@
       <p>Offset the content by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(kotlin.Function1)">offset</a></code> px. The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
       <p>This modifier is designed to be used for offsets that change, possibly due to user interactions. It avoids recomposition when the offset is changing, and also adds a graphics layer that prevents unnecessary redrawing of the context when the offset is changing.</p>
       <p>This modifier will not consider layout direction when calculating the position of the content: a positive horizontal offset will always move the content to the right. For a modifier that considers layout direction when applying the offset, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(kotlin.Function1)">offset</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.absoluteOffset
 import androidx.compose.material.Text
@@ -1713,7 +1713,7 @@
       <p>Apply additional space along each edge of the content in <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a></code>: <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">left</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">top</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">right</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">bottom</a></code>. These paddings are applied without regard to the current <code><a href="/reference/kotlin/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">padding</a></code> to apply relative paddings. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
       <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.absolutePadding
@@ -1736,7 +1736,7 @@
       <h3 class="api-name" id="(androidx.compose.foundation.layout.WindowInsets).asPaddingValues()">asPaddingValues</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues()">asPaddingValues</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></pre>
       <p>Convert a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> to a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> and uses <code><a href="/reference/kotlin/androidx/compose/ui/platform/package-summary.html#LocalDensity()">LocalDensity</a></code> for DP to pixel conversion. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> can be passed to some containers to pad internal content so that it doesn't overlap the insets when fully scrolled. Ensure that the insets are <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> after the padding is applied if insets are to be used further down the hierarchy.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.asPaddingValues
 import androidx.compose.foundation.lazy.LazyColumn
@@ -1759,7 +1759,7 @@
       <h3 class="api-name" id="(androidx.compose.foundation.layout.WindowInsets).asPaddingValues(androidx.compose.ui.unit.Density)">asPaddingValues</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues(androidx.compose.ui.unit.Density)">asPaddingValues</a>(density:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Density.html">Density</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></pre>
       <p>Convert a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> to a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> and uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues(androidx.compose.ui.unit.Density)">density</a></code> for DP to pixel conversion. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> can be passed to some containers to pad internal content so that it doesn't overlap the insets when fully scrolled. Ensure that the insets are <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> after the padding is applied if insets are to be used further down the hierarchy.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.asPaddingValues
 import androidx.compose.foundation.lazy.LazyColumn
@@ -1783,7 +1783,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">aspectRatio</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;ratio:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;matchHeightConstraintsFirst:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Attempts to size the content to match a specified aspect ratio by trying to match one of the incoming constraints in the following order: <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minWidth()">Constraints.minWidth</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">Constraints.minHeight</a></code> if <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">matchHeightConstraintsFirst</a></code> is <code>false</code> (which is the default), or <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">Constraints.minHeight</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minWidth()">Constraints.minWidth</a></code> if <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">matchHeightConstraintsFirst</a></code> is <code>true</code>. The size in the other dimension is determined by the aspect ratio. The combinations will be tried in this order until one non-empty is found to satisfy the constraints. If no valid size is obtained this way, it means that there is no non-empty size satisfying both the constraints and the aspect ratio, so the constraints will not be respected and the content will be sized such that the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code> is matched (depending on <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">matchHeightConstraintsFirst</a></code>).</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.aspectRatio
@@ -1829,7 +1829,7 @@
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).captionBar()">WindowInsets.Companion.captionBar</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).displayCutoutPadding()">displayCutoutPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).captionBarPadding()">captionBarPadding</a></code> modifier.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.captionBarPadding
@@ -1851,7 +1851,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/layout/ExperimentalLayoutApi.html">ExperimentalLayoutApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">consumeWindowInsets</a>(paddingValues:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Consume <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">paddingValues</a></code> as insets as if the padding was added irrespective of insets. Layouts further down the hierarchy that use <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeContentPadding()">safeContentPadding</a></code>, and other insets padding Modifiers won't pad for the values that <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">paddingValues</a></code> provides. This can be useful when content offsets are provided by layout rather than <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> modifiers.</p>
       <p>This method consumes all of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">paddingValues</a></code> in addition to whatever has been consumed by other <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> modifiers by ancestors. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> accepting a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> argument ensures that its insets are consumed and doesn't consume more if they have already been consumed by ancestors.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.PaddingValues
@@ -1882,7 +1882,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a>(insets:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Consume insets that haven't been consumed yet by other insets Modifiers similar to <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> without adding any padding.</p>
       <p>This can be useful when content offsets are provided by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues()">WindowInsets.asPaddingValues</a></code>. This should be used further down the hierarchy than the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> is used so that the values aren't consumed before the padding is added.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.asPaddingValues
@@ -1918,7 +1918,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).defaultMinSize(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">defaultMinSize</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;minWidth:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = Dp.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;minHeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = Dp.Unspecified<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Constrain the size of the wrapped layout only when it would be otherwise unconstrained: the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).defaultMinSize(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">minWidth</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).defaultMinSize(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">minHeight</a></code> constraints are only applied when the incoming corresponding constraint is <code>0</code>. The modifier can be used, for example, to define a default min size of a component, while still allowing it to be overidden with smaller min sizes across usages.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.defaultMinSize
@@ -1948,7 +1948,7 @@
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).displayCutout()">WindowInsets.Companion.displayCutout</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).displayCutoutPadding()">displayCutoutPadding</a></code> modifier.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -1985,7 +1985,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fillMaxHeight</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fillMaxHeight</a>(fraction:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 1.0f):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Have the content fill (possibly only partially) the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code> of the incoming measurement constraints, by setting the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height</a></code> and the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height</a></code> to be equal to the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height</a></code> multiplied by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fraction</a></code>. Note that, by default, the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fraction</a></code> is 1, so the modifier will make the content fill the whole available height. If the incoming maximum height is <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#Infinity()">Constraints.Infinity</a></code> this modifier will have no effect.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxHeight
@@ -1994,7 +1994,7 @@
 Box(Modifier.fillMaxHeight().background(Color.Red), contentAlignment = Alignment.Center) {
     Box(Modifier.size(100.dp).background(color = Color.Magenta))
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxHeight
@@ -2036,7 +2036,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fillMaxSize</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fillMaxSize</a>(fraction:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 1.0f):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Have the content fill (possibly only partially) the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code> of the incoming measurement constraints, by setting the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width</a></code> and the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> to be equal to the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> multiplied by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fraction</a></code>, as well as the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height</a></code> and the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">maximum height</a></code> to be equal to the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height</a></code> multiplied by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fraction</a></code>. Note that, by default, the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fraction</a></code> is 1, so the modifier will make the content fill the whole available space. If the incoming maximum width or height is <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#Infinity()">Constraints.Infinity</a></code> this modifier will have no effect in that dimension.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -2045,7 +2045,7 @@
 Box(Modifier.fillMaxSize().background(Color.Red), contentAlignment = Alignment.Center) {
     Box(Modifier.size(100.dp).background(color = Color.Magenta))
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -2087,7 +2087,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fillMaxWidth</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fillMaxWidth</a>(fraction:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 1.0f):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Have the content fill (possibly only partially) the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code> of the incoming measurement constraints, by setting the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width</a></code> and the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> to be equal to the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> multiplied by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fraction</a></code>. Note that, by default, the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fraction</a></code> is 1, so the modifier will make the content fill the whole available width. If the incoming maximum width is <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#Infinity()">Constraints.Infinity</a></code> this modifier will have no effect.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -2096,7 +2096,7 @@
 Box(Modifier.fillMaxWidth().background(Color.Red), contentAlignment = Alignment.Center) {
     Box(Modifier.size(100.dp).background(color = Color.Magenta))
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -2140,7 +2140,7 @@
       <p>Declare the preferred height of the content to be the same as the min or max intrinsic height of the content. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
       <p>See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> for other options of sizing to intrinsic width. Also see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> for other options to set the preferred height.</p>
       <p>Example usage for min intrinsic:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -2172,7 +2172,7 @@
     }
 }</pre>
       <p>Example usage for max intrinsic:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -2205,7 +2205,7 @@
       <p>Declare the preferred height of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.ui.unit.Dp)">height</a></code>dp. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
       <p>For a modifier that sets the height of the content regardless of the incoming constraints see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeight(androidx.compose.foundation.layout.IntrinsicSize)">Modifier.requiredHeight</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">size</a></code> to set other preferred dimensions. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -2225,7 +2225,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/layout/ExperimentalLayoutApi.html">ExperimentalLayoutApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).imeNestedScroll()">imeNestedScroll</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Controls the soft keyboard as a nested scrolling on Android <code><a href="https://developer.android.com/reference/android/os/Build.VERSION_CODES.html#R()">R</a></code> and later. This allows the user to drag the soft keyboard up and down.</p>
       <p>After scrolling, the IME will animate either to the fully shown or fully hidden position, depending on the position and fling.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.imeNestedScroll
 import androidx.compose.foundation.layout.imePadding
@@ -2252,7 +2252,7 @@
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).ime()">WindowInsets.Companion.ime</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).imePadding()">imePadding</a></code> modifier.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -2283,7 +2283,7 @@
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).mandatorySystemGestures()">WindowInsets.Companion.mandatorySystemGestures</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).mandatorySystemGesturesPadding()">mandatorySystemGesturesPadding</a></code> modifier.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -2319,7 +2319,7 @@
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).navigationBars()">WindowInsets.Companion.navigationBars</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemBarsPadding()">systemBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code> modifier.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -2351,7 +2351,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">offset</a>(x:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = 0.dp,&nbsp;y:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = 0.dp):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Offset the content by (<code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> dp, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">y</a></code> dp). The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
       <p>This modifier will automatically adjust the horizontal offset according to the layout direction: when the layout direction is LTR, positive <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> offsets will move the content to the right and when the layout direction is RTL, positive <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> offsets will move the content to the left. For a modifier that offsets without considering layout direction, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">absoluteOffset</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.offset
 import androidx.compose.foundation.layout.wrapContentSize
@@ -2393,7 +2393,7 @@
       <p>Offset the content by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(kotlin.Function1)">offset</a></code> px. The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
       <p>This modifier is designed to be used for offsets that change, possibly due to user interactions. It avoids recomposition when the offset is changing, and also adds a graphics layer that prevents unnecessary redrawing of the context when the offset is changing.</p>
       <p>This modifier will automatically adjust the horizontal offset according to the layout direction: when the LD is LTR, positive horizontal offsets will move the content to the right and when the LD is RTL, positive horizontal offsets will move the content to the left. For a modifier that offsets without considering layout direction, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">absoluteOffset</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.offset
 import androidx.compose.material.Text
@@ -2436,7 +2436,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).onConsumedWindowInsetsChanged(kotlin.Function1)">onConsumedWindowInsetsChanged</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).onConsumedWindowInsetsChanged(kotlin.Function1)">onConsumedWindowInsetsChanged</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;block:&nbsp;(consumedWindowInsets:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Calls <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).onConsumedWindowInsetsChanged(kotlin.Function1)">block</a></code> with the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> that have been consumed, either by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> or one of the padding Modifiers, such as <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).imePadding()">imePadding</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.MutableWindowInsets
@@ -2479,7 +2479,7 @@
       <p>Apply <code><a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> to the component as additional space along each edge of the content's left, top, right and bottom. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
       <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Box
@@ -2497,7 +2497,7 @@
       <p>Apply additional space along each edge of the content in <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a></code>: <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">start</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">top</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">end</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">bottom</a></code>. The start and end edges will be determined by the current <code><a href="/reference/kotlin/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
       <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
@@ -2517,7 +2517,7 @@
       <p>Apply <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">horizontal</a></code> dp space along the left and right edges of the content, and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">vertical</a></code> dp space along the top and bottom edges. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
       <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
@@ -2538,7 +2538,7 @@
       <p>Apply <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp)">all</a></code> dp of additional space along each edge of the content, left, top, right and bottom. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
       <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
@@ -2552,7 +2552,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFrom</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFrom</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;alignmentLine:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;before:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = Dp.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;after:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = Dp.Unspecified<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that can add padding to position the content according to specified distances from its bounds to an <code><a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">alignment line</a></code>. Whether the positioning is vertical or horizontal is defined by the orientation of the given <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">alignmentLine</a></code> (if the line is horizontal, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code> will refer to distances from top and bottom, otherwise they will refer to distances from start and end). The opposite axis sizing and positioning will remain unaffected. The modified layout will try to include the required padding, subject to the incoming max layout constraints, such that the distance from its bounds to the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">alignmentLine</a></code> of the content will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code>, respectively. When the max constraints do not allow this, satisfying the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> requirement will have priority over <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code>. When the modified layout is min constrained in the affected layout direction and the padded layout is smaller than the constraint, the modified layout will satisfy the min constraint and the content will be positioned to satisfy the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> requirement if specified, or the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code> requirement otherwise.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFrom
 import androidx.compose.material.Text
 
@@ -2626,7 +2626,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFrom</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFrom</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;alignmentLine:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;before:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;after:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that can add padding to position the content according to specified distances from its bounds to an <code><a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">alignment line</a></code>. Whether the positioning is vertical or horizontal is defined by the orientation of the given <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">alignmentLine</a></code> (if the line is horizontal, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code> will refer to distances from top and bottom, otherwise they will refer to distances from start and end). The opposite axis sizing and positioning will remain unaffected. The modified layout will try to include the required padding, subject to the incoming max layout constraints, such that the distance from its bounds to the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">alignmentLine</a></code> of the content will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code>, respectively. When the max constraints do not allow this, satisfying the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> requirement will have priority over <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code>. When the modified layout is min constrained in the affected layout direction and the padded layout is smaller than the constraint, the modified layout will satisfy the min constraint and the content will be positioned to satisfy the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> requirement if specified, or the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code> requirement otherwise.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFrom
 import androidx.compose.material.Text
 
@@ -2700,7 +2700,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFromBaseline</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFromBaseline</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;top:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = Dp.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;bottom:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = Dp.Unspecified<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that positions the content in a layout such that the distance from the top of the layout to the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#FirstBaseline()">baseline of the first line of text in the content</a></code> is <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">top</a></code>, and the distance from the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#LastBaseline()">baseline of the last line of text in the content</a></code> to the bottom of the layout is <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">bottom</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFromBaseline
 import androidx.compose.material.Text
 
@@ -2740,7 +2740,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFromBaseline</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFromBaseline</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;top:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;bottom:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that positions the content in a layout such that the distance from the top of the layout to the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#FirstBaseline()">baseline of the first line of text in the content</a></code> is <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">top</a></code>, and the distance from the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#LastBaseline()">baseline of the last line of text in the content</a></code> to the bottom of the layout is <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">bottom</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFromBaseline
 import androidx.compose.material.Text
 
@@ -2787,7 +2787,7 @@
       <p>Declare the height of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeight(androidx.compose.ui.unit.Dp)">height</a></code>dp. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> will not override this value. If the content chooses a size that does not satisfy the incoming <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, the parent layout will be reported a size coerced in the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, and the position of the content will be automatically offset to be centered on the space assigned to the child by the parent layout under the assumption that <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> were respected.</p>
       <p>See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredHeightIn</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredSizeIn</a></code> to set a size range. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeight(androidx.compose.ui.unit.Dp)">height</a></code> to set a preferred height, which is only respected when the incoming constraints allow it.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -2821,7 +2821,7 @@
       <p>Declare the size of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">size</a></code>dp width and height. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> will not override this value. If the content chooses a size that does not satisfy the incoming <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, the parent layout will be reported a size coerced in the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, and the position of the content will be automatically offset to be centered on the space assigned to the child by the parent layout under the assumption that <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> were respected.</p>
       <p>See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredSizeIn</a></code> to set a size range. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">size</a></code> to set a preferred size, which is only respected when the incoming constraints allow it.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.requiredSize
@@ -2859,7 +2859,7 @@
       <p>Declare the width of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidth(androidx.compose.ui.unit.Dp)">width</a></code>dp. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> will not override this value. If the content chooses a size that does not satisfy the incoming <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, the parent layout will be reported a size coerced in the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, and the position of the content will be automatically offset to be centered on the space assigned to the child by the parent layout under the assumption that <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> were respected.</p>
       <p>See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredWidthIn</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredSizeIn</a></code> to set a size range. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidth(androidx.compose.ui.unit.Dp)">width</a></code> to set a preferred width, which is only respected when the incoming constraints allow it.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -2888,7 +2888,7 @@
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).safeContent()">WindowInsets.Companion.safeContent</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeContentPadding()">safeContentPadding</a></code> modifier.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -2925,7 +2925,7 @@
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).safeDrawing()">WindowInsets.Companion.safeDrawing</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code>, the area that the parent pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeDrawingPadding()">safeDrawingPadding</a></code> modifier.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -2961,7 +2961,7 @@
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).safeGestures()">WindowInsets.Companion.safeGestures</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeGesturesPadding()">safeGesturesPadding</a></code> modifier.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -2996,7 +2996,7 @@
       <p>Declare the preferred size of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">width</a></code>dp by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">height</a></code>dp. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
       <p>For a modifier that sets the size of the content regardless of the incoming constraints, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">Modifier.requiredSize</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">width</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">height</a></code> to set width or height alone. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -3011,7 +3011,7 @@
       <p>Declare the preferred size of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">size</a></code>dp square. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
       <p>For a modifier that sets the size of the content regardless of the incoming constraints, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">Modifier.requiredSize</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> to set width or height alone. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -3026,7 +3026,7 @@
       <p>Declare the preferred size of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.DpSize)">size</a></code>. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
       <p>For a modifier that sets the size of the content regardless of the incoming constraints, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">Modifier.requiredSize</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> to set width or height alone. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -3048,7 +3048,7 @@
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).statusBars()">WindowInsets.Companion.statusBars</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).displayCutoutPadding()">displayCutoutPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code> modifier.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -3082,7 +3082,7 @@
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).systemBars()">WindowInsets.Companion.systemBars</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemBarsPadding()">systemBarsPadding</a></code> modifier.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.systemBarsPadding
@@ -3106,7 +3106,7 @@
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).systemGestures()">WindowInsets.Companion.systemGestures</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).waterfallPadding()">waterfallPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemGesturesPadding()">systemGesturesPadding</a></code> modifier.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -3147,7 +3147,7 @@
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).waterfall()">WindowInsets.Companion.waterfall</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemGesturesPadding()">systemGesturesPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).waterfallPadding()">waterfallPadding</a></code> modifier.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -3181,7 +3181,7 @@
       <p>Declare the preferred width of the content to be the same as the min or max intrinsic width of the content. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
       <p>See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> for options of sizing to intrinsic height. Also see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code> for other options to set the preferred width.</p>
       <p>Example usage for min intrinsic:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -3217,7 +3217,7 @@
     }
 }</pre>
       <p>Example usage for max intrinsic:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -3254,7 +3254,7 @@
       <p>Declare the preferred width of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.ui.unit.Dp)">width</a></code>dp. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
       <p>For a modifier that sets the width of the content regardless of the incoming constraints see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidth(androidx.compose.foundation.layout.IntrinsicSize)">Modifier.requiredWidth</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">size</a></code> to set other preferred dimensions. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -3274,7 +3274,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsBottomHeight(androidx.compose.foundation.layout.WindowInsets)">windowInsetsBottomHeight</a>(insets:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Sets the height to that of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsBottomHeight(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#getBottom(androidx.compose.ui.unit.Density)">bottom</a></code> of the screen.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -3305,7 +3305,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsEndWidth(androidx.compose.foundation.layout.WindowInsets)">windowInsetsEndWidth</a>(insets:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Sets the width to that of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsEndWidth(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#End()">end</a></code> of the screen, using either <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#getLeft(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">left</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#getRight(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">right</a></code>, depending on the <code><a href="/reference/kotlin/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -3337,7 +3337,7 @@
       <p>Adds padding so that the content doesn't enter <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> space.</p>
       <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(androidx.compose.foundation.layout.WindowInsets)">insets</a></code>. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
       <p>For example, if an ancestor uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code> and this modifier uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).systemBars()">WindowInsets.Companion.systemBars</a></code>, the portion of the system bars that the status bars uses will not be padded again by this modifier.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -3386,7 +3386,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsStartWidth(androidx.compose.foundation.layout.WindowInsets)">windowInsetsStartWidth</a>(insets:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Sets the width to that of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsStartWidth(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#Start()">start</a></code> of the screen, using either <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#getLeft(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">left</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#getRight(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">right</a></code>, depending on the <code><a href="/reference/kotlin/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -3417,7 +3417,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsTopHeight(androidx.compose.foundation.layout.WindowInsets)">windowInsetsTopHeight</a>(insets:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Sets the height to that of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsTopHeight(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#getTop(androidx.compose.ui.unit.Density)">top</a></code> of the screen.</p>
       <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -3453,7 +3453,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">wrapContentHeight</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;align:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.Vertical.html">Alignment.Vertical</a> = Alignment.CenterVertically,<br>&nbsp;&nbsp;&nbsp;&nbsp;unbounded:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Allow the content to measure at its desired height without regard for the incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height constraint</a></code>, and, if <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">unbounded</a></code> is true, also without regard for the incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height constraint</a></code>. If the content's measured size is smaller than the minimum height constraint, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">align</a></code> it within that minimum height space. If the content's measured size is larger than the maximum height constraint (only possible when <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">unbounded</a></code> is true), <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">align</a></code> over the maximum height space.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.height
@@ -3478,7 +3478,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">wrapContentSize</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;align:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.html">Alignment</a> = Alignment.Center,<br>&nbsp;&nbsp;&nbsp;&nbsp;unbounded:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Allow the content to measure at its desired size without regard for the incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height</a></code> constraints, and, if <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">unbounded</a></code> is true, also without regard for the incoming maximum constraints. If the content's measured size is smaller than the minimum size constraint, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">align</a></code> it within that minimum sized space. If the content's measured size is larger than the maximum size constraint (only possible when <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">unbounded</a></code> is true), <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">align</a></code> within the maximum space.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -3503,7 +3503,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">wrapContentWidth</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;align:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.Horizontal.html">Alignment.Horizontal</a> = Alignment.CenterHorizontally,<br>&nbsp;&nbsp;&nbsp;&nbsp;unbounded:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Allow the content to measure at its desired width without regard for the incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width constraint</a></code>, and, if <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">unbounded</a></code> is true, also without regard for the incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width constraint</a></code>. If the content's measured size is smaller than the minimum width constraint, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">align</a></code> it within that minimum width space. If the content's measured size is larger than the maximum width constraint (only possible when <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">unbounded</a></code> is true), <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">align</a></code> over the maximum width space.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/LazyItemScope.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/LazyItemScope.html
index a84adbb..c1b3056 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/LazyItemScope.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/LazyItemScope.html
@@ -68,7 +68,7 @@
         )<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>This modifier animates the item placement within the Lazy list.</p>
         <p>When you provide a key via <code><a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html#item(kotlin.Any,kotlin.Any,kotlin.Function1)">LazyListScope.item</a></code>/<code><a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html#items(kotlin.Int,kotlin.Function1,kotlin.Function1,kotlin.Function2)">LazyListScope.items</a></code> this modifier will enable item reordering animations. Aside from item reordering all other position changes caused by events like arrangement or alignment changes will also be animated.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.material.Button
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html
index d6f5d31..9f4540e 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html
@@ -182,7 +182,7 @@
         <h3 class="api-name" id="stickyHeader(kotlin.Any,kotlin.Any,kotlin.Function1)">stickyHeader</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html#stickyHeader(kotlin.Any,kotlin.Any,kotlin.Function1)">stickyHeader</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;key:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;contentType:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> <a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyItemScope.html">LazyItemScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Adds a sticky header item, which will remain pinned even when scrolling after it. The header will remain pinned until the next header will take its place.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.fillMaxWidth
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/LazyListState.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/LazyListState.html
index 2a0d54a..ca31a9f 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/LazyListState.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/LazyListState.html
@@ -336,7 +336,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListState.html#canScrollBackward()">canScrollBackward</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether this <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll backward (consume a negative delta). This is typically false if the scroll position is equal to its minimum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -387,7 +387,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListState.html#canScrollForward()">canScrollForward</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether this <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll forward (consume a positive delta). This is typically false if the scroll position is equal to its maximum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -439,7 +439,7 @@
         <p>The index of the first item that is visible.</p>
         <p>Note that this property is observable and if you use it in the composable function it will be recomposed on every change causing potential performance issues.</p>
         <p>If you want to run some side effects like sending an analytics event or updating a state based on this value consider using &quot;snapshotFlow&quot;:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.snapshotFlow
@@ -452,7 +452,7 @@
         }
 }</pre>
         <p>If you need to use it in the composition then consider wrapping the calculation into a derived state in order to only have recompositions when the derived value changes:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.remember
@@ -510,7 +510,7 @@
         <p>The object of <code><a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListLayoutInfo.html">LazyListLayoutInfo</a></code> calculated during the last layout pass. For example, you can use it to calculate what items are currently visible.</p>
         <p>Note that this property is observable and is updated after every scroll or remeasure. If you use it in the composable function it will be recomposed on every change causing potential performance issues including infinity recomposition loop. Therefore, avoid using it in the composition.</p>
         <p>If you want to run some side effects like sending an analytics event or updating a state based on this value consider using &quot;snapshotFlow&quot;:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.snapshotFlow
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/grid/LazyGridState.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/grid/LazyGridState.html
index 9609e30..757b5cc 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/grid/LazyGridState.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/grid/LazyGridState.html
@@ -336,7 +336,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/grid/LazyGridState.html#canScrollBackward()">canScrollBackward</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether this <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll backward (consume a negative delta). This is typically false if the scroll position is equal to its minimum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -387,7 +387,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/grid/LazyGridState.html#canScrollForward()">canScrollForward</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether this <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll forward (consume a positive delta). This is typically false if the scroll position is equal to its maximum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -439,7 +439,7 @@
         <p>The index of the first item that is visible.</p>
         <p>Note that this property is observable and if you use it in the composable function it will be recomposed on every change causing potential performance issues.</p>
         <p>If you want to run some side effects like sending an analytics event or updating a state based on this value consider using &quot;snapshotFlow&quot;:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.grid.rememberLazyGridState
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.snapshotFlow
@@ -452,7 +452,7 @@
         }
 }</pre>
         <p>If you need to use it in the composition then consider wrapping the calculation into a derived state in order to only have recompositions when the derived value changes:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.grid.rememberLazyGridState
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.remember
@@ -488,7 +488,7 @@
         <p>The object of <code><a href="/reference/kotlin/androidx/compose/foundation/lazy/grid/LazyGridLayoutInfo.html">LazyGridLayoutInfo</a></code> calculated during the last layout pass. For example, you can use it to calculate what items are currently visible.</p>
         <p>Note that this property is observable and is updated after every scroll or remeasure. If you use it in the composable function it will be recomposed on every change causing potential performance issues including infinity recomposition loop. Therefore, avoid using it in the composition.</p>
         <p>If you want to run some side effects like sending an analytics event or updating a state based on this value consider using &quot;snapshotFlow&quot;:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.grid.rememberLazyGridState
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.snapshotFlow
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/grid/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/grid/package-summary.html
index f8365b2..cd30ab1 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/grid/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/grid/package-summary.html
@@ -194,7 +194,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/grid/package-summary.html#LazyHorizontalGrid(androidx.compose.foundation.lazy.grid.GridCells,androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.grid.LazyGridState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyHorizontalGrid</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;rows:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/grid/GridCells.html">GridCells</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;state:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/grid/LazyGridState.html">LazyGridState</a> = rememberLazyGridState(),<br>&nbsp;&nbsp;&nbsp;&nbsp;contentPadding:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a> = PaddingValues(0.dp),<br>&nbsp;&nbsp;&nbsp;&nbsp;reverseLayout:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false,<br>&nbsp;&nbsp;&nbsp;&nbsp;horizontalArrangement:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/Arrangement.Horizontal.html">Arrangement.Horizontal</a> = if (!reverseLayout) Arrangement.Start else Arrangement.End,<br>&nbsp;&nbsp;&nbsp;&nbsp;verticalArrangement:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/Arrangement.Vertical.html">Arrangement.Vertical</a> = Arrangement.Top,<br>&nbsp;&nbsp;&nbsp;&nbsp;flingBehavior:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a> = ScrollableDefaults.flingBehavior(),<br>&nbsp;&nbsp;&nbsp;&nbsp;userScrollEnabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/grid/LazyGridScope.html">LazyGridScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>A lazy horizontal grid layout. It composes only visible columns of the grid.</p>
       <p>Sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.layout.wrapContentSize
@@ -226,7 +226,7 @@
     }
 }</pre>
       <p>Sample with custom item spans:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.layout.wrapContentSize
@@ -341,7 +341,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/grid/package-summary.html#LazyVerticalGrid(androidx.compose.foundation.lazy.grid.GridCells,androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.grid.LazyGridState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyVerticalGrid</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;columns:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/grid/GridCells.html">GridCells</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;state:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/grid/LazyGridState.html">LazyGridState</a> = rememberLazyGridState(),<br>&nbsp;&nbsp;&nbsp;&nbsp;contentPadding:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a> = PaddingValues(0.dp),<br>&nbsp;&nbsp;&nbsp;&nbsp;reverseLayout:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false,<br>&nbsp;&nbsp;&nbsp;&nbsp;verticalArrangement:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/Arrangement.Vertical.html">Arrangement.Vertical</a> = if (!reverseLayout) Arrangement.Top else Arrangement.Bottom,<br>&nbsp;&nbsp;&nbsp;&nbsp;horizontalArrangement:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/Arrangement.Horizontal.html">Arrangement.Horizontal</a> = Arrangement.Start,<br>&nbsp;&nbsp;&nbsp;&nbsp;flingBehavior:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a> = ScrollableDefaults.flingBehavior(),<br>&nbsp;&nbsp;&nbsp;&nbsp;userScrollEnabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/grid/LazyGridScope.html">LazyGridScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>A lazy vertical grid layout. It composes only visible rows of the grid.</p>
       <p>Sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.wrapContentSize
@@ -369,7 +369,7 @@
     }
 }</pre>
       <p>Sample with custom item spans:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.wrapContentSize
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/package-summary.html
index ceadc7d..e20f555 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/package-summary.html
@@ -151,7 +151,7 @@
       <h3 class="api-name" id="LazyColumn(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyColumn</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/package-summary.html#LazyColumn(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyColumn</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;state:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListState.html">LazyListState</a> = rememberLazyListState(),<br>&nbsp;&nbsp;&nbsp;&nbsp;contentPadding:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a> = PaddingValues(0.dp),<br>&nbsp;&nbsp;&nbsp;&nbsp;reverseLayout:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false,<br>&nbsp;&nbsp;&nbsp;&nbsp;verticalArrangement:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/Arrangement.Vertical.html">Arrangement.Vertical</a> = if (!reverseLayout) Arrangement.Top else Arrangement.Bottom,<br>&nbsp;&nbsp;&nbsp;&nbsp;horizontalAlignment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.Horizontal.html">Alignment.Horizontal</a> = Alignment.Start,<br>&nbsp;&nbsp;&nbsp;&nbsp;flingBehavior:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a> = ScrollableDefaults.flingBehavior(),<br>&nbsp;&nbsp;&nbsp;&nbsp;userScrollEnabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html">LazyListScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>The vertically scrolling list that only composes and lays out the currently visible items. The <code><a href="/reference/kotlin/androidx/compose/foundation/lazy/package-summary.html#LazyColumn(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">content</a></code> block defines a DSL which allows you to emit items of different types. For example you can use <code><a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html#item(kotlin.Any,kotlin.Any,kotlin.Function1)">LazyListScope.item</a></code> to add a single item and <code><a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html#items(kotlin.Int,kotlin.Function1,kotlin.Function1,kotlin.Function2)">LazyListScope.items</a></code> to add a list of items.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.lazy.itemsIndexed
@@ -247,7 +247,7 @@
       <h3 class="api-name" id="LazyRow(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyRow</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/package-summary.html#LazyRow(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyRow</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;state:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListState.html">LazyListState</a> = rememberLazyListState(),<br>&nbsp;&nbsp;&nbsp;&nbsp;contentPadding:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a> = PaddingValues(0.dp),<br>&nbsp;&nbsp;&nbsp;&nbsp;reverseLayout:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false,<br>&nbsp;&nbsp;&nbsp;&nbsp;horizontalArrangement:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/Arrangement.Horizontal.html">Arrangement.Horizontal</a> = if (!reverseLayout) Arrangement.Start else Arrangement.End,<br>&nbsp;&nbsp;&nbsp;&nbsp;verticalAlignment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.Vertical.html">Alignment.Vertical</a> = Alignment.Top,<br>&nbsp;&nbsp;&nbsp;&nbsp;flingBehavior:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a> = ScrollableDefaults.flingBehavior(),<br>&nbsp;&nbsp;&nbsp;&nbsp;userScrollEnabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html">LazyListScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>The horizontally scrolling list that only composes and lays out the currently visible items. The <code><a href="/reference/kotlin/androidx/compose/foundation/lazy/package-summary.html#LazyRow(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">content</a></code> block defines a DSL which allows you to emit items of different types. For example you can use <code><a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html#item(kotlin.Any,kotlin.Any,kotlin.Function1)">LazyListScope.item</a></code> to add a single item and <code><a href="/reference/kotlin/androidx/compose/foundation/lazy/LazyListScope.html#items(kotlin.Int,kotlin.Function1,kotlin.Function1,kotlin.Function2)">LazyListScope.items</a></code> to add a list of items.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.lazy.LazyRow
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.lazy.itemsIndexed
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridState.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridState.html
index 5f4634a..77acaad 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridState.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridState.html
@@ -335,7 +335,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridState.html#canScrollBackward()">canScrollBackward</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether this <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll backward (consume a negative delta). This is typically false if the scroll position is equal to its minimum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -386,7 +386,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridState.html#canScrollForward()">canScrollForward</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether this <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll forward (consume a positive delta). This is typically false if the scroll position is equal to its maximum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/package-summary.html
index aad8914..e4dc944 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/package-summary.html
@@ -491,7 +491,7 @@
       <h3 class="api-name" id="Canvas(androidx.compose.ui.Modifier,kotlin.Function1)">Canvas</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#Canvas(androidx.compose.ui.Modifier,kotlin.Function1)">Canvas</a>(modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>,&nbsp;onDraw:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Component that allow you to specify an area on the screen and perform canvas drawing on this area. You MUST specify size with modifier, whether with exact sizes via Modifier.size modifier, or relative to parent, via Modifier.fillMaxSize, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).weight(kotlin.Float,kotlin.Boolean)">ColumnScope.weight</a></code>, etc. If parent wraps this child, only exact sizes must be specified.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.geometry.Offset
@@ -540,7 +540,7 @@
       <h3 class="api-name" id="Canvas(androidx.compose.ui.Modifier,kotlin.String,kotlin.Function1)">Canvas</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#Canvas(androidx.compose.ui.Modifier,kotlin.String,kotlin.Function1)">Canvas</a>(modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>,&nbsp;contentDescription:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>,&nbsp;onDraw:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Component that allow you to specify an area on the screen and perform canvas drawing on this area. You MUST specify size with modifier, whether with exact sizes via Modifier.size modifier, or relative to parent, via Modifier.fillMaxSize, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.html#(androidx.compose.ui.Modifier).weight(kotlin.Float,kotlin.Boolean)">ColumnScope.weight</a></code>, etc. If parent wraps this child, only exact sizes must be specified.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.geometry.Offset
@@ -605,14 +605,14 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/kotlin/androidx/compose/runtime/NonRestartableComposable.html">NonRestartableComposable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#Image(androidx.compose.ui.graphics.ImageBitmap,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter,androidx.compose.ui.graphics.FilterQuality)">Image</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;bitmap:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;contentDescription:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>?,<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;alignment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.html">Alignment</a> = Alignment.Center,<br>&nbsp;&nbsp;&nbsp;&nbsp;contentScale:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/ContentScale.html">ContentScale</a> = ContentScale.Fit,<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = DefaultAlpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;colorFilter:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/ColorFilter.html">ColorFilter</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;filterQuality:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/FilterQuality.html">FilterQuality</a> = DefaultFilterQuality<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>A composable that lays out and draws a given <code><a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code>. This will attempt to size the composable according to the <code><a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code>'s given width and height. However, an optional <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> parameter can be provided to adjust sizing or draw additional content (ex. background). Any unspecified dimension will leverage the <code><a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code>'s size as a minimum constraint.</p>
       <p>The following sample shows basic usage of an Image composable to position and draw an <code><a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code> on screen</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 
 val ImageBitmap = createTestImage()
 // Lays out and draws an image sized to the dimensions of the ImageBitmap
 Image(bitmap = ImageBitmap, contentDescription = &quot;Localized description&quot;)</pre>
       <p>For use cases that require drawing a rectangular subset of the <code><a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code> consumers can use overload that consumes a <code><a href="/reference/kotlin/androidx/compose/ui/graphics/painter/Painter.html">Painter</a></code> parameter shown in this sample</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.ui.graphics.painter.BitmapPainter
 import androidx.compose.ui.unit.IntOffset
@@ -697,7 +697,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#Image(androidx.compose.ui.graphics.painter.Painter,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">Image</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;painter:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/painter/Painter.html">Painter</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;contentDescription:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>?,<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;alignment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.html">Alignment</a> = Alignment.Center,<br>&nbsp;&nbsp;&nbsp;&nbsp;contentScale:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/ContentScale.html">ContentScale</a> = ContentScale.Fit,<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = DefaultAlpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;colorFilter:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/ColorFilter.html">ColorFilter</a>? = null<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Creates a composable that lays out and draws a given <code><a href="/reference/kotlin/androidx/compose/ui/graphics/painter/Painter.html">Painter</a></code>. This will attempt to size the composable according to the <code><a href="/reference/kotlin/androidx/compose/ui/graphics/painter/Painter.html">Painter</a></code>'s intrinsic size. However, an optional <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> parameter can be provided to adjust sizing or draw additional content (ex. background)</p>
       <p><b>NOTE</b> a Painter might not have an intrinsic size, so if no LayoutModifier is provided as part of the Modifier chain this might size the <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#Image(androidx.compose.ui.graphics.ImageBitmap,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">Image</a></code> composable to a width and height of zero and will not draw any content. This can happen for Painter implementations that always attempt to fill the bounds like <code><a href="/reference/kotlin/androidx/compose/ui/graphics/painter/ColorPainter.html">ColorPainter</a></code></p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.size
 import androidx.compose.runtime.remember
@@ -903,7 +903,7 @@
       <p>This function should be used to help build responsive UIs that follow the system setting, to avoid harsh contrast changes when switching between applications.</p>
       <p>It is also recommended to provide user accessible overrides in your application, so users can choose to force an always-light or always-dark theme. To do this, you should provide the current theme value in a CompositionLocal or similar to components further down your hierarchy, only calling this effect once at the top level if no user override has been set. This also helps avoid multiple calls to this effect, which can be expensive as it queries system configuration.</p>
       <p>For example, to draw a white rectangle when in dark theme, and a black rectangle when in light theme:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.isSystemInDarkTheme
 import androidx.compose.foundation.layout.Box
@@ -941,7 +941,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#rememberScrollState(kotlin.Int)">rememberScrollState</a>(initial:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0):&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/ScrollState.html">ScrollState</a></pre>
       <p>Create and <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#remember(kotlin.Function0)">remember</a></code> the <code><a href="/reference/kotlin/androidx/compose/foundation/ScrollState.html">ScrollState</a></code> based on the currently appropriate scroll configuration to allow changing scroll position or observing scroll behavior.</p>
       <p>Learn how to control the state of <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">Modifier.verticalScroll</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">Modifier.horizontalScroll</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.gestures.animateScrollBy
 import androidx.compose.foundation.horizontalScroll
@@ -1023,7 +1023,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">background</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">background</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;brush:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;shape:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shape.html">Shape</a> = RectangleShape,<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 1.0f<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Draws <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">shape</a></code> with <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">brush</a></code> behind the content.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.CutCornerShape
@@ -1077,7 +1077,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">background</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">background</a>(color:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a>,&nbsp;shape:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shape.html">Shape</a> = RectangleShape):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Draws <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">shape</a></code> with a solid <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">color</a></code> behind the content.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -1128,7 +1128,7 @@
         </li>
       </ul>
       <p>The animation only affects the drawing of the content, not its position. The offset returned by the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> of anything inside the marquee is undefined relative to anything outside the marquee, and may not match its drawn position on screen. This modifier also does not currently support content that accepts position-based input such as pointer events.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.width
@@ -1139,7 +1139,7 @@
     Text(&quot;hello world&quot;, Modifier.basicMarquee())
 }</pre>
       <p>To only animate when the composable is focused, specify <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).basicMarquee(kotlin.Int,androidx.compose.foundation.MarqueeAnimationMode,kotlin.Int,kotlin.Int,androidx.compose.foundation.MarqueeSpacing,androidx.compose.ui.unit.Dp)">animationMode</a></code> and make the composable focusable.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
@@ -1162,7 +1162,7 @@
     )
 }</pre>
       <p>This modifier does not add any visual effects aside from scrolling, but you can add your own by placing modifiers before this one.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.MarqueeSpacing
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.layout.padding
@@ -1264,7 +1264,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">border</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">border</a>(border:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/BorderStroke.html">BorderStroke</a>,&nbsp;shape:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shape.html">Shape</a> = RectangleShape):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Modify element to add border with appearance specified with a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">border</a></code> and a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">shape</a></code> and clip it.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -1306,7 +1306,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">border</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">border</a>(width:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a>,&nbsp;brush:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a>,&nbsp;shape:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shape.html">Shape</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Modify element to add border with appearance specified with a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">width</a></code>, a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">brush</a></code> and a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">shape</a></code> and clip it.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -1361,7 +1361,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">border</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">border</a>(width:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a>,&nbsp;color:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a>,&nbsp;shape:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shape.html">Shape</a> = RectangleShape):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Modify element to add border with appearance specified with a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">width</a></code>, a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">color</a></code> and a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">shape</a></code> and clip it.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.padding
@@ -1416,7 +1416,7 @@
       <p>Configure component to receive clicks via input or accessibility &quot;click&quot; event.</p>
       <p>Add this modifier to the element to make it clickable within its bounds and show an indication as specified in <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).clickable(androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.Indication,kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)">indication</a></code> parameter.</p>
       <p>If you need to support double click or long click alongside the single click, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).combinedClickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.String,kotlin.Function0,kotlin.Function0,kotlin.Function0)">combinedClickable</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -1484,7 +1484,7 @@
       <p>Add this modifier to the element to make it clickable within its bounds and show a default indication when it's pressed.</p>
       <p>This version has no <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
       <p>If you need to support double click or long click alongside the single click, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).combinedClickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.String,kotlin.Function0,kotlin.Function0,kotlin.Function0)">combinedClickable</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -1566,7 +1566,7 @@
       <p>Add this modifier to the element to make it clickable within its bounds.</p>
       <p>If you need only click handling, and no double or long clicks, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).clickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)">clickable</a></code>.</p>
       <p>Add this modifier to the element to make it clickable within its bounds.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -1652,7 +1652,7 @@
       <p>Add this modifier to the element to make it clickable within its bounds.</p>
       <p>If you need only click handling, and no double or long clicks, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).clickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)">clickable</a></code></p>
       <p>This version has no <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -1775,7 +1775,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusGroup()">focusGroup</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Creates a focus group or marks this component as a focus group. This means that when we move focus using the keyboard or programmatically using <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus()</a></code>, the items within the focus group will be given a higher priority before focus moves to items outside the focus group.</p>
       <p>In the sample below, each column is a focus group, so pressing the tab key will move focus to all the buttons in column 1 before visiting column 2.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusGroup
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
@@ -1795,7 +1795,7 @@
     }
 }</pre>
       <p>Note: The focusable children of a focusable parent automatically form a focus group. This modifier is to be used when you want to create a focus group where the parent is not focusable. If you encounter a component that uses a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusGroup()">focusGroup</a></code> internally, you can make it focusable by using a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">focusable</a></code> modifier. In the second sample here, the <code><a href="/reference/kotlin/androidx/compose/foundation/lazy/package-summary.html#LazyRow(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyRow</a></code> is a focus group that is not itself focusable. But you can make it focusable by adding a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">focusable</a></code> modifier.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.focusable
@@ -1823,7 +1823,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">focusable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;interactionSource:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>? = null<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Configure component to be focusable via focus system or accessibility &quot;focus&quot; event.</p>
       <p>Add this modifier to the element to make it focusable within its bounds.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.interaction.collectIsFocusedAsState
@@ -1891,7 +1891,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">horizontalScroll</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">horizontalScroll</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;state:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/ScrollState.html">ScrollState</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;flingBehavior:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;reverseScrolling:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Modify element to allow to scroll horizontally when width of the content is bigger than max constraints allow.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
@@ -1972,7 +1972,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).hoverable(androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean)">hoverable</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).hoverable(androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean)">hoverable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;interactionSource:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Configure component to be hoverable via pointer enter/exit events.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.hoverable
 import androidx.compose.foundation.interaction.MutableInteractionSource
@@ -2028,7 +2028,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).indication(androidx.compose.foundation.interaction.InteractionSource,androidx.compose.foundation.Indication)">indication</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).indication(androidx.compose.foundation.interaction.InteractionSource,androidx.compose.foundation.Indication)">indication</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;interactionSource:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/interaction/InteractionSource.html">InteractionSource</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;indication:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a>?<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Draws visual effects for this component when interactions occur.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.indication
 import androidx.compose.foundation.interaction.MutableInteractionSource
@@ -2098,7 +2098,7 @@
       <p>Shows a <code><a href="https://developer.android.com/reference/android/widget/Magnifier.html">Magnifier</a></code> widget that shows an enlarged version of the content at <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).magnifier(kotlin.Function1,kotlin.Function1,kotlin.Float,androidx.compose.foundation.MagnifierStyle,kotlin.Function1)">sourceCenter</a></code> relative to the current layout node.</p>
       <p>This function returns a no-op modifier on API levels below P (28), since the framework does not support the <code><a href="https://developer.android.com/reference/android/widget/Magnifier.html">Magnifier</a></code> widget on those levels. However, even on higher API levels, not all magnifier features are supported on all platforms. To check whether a given <code><a href="/reference/kotlin/androidx/compose/foundation/MagnifierStyle.html">MagnifierStyle</a></code> is supported by the current platform, check the <code><a href="/reference/kotlin/androidx/compose/foundation/MagnifierStyle.html#isSupported()">MagnifierStyle.isSupported</a></code> property.</p>
       <p>This function does not allow configuration of <code><a href="https://developer.android.com/reference/android/widget/Magnifier.Builder.html#setSourceBounds(kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int)">source bounds</a></code> since the magnifier widget does not support constraining to the bounds of composables.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectDragGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.magnifier
@@ -2203,7 +2203,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">overscroll</a>(overscrollEffect:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/OverscrollEffect.html">OverscrollEffect</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Renders overscroll from the provided <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">overscrollEffect</a></code>.</p>
       <p>This modifier is a convenience method to call <code><a href="/reference/kotlin/androidx/compose/foundation/OverscrollEffect.html#effectModifier()">OverscrollEffect.effectModifier</a></code>, which renders the actual effect. Note that this modifier is only responsible for the visual part of overscroll - on its own it will not handle input events. In addition to using this modifier you also need to propagate events to the <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">overscrollEffect</a></code>, most commonly by using a <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).scrollable(androidx.compose.foundation.gestures.ScrollableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,androidx.compose.foundation.interaction.MutableInteractionSource)">androidx.compose.foundation.gestures.scrollable</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
@@ -2348,7 +2348,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).progressSemantics()">progressSemantics</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Contains the <code><a href="/reference/kotlin/androidx/compose/ui/semantics/package-summary.html#(androidx.compose.ui.Modifier).semantics(kotlin.Boolean,kotlin.Function1)">semantics</a></code> required for an indeterminate progress indicator, that represents the fact of the in-progress operation.</p>
       <p>If you need determinate progress 0.0 to 1.0, consider using overload with the progress parameter.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.progressSemantics
@@ -2362,7 +2362,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">progressSemantics</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">progressSemantics</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;value:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;valueRange:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.ranges/-closed-floating-point-range/index.html">ClosedFloatingPointRange</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>&gt; = 0f..1f,<br>&nbsp;&nbsp;&nbsp;&nbsp;steps:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Contains the <code><a href="/reference/kotlin/androidx/compose/ui/semantics/package-summary.html#(androidx.compose.ui.Modifier).semantics(kotlin.Boolean,kotlin.Function1)">semantics</a></code> required for a determinate progress indicator or the progress part of a slider, that represents progress within <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">valueRange</a></code>. <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">value</a></code> outside of this range will be coerced into this range.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -2462,7 +2462,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">verticalScroll</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">verticalScroll</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;state:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/ScrollState.html">ScrollState</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;flingBehavior:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;reverseScrolling:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Modify element to allow to scroll vertically when height of the content is bigger than max constraints allow.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/pager/PageSize.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/pager/PageSize.html
index facf5fa..9ca27f6 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/pager/PageSize.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/pager/PageSize.html
@@ -43,7 +43,7 @@
     <hr>
     <p>This is used to determine how Pages are laid out in <code><a href="/reference/kotlin/androidx/compose/foundation/pager/package-summary.html#Pager(androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,kotlin.Int,androidx.compose.foundation.pager.PageSize,androidx.compose.ui.unit.Dp,androidx.compose.foundation.gestures.Orientation,kotlin.Int,androidx.compose.ui.Alignment.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">Pager</a></code>. By changing the size of the pages one can change how many pages are shown.</p>
     <p>Please refer to the sample to learn how to use this API.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/pager/PagerState.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/pager/PagerState.html
index 9a0a49f..b8f43a1 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/pager/PagerState.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/pager/PagerState.html
@@ -234,7 +234,7 @@
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#animateScrollToPage(kotlin.Int,kotlin.Float,androidx.compose.animation.core.AnimationSpec)">animateScrollToPage</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;page:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;pageOffsetFraction:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 0.0f,<br>&nbsp;&nbsp;&nbsp;&nbsp;animationSpec:&nbsp;<a href="/reference/kotlin/androidx/compose/animation/core/AnimationSpec.html">AnimationSpec</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>&gt; = spring(stiffness = Spring.StiffnessMediumLow)<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Scroll animate to a given <code><a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#animateScrollToPage(kotlin.Int,kotlin.Float,androidx.compose.animation.core.AnimationSpec)">page</a></code>. If the <code><a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#animateScrollToPage(kotlin.Int,kotlin.Float,androidx.compose.animation.core.AnimationSpec)">page</a></code> is too far away from <code><a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#currentPage()">currentPage</a></code> we will not compose all pages in the way. We will pre-jump to a nearer page, compose and animate the rest of the pages until <code><a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#animateScrollToPage(kotlin.Int,kotlin.Float,androidx.compose.animation.core.AnimationSpec)">page</a></code>.</p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -371,7 +371,7 @@
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#scrollToPage(kotlin.Int,kotlin.Float)">scrollToPage</a>(page:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>,&nbsp;pageOffsetFraction:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 0.0f):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Scroll (jump immediately) to a given <code><a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#scrollToPage(kotlin.Int,kotlin.Float)">page</a></code>.</p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -451,7 +451,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#canScrollBackward()">canScrollBackward</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether this <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll backward (consume a negative delta). This is typically false if the scroll position is equal to its minimum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -502,7 +502,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#canScrollForward()">canScrollForward</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether this <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> can scroll forward (consume a positive delta). This is typically false if the scroll position is equal to its maximum value, and true otherwise.</p>
         <p>Note that <code>true</code> here does not imply that delta <em>will</em> be consumed - the ScrollableState may decide not to handle the incoming delta (such as if it is already being scrolled separately). Additionally, for backwards compatibility with previous versions of ScrollableState this value defaults to <code>true</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.lazy.LazyColumn
@@ -553,7 +553,7 @@
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#currentPage()">currentPage</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></pre>
         <p>The page that sits closest to the snapped position. This is an observable value and will change as the pager scrolls either by gesture or animation.</p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -598,7 +598,7 @@
         <p>Indicates how far the current page is to the snapped position, this will vary from -0.5 (page is offset towards the start of the layout) to 0.5 (page is offset towards the end of the layout). This is 0.0 if the <code><a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#currentPage()">currentPage</a></code> is in the snapped position. The value will flip once the current page changes.</p>
         <p>This property is observable and shouldn't be used as is in a composable function due to potential performance issues. To use it in the composition, please consider using a derived state (e.g <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#derivedStateOf(kotlin.Function0)">derivedStateOf</a></code>) to only have recompositions when the derived value changes.</p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -662,7 +662,7 @@
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#settledPage()">settledPage</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></pre>
         <p>The page that is currently &quot;settled&quot;. This is an animation/gesture unaware page in the sense that it will not be updated while the pages are being scrolled, but rather when the animation/scroll settles.</p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -706,7 +706,7 @@
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#targetPage()">targetPage</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></pre>
         <p>The page this <code><a href="/reference/kotlin/androidx/compose/foundation/pager/package-summary.html#Pager(androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,kotlin.Int,androidx.compose.foundation.pager.PageSize,androidx.compose.ui.unit.Dp,androidx.compose.foundation.gestures.Orientation,kotlin.Int,androidx.compose.ui.Alignment.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">Pager</a></code> intends to settle to. During fling or animated scroll (from <code><a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#animateScrollToPage(kotlin.Int,kotlin.Float,androidx.compose.animation.core.AnimationSpec)">animateScrollToPage</a></code> this will represent the page this pager intends to settle to. When no scroll is ongoing, this will be equal to <code><a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html#currentPage()">currentPage</a></code>.</p>
         <p>Please refer to the sample to learn how to use this API.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/pager/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/pager/package-summary.html
index 142dc89..6fbf1da 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/pager/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/pager/package-summary.html
@@ -115,7 +115,7 @@
     ),<br>&nbsp;&nbsp;&nbsp;&nbsp;pageContent:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> (page:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>A Pager that scrolls horizontally. Pages are lazily placed in accordance to the available viewport size. By definition, pages in a <code><a href="/reference/kotlin/androidx/compose/foundation/pager/package-summary.html#Pager(androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,kotlin.Int,androidx.compose.foundation.pager.PageSize,androidx.compose.ui.unit.Dp,androidx.compose.foundation.gestures.Orientation,kotlin.Int,androidx.compose.ui.Alignment.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">Pager</a></code> have the same size, defined by <code><a href="/reference/kotlin/androidx/compose/foundation/pager/package-summary.html#HorizontalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">pageSize</a></code> and use a snap animation (provided by <code><a href="/reference/kotlin/androidx/compose/foundation/pager/package-summary.html#HorizontalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">flingBehavior</a></code> to scroll pages into a specific position). You can use <code><a href="/reference/kotlin/androidx/compose/foundation/pager/package-summary.html#HorizontalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">beyondBoundsPageCount</a></code> to place more pages before and after the visible pages.</p>
       <p>If you need snapping with pages of different size, you can use a <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html">SnapFlingBehavior</a></code> with a <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapLayoutInfoProvider.html">SnapLayoutInfoProvider</a></code> adapted to a LazyList.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -272,7 +272,7 @@
     ),<br>&nbsp;&nbsp;&nbsp;&nbsp;pageContent:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> (page:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>A Pager that scrolls vertically. Pages are lazily placed in accordance to the available viewport size. By definition, pages in a <code><a href="/reference/kotlin/androidx/compose/foundation/pager/package-summary.html#Pager(androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,kotlin.Int,androidx.compose.foundation.pager.PageSize,androidx.compose.ui.unit.Dp,androidx.compose.foundation.gestures.Orientation,kotlin.Int,androidx.compose.ui.Alignment.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">Pager</a></code> have the same size, defined by <code><a href="/reference/kotlin/androidx/compose/foundation/pager/package-summary.html#VerticalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">pageSize</a></code> and use a snap animation (provided by <code><a href="/reference/kotlin/androidx/compose/foundation/pager/package-summary.html#VerticalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">flingBehavior</a></code> to scroll pages into a specific position). You can use <code><a href="/reference/kotlin/androidx/compose/foundation/pager/package-summary.html#VerticalPager(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.pager.PageSize,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">beyondBoundsPageCount</a></code> to place more pages before and after the visible pages.</p>
       <p>If you need snapping with pages of different size, you can use a <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapFlingBehavior.html">SnapFlingBehavior</a></code> with a <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/snapping/SnapLayoutInfoProvider.html">SnapLayoutInfoProvider</a></code> adapted to a LazyList.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -427,7 +427,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/pager/package-summary.html#rememberPagerState(kotlin.Int,kotlin.Float)">rememberPagerState</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;initialPage:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,<br>&nbsp;&nbsp;&nbsp;&nbsp;initialPageOffsetFraction:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 0.0f<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html">PagerState</a></pre>
       <p>Creates and remember a <code><a href="/reference/kotlin/androidx/compose/foundation/pager/PagerState.html">PagerState</a></code> to be used with a <code><a href="/reference/kotlin/androidx/compose/foundation/pager/package-summary.html#Pager(androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,kotlin.Int,androidx.compose.foundation.pager.PageSize,androidx.compose.ui.unit.Dp,androidx.compose.foundation.gestures.Orientation,kotlin.Int,androidx.compose.ui.Alignment.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.gestures.snapping.SnapFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1)">Pager</a></code></p>
       <p>Please refer to the sample to learn how to use this API.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html
index 2589e89..1afc642 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html
@@ -16,7 +16,7 @@
     <p>Can be used to send <code><a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html#bringIntoView(androidx.compose.ui.geometry.Rect)">bringIntoView</a></code> requests. Pass it as a parameter to <code><a href="/reference/kotlin/androidx/compose/foundation/relocation/package-summary.html#(androidx.compose.ui.Modifier).bringIntoViewRequester(androidx.compose.foundation.relocation.BringIntoViewRequester)">Modifier.bringIntoViewRequester()</a></code>.</p>
     <p>For instance, you can call <code><a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html#bringIntoView(androidx.compose.ui.geometry.Rect)">bringIntoView()</a></code> to make all the scrollable parents scroll so that the specified item is brought into the parent bounds.</p>
     <p>Here is a sample where a composable is brought into view:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -51,7 +51,7 @@
     }
 }</pre>
     <p>Here is a sample where part of a composable is brought into view:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.border
 import androidx.compose.foundation.horizontalScroll
@@ -132,7 +132,7 @@
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html#bringIntoView(androidx.compose.ui.geometry.Rect)">bringIntoView</a>(rect:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Rect.html">Rect</a>? = null):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Bring this item into bounds by making all the scrollable parents scroll appropriately.</p>
         <p>This method will not return until this request is satisfied or a newer request interrupts it. If this call is interrupted by a newer call, this method will throw a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-cancellation-exception/index.html">CancellationException</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -167,7 +167,7 @@
     }
 }</pre>
         <p>Here is a sample where a part of a composable is brought into view:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.border
 import androidx.compose.foundation.horizontalScroll
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewResponder.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewResponder.html
index aaf89b6..cc28900 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewResponder.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewResponder.html
@@ -24,7 +24,7 @@
       </li>
     </ol>
     <p>Here is a sample where a composable is brought into view:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -59,7 +59,7 @@
     }
 }</pre>
     <p>Here is a sample where a part of a composable is brought into view:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.border
 import androidx.compose.foundation.horizontalScroll
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/relocation/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/relocation/package-summary.html
index 2b798fc..f603d84 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/relocation/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/relocation/package-summary.html
@@ -78,7 +78,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/relocation/package-summary.html#BringIntoViewRequester()">BringIntoViewRequester</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html">BringIntoViewRequester</a></pre>
       <p>Create an instance of <code><a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html">BringIntoViewRequester</a></code> that can be used with <code><a href="/reference/kotlin/androidx/compose/foundation/relocation/package-summary.html#(androidx.compose.ui.Modifier).bringIntoViewRequester(androidx.compose.foundation.relocation.BringIntoViewRequester)">Modifier.bringIntoViewRequester</a></code>. A child can then call <code><a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html#bringIntoView(androidx.compose.ui.geometry.Rect)">BringIntoViewRequester.bringIntoView</a></code> to send a request any scrollable parents so that they scroll to bring this item into view.</p>
       <p>Here is a sample where a composable is brought into view:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -113,7 +113,7 @@
     }
 }</pre>
       <p>Here is a sample where a part of a composable is brought into view:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.border
 import androidx.compose.foundation.horizontalScroll
@@ -171,7 +171,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/relocation/package-summary.html#(androidx.compose.ui.Modifier).bringIntoViewRequester(androidx.compose.foundation.relocation.BringIntoViewRequester)">bringIntoViewRequester</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;bringIntoViewRequester:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html">BringIntoViewRequester</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Modifier that can be used to send <code><a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html#bringIntoView(androidx.compose.ui.geometry.Rect)">bringIntoView</a></code> requests.</p>
       <p>The following example uses a <code>bringIntoViewRequester</code> to bring an item into the parent bounds. The example demonstrates how a composable can ask its parents to scroll so that the component using this modifier is brought into the bounds of all its parents.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -231,7 +231,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).bringIntoViewResponder(androidx.compose.foundation.relocation.BringIntoViewResponder)">bringIntoViewResponder</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/relocation/package-summary.html#(androidx.compose.ui.Modifier).bringIntoViewResponder(androidx.compose.foundation.relocation.BringIntoViewResponder)">bringIntoViewResponder</a>(responder:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewResponder.html">BringIntoViewResponder</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>A parent that can respond to <code><a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html">BringIntoViewRequester</a></code> requests from its children, and scroll so that the item is visible on screen. See <code><a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewResponder.html">BringIntoViewResponder</a></code> for more details about how this mechanism works.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/selection/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/selection/package-summary.html
index 89c8540..3ab6846 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/selection/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/selection/package-summary.html
@@ -73,7 +73,7 @@
       <p>Configure component to be selectable, usually as a part of a mutually exclusive group, where only one item can be selected at any point in time. A typical example of mutually exclusive set is a RadioGroup or a row of Tabs. To ensure correct accessibility behavior, make sure to pass <code><a href="/reference/kotlin/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).selectableGroup()">Modifier.selectableGroup</a></code> modifier into the RadioGroup or the row.</p>
       <p>If you want to make an item support on/off capabilities without being part of a set, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">Modifier.toggleable</a></code></p>
       <p>This version requires both <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> to work properly. Use another overload if you don't need these parameters.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -162,7 +162,7 @@
       <p>Configure component to be selectable, usually as a part of a mutually exclusive group, where only one item can be selected at any point in time. A typical example of mutually exclusive set is a RadioGroup or a row of Tabs. To ensure correct accessibility behavior, make sure to pass <code><a href="/reference/kotlin/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).selectableGroup()">Modifier.selectableGroup</a></code> modifier into the RadioGroup or the row.</p>
       <p>If you want to make an item support on/off capabilities without being part of a set, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">Modifier.toggleable</a></code></p>
       <p>This version has no <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -262,7 +262,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.Indication,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">toggleable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;value:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;interactionSource:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;indication:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a>?,<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;role:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/semantics/Role.html">Role</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;onValueChange:&nbsp;(<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Configure component to make it toggleable via input and accessibility events.</p>
       <p>This version requires both <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> to work properly. Use another overload if you don't need these parameters.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.toggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -352,7 +352,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">toggleable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;value:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;role:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/semantics/Role.html">Role</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;onValueChange:&nbsp;(<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Configure component to make it toggleable via input and accessibility events</p>
       <p>This version has no <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.toggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -431,7 +431,7 @@
       <p>Configure component to make it toggleable via input and accessibility events with three states: On, Off and Indeterminate.</p>
       <p>TriStateToggleable should be used when there are dependent Toggleables associated to this component and those can have different values.</p>
       <p>This version requires both <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> to work properly. Use another overload if you don't need these parameters.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.triStateToggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -528,7 +528,7 @@
       <p>Configure component to make it toggleable via input and accessibility events with three states: On, Off and Indeterminate.</p>
       <p>TriStateToggleable should be used when there are dependent Toggleables associated to this component and those can have different values.</p>
       <p>This version has no <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.triStateToggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/text/InlineTextContent.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/text/InlineTextContent.html
index 5830bdf..9d96038 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/text/InlineTextContent.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/text/InlineTextContent.html
@@ -15,7 +15,7 @@
     <hr>
     <p>A data class that stores a composable to be inserted into the text layout.</p>
     <p>Different from a regular composable, a <code><a href="/reference/kotlin/androidx/compose/ui/text/Placeholder.html">Placeholder</a></code> is also needed for text layout to reserve space. In this <code><a href="/reference/kotlin/androidx/compose/foundation/text/InlineTextContent.html#placeholder()">placeholder</a></code>, the size of the content and how it will be aligned within the text line is defined. When the children composable is measured, its size given in <code><a href="/reference/kotlin/androidx/compose/ui/text/Placeholder.html#width()">Placeholder.width</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/text/Placeholder.html#height()">Placeholder.height</a></code> will be converted into <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">androidx.compose.ui.unit.Constraints</a></code> and passed through <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">androidx.compose.ui.layout.Layout</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/text/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/text/package-summary.html
index c8c06cc..a8fa274 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/text/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/text/package-summary.html
@@ -295,7 +295,7 @@
       <p>Whenever the user edits the text, <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicTextField(androidx.compose.ui.text.input.TextFieldValue,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> is called with the most up to date state represented by <code><a href="/reference/kotlin/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code>. <code><a href="/reference/kotlin/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code> contains the text entered by user, as well as selection, cursor and text composition information. Please check <code><a href="/reference/kotlin/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code> for the description of its contents.</p>
       <p>It is crucial that the value provided in the <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicTextField(androidx.compose.ui.text.input.TextFieldValue,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> is fed back into <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">BasicTextField</a></code> in order to have the final state of the text being displayed.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.saveable.rememberSaveable
@@ -315,7 +315,7 @@
       <p>Please keep in mind that <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicTextField(androidx.compose.ui.text.input.TextFieldValue,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> is useful to be informed about the latest state of the text input by users, however it is generally not recommended to modify the values in the <code><a href="/reference/kotlin/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code> that you get via <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicTextField(androidx.compose.ui.text.input.TextFieldValue,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> callback. Any change to the values in <code><a href="/reference/kotlin/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code> may result in a context reset and end up with input session restart. Such a scenario would cause glitches in the UI or text input experience for users.</p>
       <p>This composable provides basic text editing functionality, however does not include any decorations such as borders, hints/placeholder. A design system based implementation such as Material Design Filled text field is typically what is needed to cover most of the needs. This composable is designed to be used when a custom implementation for different design system is needed.</p>
       <p>For example, if you need to include a placeholder in your TextField, you can write a composable using the decoration box like this:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.material.Text
@@ -333,7 +333,7 @@
     }
 }</pre>
       <p>If you want to add decorations to your text field, such as icon or similar, and increase the hit target area, use the decoration box:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
@@ -485,7 +485,7 @@
       <p>Unlike <code><a href="/reference/kotlin/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code> overload, this composable does not let the developer to control selection, cursor and text composition information. Please check <code><a href="/reference/kotlin/androidx/compose/ui/text/input/TextFieldValue.html">TextFieldValue</a></code> and corresponding <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">BasicTextField</a></code> overload for more information.</p>
       <p>It is crucial that the value provided in the <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> is fed back into <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">BasicTextField</a></code> in order to have the final state of the text being displayed.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.saveable.rememberSaveable
@@ -502,7 +502,7 @@
       <p>Please keep in mind that <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> is useful to be informed about the latest state of the text input by users, however it is generally not recommended to modify the value that you get via <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">onValueChange</a></code> callback. Any change to this value may result in a context reset and end up with input session restart. Such a scenario would cause glitches in the UI or text input experience for users.</p>
       <p>This composable provides basic text editing functionality, however does not include any decorations such as borders, hints/placeholder. A design system based implementation such as Material Design Filled text field is typically what is needed to cover most of the needs. This composable is designed to be used when a custom implementation for different design system is needed.</p>
       <p>For example, if you need to include a placeholder in your TextField, you can write a composable using the decoration box like this:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.material.Text
@@ -520,7 +520,7 @@
     }
 }</pre>
       <p>If you want to add decorations to your text field, such as icon or similar, and increase the hit target area, use the decoration box:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
@@ -553,7 +553,7 @@
     }
 )</pre>
       <p>In order to create formatted text field, for example for entering a phone number or a social security number, use a <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">visualTransformation</a></code> parameter. Below is the example of the text field for entering a credit card number:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.wrapContentSize
@@ -732,7 +732,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#ClickableText(androidx.compose.ui.text.AnnotatedString,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Boolean,androidx.compose.ui.text.style.TextOverflow,kotlin.Int,kotlin.Function1,kotlin.Function1)">ClickableText</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;text:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;style:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/TextStyle.html">TextStyle</a> = TextStyle.Default,<br>&nbsp;&nbsp;&nbsp;&nbsp;softWrap:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;overflow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextOverflow.html">TextOverflow</a> = TextOverflow.Clip,<br>&nbsp;&nbsp;&nbsp;&nbsp;maxLines:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = Int.MAX_VALUE,<br>&nbsp;&nbsp;&nbsp;&nbsp;onTextLayout:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/text/TextLayoutResult.html">TextLayoutResult</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a> = {},<br>&nbsp;&nbsp;&nbsp;&nbsp;onClick:&nbsp;(<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>A continent version of <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code> component to be able to handle click event on the text.</p>
       <p>This is a shorthand of <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code> with <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> to be able to handle click event easily.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.text.ClickableText
 import androidx.compose.ui.text.AnnotatedString
 
@@ -743,7 +743,7 @@
     }
 )</pre>
       <p>For other gestures, e.g. long press, dragging, follow sample code.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -869,7 +869,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#ClickableText(androidx.compose.ui.text.AnnotatedString,kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Boolean,androidx.compose.ui.text.style.TextOverflow,kotlin.Int,kotlin.Function1,kotlin.Function1)">ClickableText</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;text:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onHover:&nbsp;(<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>?) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;style:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/TextStyle.html">TextStyle</a> = TextStyle.Default,<br>&nbsp;&nbsp;&nbsp;&nbsp;softWrap:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;overflow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextOverflow.html">TextOverflow</a> = TextOverflow.Clip,<br>&nbsp;&nbsp;&nbsp;&nbsp;maxLines:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = Int.MAX_VALUE,<br>&nbsp;&nbsp;&nbsp;&nbsp;onTextLayout:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/text/TextLayoutResult.html">TextLayoutResult</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a> = {},<br>&nbsp;&nbsp;&nbsp;&nbsp;onClick:&nbsp;(<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>A continent version of <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code> component to be able to handle click event on the text.</p>
       <p>This is a shorthand of <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code> with <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> to be able to handle click event easily.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.text.ClickableText
 import androidx.compose.ui.text.AnnotatedString
 
@@ -880,7 +880,7 @@
     }
 )</pre>
       <p>For other gestures, e.g. long press, dragging, follow sample code.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -1017,7 +1017,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">appendInlineContent</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>.<a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">appendInlineContent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;id:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;alternateText:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a> = REPLACEMENT_CHAR<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Used to insert composables into the text layout. This method can be used together with the inlineContent parameter of <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code>. It will append the <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">alternateText</a></code> to this <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a></code> and also mark this range of text to be replaced by a composable. <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code> will try to find an <code><a href="/reference/kotlin/androidx/compose/foundation/text/InlineTextContent.html">InlineTextContent</a></code> in the map defined by inlineContent whose key equals to <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">id</a></code>, and it will use the <code><a href="/reference/kotlin/androidx/compose/foundation/text/InlineTextContent.html#children()">InlineTextContent.children</a></code> to replace this range of text.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/text/selection/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/text/selection/package-summary.html
index 870aaa7..ea82f9e 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/foundation/text/selection/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/foundation/text/selection/package-summary.html
@@ -71,7 +71,7 @@
       <h3 class="api-name" id="DisableSelection(kotlin.Function0)">DisableSelection</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/text/selection/package-summary.html#DisableSelection(kotlin.Function0)">DisableSelection</a>(content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Disables text selection for its direct or indirect children. To use this, simply add this to wrap one or more text composables.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material.Text
 import androidx.compose.foundation.text.selection.DisableSelection
@@ -94,7 +94,7 @@
       <h3 class="api-name" id="SelectionContainer(androidx.compose.ui.Modifier,kotlin.Function0)">SelectionContainer</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/text/selection/package-summary.html#SelectionContainer(androidx.compose.ui.Modifier,kotlin.Function0)">SelectionContainer</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Enables text selection for its direct or indirect children.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material.Text
 import androidx.compose.foundation.text.selection.SelectionContainer
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/material3/SnackbarHostState.html b/testData/compose/docs/reference/kotlin/androidx/compose/material3/SnackbarHostState.html
index 6c8ccda..5304222 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/material3/SnackbarHostState.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/material3/SnackbarHostState.html
@@ -102,7 +102,7 @@
         <p>Shows or queues to be shown a <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)">Snackbar</a></code> at the bottom of the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code> to which this state is attached and suspends until the snackbar has disappeared.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/material3/SnackbarHostState.html">SnackbarHostState</a></code> guarantees to show at most one snackbar at a time. If this function is called while another snackbar is already visible, it will be suspended until this snackbar is shown and subsequently addressed. If the caller is cancelled, the snackbar will be removed from display and/or the queue to be displayed.</p>
         <p>All of this allows for granular control over the snackbar queue from within:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
@@ -238,7 +238,7 @@
         <p>Shows or queues to be shown a <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)">Snackbar</a></code> at the bottom of the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code> to which this state is attached and suspends until the snackbar has disappeared.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/material3/SnackbarHostState.html">SnackbarHostState</a></code> guarantees to show at most one snackbar at a time. If this function is called while another snackbar is already visible, it will be suspended until this snackbar is shown and subsequently addressed. If the caller is cancelled, the snackbar will be removed from display and/or the queue to be displayed.</p>
         <p>All of this allows for granular control over the snackbar queue from within:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/material3/TextFieldDefaults.html b/testData/compose/docs/reference/kotlin/androidx/compose/material3/TextFieldDefaults.html
index f8b38c0..23df8e3 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/material3/TextFieldDefaults.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/material3/TextFieldDefaults.html
@@ -274,7 +274,7 @@
         <p>If your text field requires customising elements that aren't exposed by <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#OutlinedTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">OutlinedTextField</a></code>, consider using this decoration box to achieve the desired design.</p>
         <p>For example, if you need to create a dense outlined text field, use <code><a href="/reference/kotlin/androidx/compose/material3/TextFieldDefaults.html#OutlinedTextFieldDecorationBox(kotlin.String,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.interaction.InteractionSource,kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.TextFieldColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function0)">contentPadding</a></code> parameter to decrease the paddings around the input field. If you need to change the thickness of the border, use <code><a href="/reference/kotlin/androidx/compose/material3/TextFieldDefaults.html#OutlinedTextFieldDecorationBox(kotlin.String,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.interaction.InteractionSource,kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.TextFieldColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function0)">container</a></code> parameter to achieve that.</p>
         <p>Example of custom text field based on <code><a href="/reference/kotlin/androidx/compose/material3/TextFieldDefaults.html#OutlinedTextFieldDecorationBox(kotlin.String,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.interaction.InteractionSource,kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.TextFieldColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function0)">OutlinedTextFieldDecorationBox</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.material3.Text
@@ -458,7 +458,7 @@
         <p>If your text field requires customising elements that aren't exposed by <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#TextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">TextField</a></code>, consider using this decoration box to achieve the desired design.</p>
         <p>For example, if you need to create a dense text field, use <code><a href="/reference/kotlin/androidx/compose/material3/TextFieldDefaults.html#TextFieldDecorationBox(kotlin.String,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.interaction.InteractionSource,kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function0)">contentPadding</a></code> parameter to decrease the paddings around the input field. If you need to customise the bottom indicator, apply <code><a href="/reference/kotlin/androidx/compose/material3/TextFieldDefaults.html#(androidx.compose.ui.Modifier).indicatorLine(kotlin.Boolean,kotlin.Boolean,androidx.compose.foundation.interaction.InteractionSource,androidx.compose.material3.TextFieldColors,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">indicatorLine</a></code> modifier to achieve that.</p>
         <p>See example of using <code><a href="/reference/kotlin/androidx/compose/material3/TextFieldDefaults.html#TextFieldDecorationBox(kotlin.String,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.interaction.InteractionSource,kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function0)">TextFieldDecorationBox</a></code> to build your own custom text field</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.material3.Text
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/material3/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/material3/package-summary.html
index 0b656bb..8f3293e 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/material3/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/material3/package-summary.html
@@ -1283,7 +1283,7 @@
       <p><img alt="Basic dialog image" src="https://developer.android.com/images/reference/androidx/compose/material3/basic-dialog.png"></p>
       <p>The dialog will position its buttons, typically <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#TextButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">TextButton</a></code>s, based on the available space. By default it will try to place them horizontally next to each other and fallback to horizontal placement if not enough space is available.</p>
       <p>Simple usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.AlertDialog
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextButton
@@ -1327,7 +1327,7 @@
     )
 }</pre>
       <p>Usage with a &quot;Hero&quot; icon:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.AlertDialog
 import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
@@ -1484,7 +1484,7 @@
       <p><img alt="Assist chip image" src="https://developer.android.com/images/reference/androidx/compose/material3/assist-chip.png"></p>
       <p>This assist chip is applied with a flat style. If you want an elevated style, use the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#ElevatedAssistChip(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ChipColors,androidx.compose.material3.ChipElevation,androidx.compose.material3.ChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">ElevatedAssistChip</a></code>.</p>
       <p>Example of a flat AssistChip:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.AssistChip
 import androidx.compose.material3.Icon
@@ -1639,7 +1639,7 @@
       <p><img alt="Badge image" src="https://developer.android.com/images/reference/androidx/compose/material3/badge.png"></p>
       <p>A common use case is to display a badge with navigation bar items. For more information, see <a href="https://m3.material.io/components/navigation-bar/overview">Navigation Bar</a></p>
       <p>A simple icon with badge example looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Badge
 import androidx.compose.material3.BadgedBox
 import androidx.compose.material3.Icon
@@ -1779,7 +1779,7 @@
       <p><a href="https://m3.material.io/components/bottom-app-bar/overview" class="external" target="_blank">Material Design bottom app bar</a>.</p>
       <p>A bottom app bar displays navigation and key actions at the bottom of mobile screens.</p>
       <p><img alt="Bottom app bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/bottom-app-bar.png"></p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.BottomAppBar
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
@@ -1790,7 +1790,7 @@
     }
 }</pre>
       <p>It can optionally display a <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">FloatingActionButton</a></code> embedded at the end of the BottomAppBar.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.BottomAppBar
 import androidx.compose.material3.FloatingActionButton
 import androidx.compose.material3.Icon
@@ -1890,12 +1890,12 @@
       <p>Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.</p>
       <p><img alt="Filled button image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-button.png"></p>
       <p>Filled buttons are high-emphasis buttons. Filled buttons have the most visual impact after the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">FloatingActionButton</a></code>, and should be used for important, final actions that complete a flow, like &quot;Save&quot;, &quot;Join now&quot;, or &quot;Confirm&quot;.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Button
 import androidx.compose.material3.Text
 
 Button(onClick = { /* Do something! */ }) { Text(&quot;Button&quot;) }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.material3.Button
@@ -2008,7 +2008,7 @@
       <p>This Card does not handle input events - see the other Card overloads if you want a clickable or selectable Card.</p>
       <p><img alt="Filled card image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-card.png"></p>
       <p>Card sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Card
 
@@ -2069,7 +2069,7 @@
       <p>This Card handles click events, calling its <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.CardColors,androidx.compose.material3.CardElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">onClick</a></code> lambda.</p>
       <p><img alt="Filled card image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-card.png"></p>
       <p>Clickable card sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.size
@@ -2157,7 +2157,7 @@
       <p><img alt="Center-aligned top app bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/center-aligned-top-app-bar.png"></p>
       <p>This CenterAlignedTopAppBar has slots for a title, navigation icon, and actions.</p>
       <p>A center aligned top app bar that uses a <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#CenterAlignedTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)">scrollBehavior</a></code> to customize its nested scrolling behavior when working in conjunction with a scrolling content looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -2278,7 +2278,7 @@
       <p>Checkboxes allow users to select one or more items from a set. Checkboxes can turn an option on or off.</p>
       <p><img alt="Checkbox image" src="https://developer.android.com/images/reference/androidx/compose/material3/checkbox.png"></p>
       <p>Simple Checkbox sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Checkbox
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -2289,7 +2289,7 @@
     onCheckedChange = { checkedState.value = it }
 )</pre>
       <p>Combined Checkbox with Text sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
@@ -2402,7 +2402,7 @@
       <p><a href="https://m3.material.io/components/progress-indicators/overview" class="external" target="_blank">Indeterminate Material Design circular progress indicator</a>.</p>
       <p>Progress indicators express an unspecified wait time or display the duration of a process.</p>
       <p><img alt="Circular progress indicator image" src="https://developer.android.com/images/reference/androidx/compose/material3/circular-progress-indicator.png"></p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.CircularProgressIndicator
 
@@ -2450,7 +2450,7 @@
       <p>Progress indicators express an unspecified wait time or display the duration of a process.</p>
       <p><img alt="Circular progress indicator image" src="https://developer.android.com/images/reference/androidx/compose/material3/circular-progress-indicator.png"></p>
       <p>By default there is no animation between <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#CircularProgressIndicator(kotlin.Float,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp)">progress</a></code> values. You can use <code><a href="/reference/kotlin/androidx/compose/material3/ProgressIndicatorDefaults.html#ProgressAnimationSpec()">ProgressIndicatorDefaults.ProgressAnimationSpec</a></code> as the default recommended <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#AnimationSpec()">AnimationSpec</a></code> when animating progress, such as in the following example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateFloatAsState
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
@@ -2594,7 +2594,7 @@
       <p>Navigation drawers provide ergonomic access to destinations in an app. They’re often next to app content and affect the screen’s layout grid.</p>
       <p><img alt="Navigation drawer image" src="https://developer.android.com/images/reference/androidx/compose/material3/navigation-drawer.png"></p>
       <p>Dismissible standard drawers can be used for layouts that prioritize content (such as a photo gallery) or for apps where users are unlikely to switch destinations often. They should use a visible navigation menu icon to open and close the drawer.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.BackHandler
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
@@ -2754,7 +2754,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#DropdownMenu(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.unit.DpOffset,androidx.compose.ui.window.PopupProperties,kotlin.Function1)">onDismissRequest</a></code> will be called when the menu should close - for example when there is a tap outside the menu, or when the back key is pressed.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#DropdownMenu(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.unit.DpOffset,androidx.compose.ui.window.PopupProperties,kotlin.Function1)">DropdownMenu</a></code> changes its positioning depending on the available space, always trying to be fully visible. It will try to expand horizontally, depending on layout direction, to the end of its parent, then to the start of its parent, and then screen end-aligned. Vertically, it will try to expand to the bottom of its parent, then from the top of its parent, and then screen top-aligned. An <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#DropdownMenu(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.unit.DpOffset,androidx.compose.ui.window.PopupProperties,kotlin.Function1)">offset</a></code> can be provided to adjust the positioning of the menu for cases when the layout bounds of its parent do not coincide with its visual bounds. Note the offset will be applied in the direction in which the menu will decide to expand.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.wrapContentSize
@@ -2849,7 +2849,7 @@
       <p>Menus display a list of choices on a temporary surface. They appear when users interact with a button, action, or other control.</p>
       <p><img alt="Dropdown menu image" src="https://developer.android.com/images/reference/androidx/compose/material3/menu.png"></p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.wrapContentSize
@@ -2982,7 +2982,7 @@
       <p><img alt="Assist chip image" src="https://developer.android.com/images/reference/androidx/compose/material3/elevated-assist-chip.png"></p>
       <p>This assist chip is applied with an elevated style. If you want a flat style, use the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#AssistChip(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ChipColors,androidx.compose.material3.ChipElevation,androidx.compose.material3.ChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">AssistChip</a></code>.</p>
       <p>Example of an elevated AssistChip with a trailing icon:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.ElevatedAssistChip
 import androidx.compose.material3.Icon
@@ -3088,7 +3088,7 @@
       <p>Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.</p>
       <p><img alt="Elevated button image" src="https://developer.android.com/images/reference/androidx/compose/material3/elevated-button.png"></p>
       <p>Elevated buttons are high-emphasis buttons that are essentially <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FilledTonalButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">FilledTonalButton</a></code>s with a shadow. To prevent shadow creep, only use them when absolutely necessary, such as when the button requires visual separation from patterned container.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.ElevatedButton
 import androidx.compose.material3.Text
 
@@ -3187,7 +3187,7 @@
       <p>This ElevatedCard does not handle input events - see the other ElevatedCard overloads if you want a clickable or selectable ElevatedCard.</p>
       <p><img alt="Elevated card image" src="https://developer.android.com/images/reference/androidx/compose/material3/elevated-card.png"></p>
       <p>Elevated card sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.ElevatedCard
 
@@ -3242,7 +3242,7 @@
       <p>This ElevatedCard handles click events, calling its <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#ElevatedCard(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.CardColors,androidx.compose.material3.CardElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">onClick</a></code> lambda.</p>
       <p><img alt="Elevated card image" src="https://developer.android.com/images/reference/androidx/compose/material3/elevated-card.png"></p>
       <p>Clickable elevated card sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.size
@@ -3325,7 +3325,7 @@
       <p>This filter chip is applied with an elevated style. If you want a flat style, use the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FilterChip(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.SelectableChipColors,androidx.compose.material3.SelectableChipElevation,androidx.compose.material3.SelectableChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">FilterChip</a></code>.</p>
       <p>Tapping on a filter chip toggles its selection state. A selection state <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#ElevatedFilterChip(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.SelectableChipColors,androidx.compose.material3.SelectableChipElevation,androidx.compose.material3.SelectableChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">leadingIcon</a></code> can be provided (e.g. a checkmark) to be appended at the starting edge of the chip's label.</p>
       <p>Example of an elevated FilterChip with a trailing icon:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.ElevatedFilterChip
 import androidx.compose.material3.Icon
@@ -3447,7 +3447,7 @@
       <p><img alt="Suggestion chip image" src="https://developer.android.com/images/reference/androidx/compose/material3/elevated-suggestion-chip.png"></p>
       <p>This suggestion chip is applied with an elevated style. If you want a flat style, use the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#SuggestionChip(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ChipColors,androidx.compose.material3.ChipElevation,androidx.compose.material3.ChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">SuggestionChip</a></code>.</p>
       <p>Example of an elevated SuggestionChip with a trailing icon:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.ElevatedSuggestionChip
 import androidx.compose.material3.Text
 
@@ -3540,7 +3540,7 @@
       <p><img alt="Exposed dropdown menu image" src="https://developer.android.com/images/reference/androidx/compose/material3/exposed-dropdown-menu.png"></p>
       <p>The <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#ExposedDropdownMenuBox(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)">ExposedDropdownMenuBox</a></code> is expected to contain a <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#TextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">TextField</a></code> (or <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#OutlinedTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">OutlinedTextField</a></code>) and <code><a href="/reference/kotlin/androidx/compose/material3/ExposedDropdownMenuBoxScope.html#ExposedDropdownMenu(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1)">ExposedDropdownMenuBoxScope.ExposedDropdownMenu</a></code> as content.</p>
       <p>An example of read-only Exposed Dropdown Menu:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.DropdownMenuItem
 import androidx.compose.material3.ExposedDropdownMenuBox
 import androidx.compose.material3.Text
@@ -3583,7 +3583,7 @@
     }
 }</pre>
       <p>An example of editable Exposed Dropdown Menu:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.DropdownMenuItem
 import androidx.compose.material3.ExposedDropdownMenuBox
 import androidx.compose.material3.Text
@@ -3674,7 +3674,7 @@
       <p>Extended FABs help people take primary actions. They're wider than FABs to accommodate a text label and larger target area.</p>
       <p><img alt="Extended FAB image" src="https://developer.android.com/images/reference/androidx/compose/material3/extended-fab.png"></p>
       <p>The other extended floating action button overload supports a text label and icon.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.ExtendedFloatingActionButton
 import androidx.compose.material3.Text
 
@@ -3753,7 +3753,7 @@
       <p><img alt="Extended FAB image" src="https://developer.android.com/images/reference/androidx/compose/material3/extended-fab.png"></p>
       <p>The other extended floating action button overload is for FABs without an icon.</p>
       <p>Default content description for accessibility is extended from the extended fabs icon. For custom behavior, you can provide your own via Modifier.semantics.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.ExtendedFloatingActionButton
 import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
@@ -3763,7 +3763,7 @@
     icon = { Icon(Icons.Filled.Add, &quot;Localized description&quot;) },
     text = { Text(text = &quot;Extended FAB&quot;) },
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -3890,7 +3890,7 @@
       <p><img alt="Filled icon button image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-icon-button.png"></p>
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FilledIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
       <p>Filled icon button sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.FilledIconButton
 import androidx.compose.material3.Icon
 
@@ -3963,7 +3963,7 @@
       <p><img alt="Filled icon toggle button image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-icon-toggle-button.png"></p>
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FilledIconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
       <p>Toggleable filled icon button sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.FilledIconToggleButton
 import androidx.compose.material3.Icon
 import androidx.compose.runtime.mutableStateOf
@@ -4048,7 +4048,7 @@
       <p>Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.</p>
       <p><img alt="Filled tonal button image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-tonal-button.png"></p>
       <p>Filled tonal buttons are medium-emphasis buttons that is an alternative middle ground between default <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">Button</a></code>s (filled) and <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#OutlinedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">OutlinedButton</a></code>s. They can be used in contexts where lower-priority button requires slightly more emphasis than an outline would give, such as &quot;Next&quot; in an onboarding flow. Tonal buttons use the secondary color mapping.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.FilledTonalButton
 import androidx.compose.material3.Text
 
@@ -4148,7 +4148,7 @@
       <p>A filled tonal icon button is a medium-emphasis icon button that is an alternative middle ground between the default <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FilledIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">FilledIconButton</a></code> and <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#OutlinedIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">OutlinedIconButton</a></code>. They can be used in contexts where the lower-priority icon button requires slightly more emphasis than an outline would give.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FilledTonalIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
       <p>Filled tonal icon button sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.FilledTonalIconButton
 import androidx.compose.material3.Icon
 
@@ -4222,7 +4222,7 @@
       <p>A filled tonal toggle icon button is a medium-emphasis icon button that is an alternative middle ground between the default <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FilledIconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">FilledIconToggleButton</a></code> and <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#OutlinedIconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">OutlinedIconToggleButton</a></code>. They can be used in contexts where the lower-priority icon button requires slightly more emphasis than an outline would give.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FilledTonalIconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
       <p>Toggleable filled tonal icon button sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.FilledTonalIconToggleButton
 import androidx.compose.material3.Icon
 import androidx.compose.runtime.mutableStateOf
@@ -4310,7 +4310,7 @@
       <p>This filter chip is applied with a flat style. If you want an elevated style, use the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#ElevatedFilterChip(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.SelectableChipColors,androidx.compose.material3.SelectableChipElevation,androidx.compose.material3.SelectableChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">ElevatedFilterChip</a></code>.</p>
       <p>Tapping on a filter chip toggles its selection state. A selection state <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FilterChip(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.SelectableChipColors,androidx.compose.material3.SelectableChipElevation,androidx.compose.material3.SelectableChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">leadingIcon</a></code> can be provided (e.g. a checkmark) to be appended at the starting edge of the chip's label.</p>
       <p>Example of a flat FilterChip with a trailing icon:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.FilterChip
 import androidx.compose.material3.Icon
@@ -4336,7 +4336,7 @@
     }
 )</pre>
       <p>Example of a FilterChip with both a leading icon and a selected icon:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.FilterChip
 import androidx.compose.material3.Icon
@@ -4462,7 +4462,7 @@
       <p>The FAB represents the most important action on a screen. It puts key actions within reach.</p>
       <p><img alt="FAB image" src="https://developer.android.com/images/reference/androidx/compose/material3/fab.png"></p>
       <p>FAB typically contains an icon, for a FAB with text and an icon, see <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#ExtendedFloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">ExtendedFloatingActionButton</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.FloatingActionButton
 import androidx.compose.material3.Icon
 
@@ -4677,7 +4677,7 @@
       <p>Icon buttons help people take supplementary actions with a single tap. They’re used when a compact button is required, such as in a toolbar or image list.</p>
       <p><img alt="Standard icon button image" src="https://developer.android.com/images/reference/androidx/compose/material3/standard-icon-button.png"></p>
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#IconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
 
@@ -4743,7 +4743,7 @@
       <p>Icon buttons help people take supplementary actions with a single tap. They’re used when a compact button is required, such as in a toolbar or image list.</p>
       <p><img alt="Standard icon toggle button image" src="https://developer.android.com/images/reference/androidx/compose/material3/standard-icon-toggle-button.png"></p>
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#IconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconToggleButton
 import androidx.compose.runtime.mutableStateOf
@@ -4824,7 +4824,7 @@
       <p><img alt="Input chip image" src="https://developer.android.com/images/reference/androidx/compose/material3/input-chip.png"></p>
       <p>An Input Chip can have a leading icon or an avatar at its start. In case both are provided, the avatar will take precedence and will be displayed.</p>
       <p>Example of an InputChip with a trailing icon:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.InputChip
 import androidx.compose.material3.Text
 import androidx.compose.runtime.mutableStateOf
@@ -4837,7 +4837,7 @@
     label = { Text(&quot;Input Chip&quot;) },
 )</pre>
       <p>Example of an InputChip with an avatar and a trailing icon:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Icon
 import androidx.compose.material3.InputChip
@@ -4859,7 +4859,7 @@
     }
 )</pre>
       <p>Input chips should appear in a set and can be horizontally scrollable:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
@@ -4980,7 +4980,7 @@
       <p><a href="https://m3.material.io/components/floating-action-button/overview" class="external" target="_blank">Material Design large floating action button</a>.</p>
       <p>The FAB represents the most important action on a screen. It puts key actions within reach.</p>
       <p><img alt="Large FAB image" src="https://developer.android.com/images/reference/androidx/compose/material3/large-fab.png"></p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Icon
 import androidx.compose.material3.LargeFloatingActionButton
@@ -5066,7 +5066,7 @@
       <p><img alt="Large top app bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/large-top-app-bar.png"></p>
       <p>This LargeTopAppBar has slots for a title, navigation icon, and actions. In its default expanded state, the title is displayed in a second row under the navigation and actions.</p>
       <p>A large top app bar that uses a <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#LargeTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)">scrollBehavior</a></code> to customize its nested scrolling behavior when working in conjunction with scrolling content looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -5286,7 +5286,7 @@
       <p><a href="https://m3.material.io/components/progress-indicators/overview" class="external" target="_blank">Indeterminate Material Design linear progress indicator</a>.</p>
       <p>Progress indicators express an unspecified wait time or display the duration of a process.</p>
       <p><img alt="Linear progress indicator image" src="https://developer.android.com/images/reference/androidx/compose/material3/linear-progress-indicator.png"></p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.LinearProgressIndicator
@@ -5338,7 +5338,7 @@
       <p>Progress indicators express an unspecified wait time or display the duration of a process.</p>
       <p><img alt="Linear progress indicator image" src="https://developer.android.com/images/reference/androidx/compose/material3/linear-progress-indicator.png"></p>
       <p>By default there is no animation between <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#LinearProgressIndicator(kotlin.Float,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">progress</a></code> values. You can use <code><a href="/reference/kotlin/androidx/compose/material3/ProgressIndicatorDefaults.html#ProgressAnimationSpec()">ProgressIndicatorDefaults.ProgressAnimationSpec</a></code> as the default recommended <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#AnimationSpec()">AnimationSpec</a></code> when animating progress, such as in the following example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.animateFloatAsState
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
@@ -5429,7 +5429,7 @@
           <p>one-line item</p>
         </li>
       </ul>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Divider
 import androidx.compose.material3.Icon
@@ -5453,7 +5453,7 @@
           <p>two-line item</p>
         </li>
       </ul>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Divider
 import androidx.compose.material3.Icon
@@ -5479,7 +5479,7 @@
           <p>three-line item</p>
         </li>
       </ul>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Divider
 import androidx.compose.material3.Icon
@@ -5620,7 +5620,7 @@
       <p><img alt="Medium top app bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/medium-top-app-bar.png"></p>
       <p>This MediumTopAppBar has slots for a title, navigation icon, and actions. In its default expanded state, the title is displayed in a second row under the navigation and actions.</p>
       <p>A medium top app bar that uses a <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#MediumTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)">scrollBehavior</a></code> to customize its nested scrolling behavior when working in conjunction with scrolling content looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -5807,7 +5807,7 @@
       <p>Navigation drawers provide ergonomic access to destinations in an app.</p>
       <p>Modal navigation drawers block interaction with the rest of an app’s content with a scrim. They are elevated above most of the app’s UI and don’t affect the screen’s layout grid.</p>
       <p><img alt="Navigation drawer image" src="https://developer.android.com/images/reference/androidx/compose/material3/navigation-drawer.png"></p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
@@ -5923,7 +5923,7 @@
       <p><img alt="Navigation bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/navigation-bar.png"></p>
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#NavigationBar(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">NavigationBar</a></code> should contain three to five <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#(androidx.compose.foundation.layout.RowScope).NavigationBarItem(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Boolean,androidx.compose.material3.NavigationBarItemColors,androidx.compose.foundation.interaction.MutableInteractionSource)">NavigationBarItem</a></code>s, each representing a singular destination.</p>
       <p>A simple example looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.NavigationBar
 import androidx.compose.material3.NavigationBarItem
@@ -6002,7 +6002,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/kotlin/androidx/compose/material3/ExperimentalMaterial3Api.html">ExperimentalMaterial3Api</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/material3/package-summary.html#NavigationDrawerItem(kotlin.Function0,kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.NavigationDrawerItemColors,androidx.compose.foundation.interaction.MutableInteractionSource)">NavigationDrawerItem</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;label:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;selected:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onClick:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;(@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>)? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;badge:&nbsp;(@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>)? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;shape:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shape.html">Shape</a> = NavigationDrawerTokens.ActiveIndicatorShape.toShape(),<br>&nbsp;&nbsp;&nbsp;&nbsp;colors:&nbsp;<a href="/reference/kotlin/androidx/compose/material3/NavigationDrawerItemColors.html">NavigationDrawerItemColors</a> = NavigationDrawerItemDefaults.colors(),<br>&nbsp;&nbsp;&nbsp;&nbsp;interactionSource:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a> = remember { MutableInteractionSource() }<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Material Design navigation drawer item.</p>
       <p>A <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#NavigationDrawerItem(kotlin.Function0,kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.NavigationDrawerItemColors,androidx.compose.foundation.interaction.MutableInteractionSource)">NavigationDrawerItem</a></code> represents a destination within drawers, either <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#ModalNavigationDrawer(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material3.DrawerState,kotlin.Boolean,androidx.compose.ui.graphics.Color,kotlin.Function0)">ModalNavigationDrawer</a></code>, <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#PermanentNavigationDrawer(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0)">PermanentNavigationDrawer</a></code> or <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#DismissibleNavigationDrawer(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material3.DrawerState,kotlin.Boolean,kotlin.Function0)">DismissibleNavigationDrawer</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
@@ -6131,7 +6131,7 @@
       <p>The navigation rail should be used to display three to seven app destinations and, optionally, a <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">FloatingActionButton</a></code> or a logo header. Each destination is typically represented by an icon and an optional text label.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#NavigationRail(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">NavigationRail</a></code> should contain multiple <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#NavigationRailItem(kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Boolean,androidx.compose.material3.NavigationRailItemColors,androidx.compose.foundation.interaction.MutableInteractionSource)">NavigationRailItem</a></code>s, each representing a singular destination.</p>
       <p>A simple example looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.NavigationRail
 import androidx.compose.material3.NavigationRailItem
@@ -6289,7 +6289,7 @@
       <p>Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.</p>
       <p><img alt="Outlined button image" src="https://developer.android.com/images/reference/androidx/compose/material3/outlined-button.png"></p>
       <p>Outlined buttons are medium-emphasis buttons. They contain actions that are important, but are not the primary action in an app. Outlined buttons pair well with <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ButtonColors,androidx.compose.material3.ButtonElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">Button</a></code>s to indicate an alternative, secondary action.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.OutlinedButton
 import androidx.compose.material3.Text
 
@@ -6388,7 +6388,7 @@
       <p>This OutlinedCard does not handle input events - see the other OutlinedCard overloads if you want a clickable or selectable OutlinedCard.</p>
       <p><img alt="Outlined card image" src="https://developer.android.com/images/reference/androidx/compose/material3/outlined-card.png"></p>
       <p>Outlined card sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.OutlinedCard
 
@@ -6449,7 +6449,7 @@
       <p>This OutlinedCard handles click events, calling its <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#OutlinedCard(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.CardColors,androidx.compose.material3.CardElevation,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)">onClick</a></code> lambda.</p>
       <p><img alt="Outlined card image" src="https://developer.android.com/images/reference/androidx/compose/material3/outlined-card.png"></p>
       <p>Clickable outlined card sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.size
@@ -6537,7 +6537,7 @@
       <p>Icon buttons help people take supplementary actions with a single tap. They’re used when a compact button is required, such as in a toolbar or image list.</p>
       <p>Use this &quot;contained&quot; icon button when the component requires more visual separation from the background.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#OutlinedIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. The outlined icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.OutlinedIconButton
 
@@ -6615,7 +6615,7 @@
       <p>Icon buttons help people take supplementary actions with a single tap. They’re used when a compact button is required, such as in a toolbar or image list.</p>
       <p><img alt="Outlined icon toggle button image" src="https://developer.android.com/images/reference/androidx/compose/material3/outlined-icon-toggle-button.png"></p>
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#OutlinedIconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.material3.IconToggleButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">content</a></code> should typically be an <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)">Icon</a></code> (see androidx.compose.material.icons.Icons). If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp. This icon button has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.OutlinedIconToggleButton
 import androidx.compose.runtime.mutableStateOf
@@ -6706,7 +6706,7 @@
       <p>Text fields allow users to enter text into a UI. They typically appear in forms and dialogs. Outlined text fields have less visual emphasis than filled text fields. When they appear in places like forms, where many text fields are placed together, their reduced emphasis helps simplify the layout.</p>
       <p><img alt="Outlined text field image" src="https://developer.android.com/images/reference/androidx/compose/material3/outlined-text-field.png"></p>
       <p>See example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.Text
 import androidx.compose.runtime.mutableStateOf
@@ -6873,7 +6873,7 @@
       <p>Text fields allow users to enter text into a UI. They typically appear in forms and dialogs. Outlined text fields have less visual emphasis than filled text fields. When they appear in places like forms, where many text fields are placed together, their reduced emphasis helps simplify the layout.</p>
       <p><img alt="Outlined text field image" src="https://developer.android.com/images/reference/androidx/compose/material3/outlined-text-field.png"></p>
       <p>See example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.Text
 import androidx.compose.runtime.mutableStateOf
@@ -7098,7 +7098,7 @@
       <p>Navigation drawers provide ergonomic access to destinations in an app. They’re often next to app content and affect the screen’s layout grid.</p>
       <p><img alt="Navigation drawer image" src="https://developer.android.com/images/reference/androidx/compose/material3/navigation-drawer.png"></p>
       <p>The permanent navigation drawer is always visible and usually used for frequently switching destinations. On mobile screens, use <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#ModalNavigationDrawer(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material3.DrawerState,kotlin.Boolean,androidx.compose.ui.graphics.Color,kotlin.Function0)">ModalNavigationDrawer</a></code> instead.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
@@ -7208,7 +7208,7 @@
       <p><a href="https://m3.material.io/components/radio-button/overview" class="external" target="_blank">Material Design radio button</a>.</p>
       <p>Radio buttons allow users to select one option from a set.</p>
       <p><img alt="Radio button image" src="https://developer.android.com/images/reference/androidx/compose/material3/radio-button.png"></p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.selection.selectableGroup
 import androidx.compose.material3.RadioButton
@@ -7235,7 +7235,7 @@
     )
 }</pre>
       <p><code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#RadioButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.material3.RadioButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource)">RadioButton</a></code>s can be combined together with <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)">Text</a></code> in the desired layout (e.g. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)">Column</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)">Row</a></code>) to achieve radio group-like behaviour, where the entire layout is selectable:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -7336,7 +7336,7 @@
       <p>Range Sliders expand upon <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Slider(kotlin.Float,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int,kotlin.Function0,androidx.compose.material3.SliderColors,androidx.compose.foundation.interaction.MutableInteractionSource)">Slider</a></code> using the same concepts but allow the user to select 2 values.</p>
       <p>The two values are still bounded by the value range but they also cannot cross each other.</p>
       <p>Use continuous Range Sliders to allow users to make meaningful selections that don’t require a specific values:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.RangeSlider
 import androidx.compose.material3.Text
@@ -7359,7 +7359,7 @@
     )
 }</pre>
       <p>You can allow the user to choose only between predefined set of values by specifying the amount of steps between min and max values:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.RangeSlider
 import androidx.compose.material3.Text
@@ -7453,7 +7453,7 @@
       <p>Scaffold implements the basic material design visual layout structure.</p>
       <p>This component provides API to put together several material components to construct your screen, by ensuring proper layout strategy for them and collecting necessary data so these components will work together correctly.</p>
       <p>Simple example of a Scaffold with <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#SmallTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)">SmallTopAppBar</a></code>, <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material3.FloatingActionButtonElevation,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)">FloatingActionButton</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.consumeWindowInsets
@@ -7515,7 +7515,7 @@
     }
 )</pre>
       <p>To show a <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)">Snackbar</a></code>, use <code><a href="/reference/kotlin/androidx/compose/material3/SnackbarHostState.html#showSnackbar(kotlin.String,kotlin.String,kotlin.Boolean,androidx.compose.material3.SnackbarDuration)">SnackbarHostState.showSnackbar</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
@@ -7722,7 +7722,7 @@
       <p>Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.</p>
       <p><img alt="Sliders image" src="https://developer.android.com/images/reference/androidx/compose/material3/sliders.png"></p>
       <p>Slider using a custom thumb:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Icon
@@ -7840,7 +7840,7 @@
       <p>Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.</p>
       <p><img alt="Sliders image" src="https://developer.android.com/images/reference/androidx/compose/material3/sliders.png"></p>
       <p>Use continuous sliders to allow users to make meaningful selections that don’t require a specific value:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Slider
 import androidx.compose.material3.Text
@@ -7857,7 +7857,7 @@
         onValueChange = { sliderPosition = it })
 }</pre>
       <p>You can allow the user to choose only between predefined set of values by specifying the amount of steps between min and max values:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Slider
 import androidx.compose.material3.Text
@@ -7964,7 +7964,7 @@
       <p>Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.</p>
       <p><img alt="Sliders image" src="https://developer.android.com/images/reference/androidx/compose/material3/sliders.png"></p>
       <p>Slider using custom track and thumb:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Slider
@@ -8096,7 +8096,7 @@
       <p><a href="https://m3.material.io/components/floating-action-button/overview" class="external" target="_blank">Material Design small floating action button</a>.</p>
       <p>The FAB represents the most important action on a screen. It puts key actions within reach.</p>
       <p><img alt="Small FAB image" src="https://developer.android.com/images/reference/androidx/compose/material3/small-fab.png"></p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.SmallFloatingActionButton
 
@@ -8178,7 +8178,7 @@
       <p>This SmallTopAppBar has slots for a title, navigation icon, and actions.</p>
       <p><img alt="Small top app bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/small-top-app-bar.png"></p>
       <p>A simple top app bar looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -8235,7 +8235,7 @@
     }
 )</pre>
       <p>A top app bar that uses a <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#SmallTopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)">scrollBehavior</a></code> to customize its nested scrolling behavior when working in conjunction with a scrolling content looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -8302,7 +8302,7 @@
         }
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -8432,7 +8432,7 @@
       <p>Snackbars with an action should not timeout or self-dismiss until the user performs another action. Here, moving the keyboard focus indicator to navigate through interactive elements in a page is not considered an action.</p>
       <p>This version of snackbar is designed to work with <code><a href="/reference/kotlin/androidx/compose/material3/SnackbarData.html">SnackbarData</a></code> provided by the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)">SnackbarHost</a></code>, which is usually used inside of the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code>.</p>
       <p>This components provides only the visuals of the Snackbar. If you need to show a Snackbar with defaults on the screen, use <code><a href="/reference/kotlin/androidx/compose/material3/SnackbarHostState.html#showSnackbar(kotlin.String,kotlin.String,kotlin.Boolean,androidx.compose.material3.SnackbarDuration)">SnackbarHostState.showSnackbar</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
@@ -8473,7 +8473,7 @@
     }
 )</pre>
       <p>If you want to customize appearance of the Snackbar, you can pass your own version as a child of the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)">SnackbarHost</a></code> to the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
@@ -8561,7 +8561,7 @@
     }
 )</pre>
       <p>When a <code><a href="/reference/kotlin/androidx/compose/material3/SnackbarData.html#visuals()">SnackbarData.visuals</a></code> sets the Snackbar's duration as <code><a href="/reference/kotlin/androidx/compose/material3/SnackbarDuration.html#Indefinite">SnackbarDuration.Indefinite</a></code>, it's recommended to display an additional close affordance action. See <code><a href="/reference/kotlin/androidx/compose/material3/SnackbarVisuals.html#withDismissAction()">SnackbarVisuals.withDismissAction</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
@@ -8684,7 +8684,7 @@
       <p>A Snackbar can contain a single action. &quot;Dismiss&quot; or &quot;cancel&quot; actions are optional.</p>
       <p>Snackbars with an action should not timeout or self-dismiss until the user performs another action. Here, moving the keyboard focus indicator to navigate through interactive elements in a page is not considered an action.</p>
       <p>This component provides only the visuals of the Snackbar. If you need to show a Snackbar with defaults on the screen, use <code><a href="/reference/kotlin/androidx/compose/material3/SnackbarHostState.html#showSnackbar(kotlin.String,kotlin.String,kotlin.Boolean,androidx.compose.material3.SnackbarDuration)">SnackbarHostState.showSnackbar</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
@@ -8725,7 +8725,7 @@
     }
 )</pre>
       <p>If you want to customize appearance of the Snackbar, you can pass your own version as a child of the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)">SnackbarHost</a></code> to the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
@@ -8893,7 +8893,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/material3/package-summary.html#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)">SnackbarHost</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;hostState:&nbsp;<a href="/reference/kotlin/androidx/compose/material3/SnackbarHostState.html">SnackbarHostState</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;modifier:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a> = Modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;snackbar:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> (<a href="/reference/kotlin/androidx/compose/material3/SnackbarData.html">SnackbarData</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a> = { Snackbar(it) }<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Host for <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)">Snackbar</a></code>s to be used in <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code> to properly show, hide and dismiss items based on Material specification and the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)">hostState</a></code>.</p>
       <p>This component with default parameters comes build-in with <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code>, if you need to show a default <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)">Snackbar</a></code>, use <code><a href="/reference/kotlin/androidx/compose/material3/SnackbarHostState.html#showSnackbar(kotlin.String,kotlin.String,kotlin.Boolean,androidx.compose.material3.SnackbarDuration)">SnackbarHostState.showSnackbar</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
@@ -8934,7 +8934,7 @@
     }
 )</pre>
       <p>If you want to customize appearance of the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)">Snackbar</a></code>, you can pass your own version as a child of the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#SnackbarHost(androidx.compose.material3.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)">SnackbarHost</a></code> to the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Scaffold(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.material3.FabPosition,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.layout.WindowInsets,kotlin.Function1)">Scaffold</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
@@ -9064,7 +9064,7 @@
       <p><img alt="Suggestion chip image" src="https://developer.android.com/images/reference/androidx/compose/material3/suggestion-chip.png"></p>
       <p>This suggestion chip is applied with a flat style. If you want an elevated style, use the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#ElevatedSuggestionChip(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.material3.ChipColors,androidx.compose.material3.ChipElevation,androidx.compose.material3.ChipBorder,androidx.compose.foundation.interaction.MutableInteractionSource)">ElevatedSuggestionChip</a></code>.</p>
       <p>Example of a flat SuggestionChip with a trailing icon:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.SuggestionChip
 import androidx.compose.material3.Text
 
@@ -9176,7 +9176,7 @@
         </li>
       </ol>
       <p>Surface sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 
@@ -9269,7 +9269,7 @@
       </ol>
       <p>To manually retrieve the content color inside a surface, use <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#LocalContentColor()">LocalContentColor</a></code>.</p>
       <p>Selectable surface sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.runtime.mutableStateOf
@@ -9395,7 +9395,7 @@
       </ol>
       <p>To manually retrieve the content color inside a surface, use <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#LocalContentColor()">LocalContentColor</a></code>.</p>
       <p>Toggleable surface sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.runtime.mutableStateOf
@@ -9526,7 +9526,7 @@
       </ol>
       <p>To manually retrieve the content color inside a surface, use <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#LocalContentColor()">LocalContentColor</a></code>.</p>
       <p>Clickable surface sample:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.runtime.mutableStateOf
@@ -9620,7 +9620,7 @@
       <p><a href="https://m3.material.io/components/switch" class="external" target="_blank">Material Design Switch</a>.</p>
       <p>Switches toggle the state of a single item on or off.</p>
       <p><img alt="Switch image" src="https://developer.android.com/images/reference/androidx/compose/material3/switch.png"></p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Switch
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -9632,7 +9632,7 @@
     checked = checked,
     onCheckedChange = { checked = it })</pre>
       <p>Switch can be used with a custom icon via <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Switch(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Boolean,androidx.compose.material3.SwitchColors,androidx.compose.foundation.interaction.MutableInteractionSource)">thumbContent</a></code> parameter</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Icon
 import androidx.compose.material3.Switch
@@ -9726,7 +9726,7 @@
       <p><img alt="Tabs image" src="https://developer.android.com/images/reference/androidx/compose/material3/secondary-tabs.png"></p>
       <p>Generic <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Tab(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.interaction.MutableInteractionSource)">Tab</a></code> overload that is not opinionated about content / color. See the other overload for a Tab that has specific slots for text and / or an icon, as well as providing the correct colors for selected / unselected states.</p>
       <p>A custom tab using this API may look like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -9931,7 +9931,7 @@
       <p>Fixed tabs display all tabs in a set simultaneously. They are best for switching between related content quickly, such as between transportation methods in a map. To navigate between fixed tabs, tap an individual tab, or swipe left or right in the content area.</p>
       <p>A TabRow contains a row of <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Tab(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.interaction.MutableInteractionSource)">Tab</a></code>s, and displays an indicator underneath the currently selected tab. A TabRow places its tabs evenly spaced along the entire row, with each tab taking up an equal amount of space. See <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#ScrollableTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function0,kotlin.Function0)">ScrollableTabRow</a></code> for a tab row that does not enforce equal size, and allows scrolling to tabs that do not fit on screen.</p>
       <p>A simple example with text tabs looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Tab
 import androidx.compose.material3.TabRow
@@ -9958,7 +9958,7 @@
     )
 }</pre>
       <p>You can also provide your own custom tab, such as:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.TabRow
 import androidx.compose.material3.Text
@@ -9980,7 +9980,7 @@
     )
 }</pre>
       <p>Where the custom tab itself could look like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -10012,7 +10012,7 @@
 }</pre>
       <p>As well as customizing the tab, you can also provide a custom <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)">indicator</a></code>, to customize the indicator displayed for a tab. <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)">indicator</a></code> will be placed to fill the entire TabRow, so it should internally take care of sizing and positioning the indicator to match changes to <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)">selectedTabIndex</a></code>.</p>
       <p>For example, given an indicator that draws a rounded rectangle near the edges of the <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#Tab(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.interaction.MutableInteractionSource)">Tab</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Box
@@ -10029,7 +10029,7 @@
         .border(BorderStroke(2.dp, color), RoundedCornerShape(5.dp))
 )</pre>
       <p>We can reuse <code><a href="/reference/kotlin/androidx/compose/material3/TabRowDefaults.html#(androidx.compose.ui.Modifier).tabIndicatorOffset(androidx.compose.material3.TabPosition)">TabRowDefaults.tabIndicatorOffset</a></code> and just provide this indicator, as we aren't changing how the size and position of the indicator changes between tabs:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Tab
 import androidx.compose.material3.TabRowDefaults.tabIndicatorOffset
@@ -10069,7 +10069,7 @@
     )
 }</pre>
       <p>You may also want to use a custom transition, to allow you to dynamically change the appearance of the indicator as it animates between tabs, such as changing its color or size. <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)">indicator</a></code> is stacked on top of the entire TabRow, so you just need to provide a custom transition that animates the offset of the indicator from the start of the TabRow. For example, take the following example that uses a transition to animate the offset, width, and color of the same FancyIndicator from before, also adding a physics based 'spring' effect to the indicator in the direction of motion:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.spring
@@ -10132,7 +10132,7 @@
         .width(indicatorEnd - indicatorStart)
 )</pre>
       <p>We can now just pass this indicator directly to TabRow:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material3.Tab
 import androidx.compose.material3.TabRow
@@ -10509,7 +10509,7 @@
       <p>Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.</p>
       <p><img alt="Text button image" src="https://developer.android.com/images/reference/androidx/compose/material3/text-button.png"></p>
       <p>Text buttons are typically used for less-pronounced actions, including those located in dialogs and cards. In cards, text buttons help maintain an emphasis on card content. Text buttons are used for the lowest priority actions, especially when presenting multiple options.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextButton
 
@@ -10608,7 +10608,7 @@
       <p><img alt="Filled text field image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-text-field.png"></p>
       <p>If you are looking for an outlined version, see <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#OutlinedTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">OutlinedTextField</a></code>.</p>
       <p>See example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -10776,7 +10776,7 @@
       <p><img alt="Filled text field image" src="https://developer.android.com/images/reference/androidx/compose/material3/filled-text-field.png"></p>
       <p>If you are looking for an outlined version, see <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#OutlinedTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">OutlinedTextField</a></code>.</p>
       <p>A simple single line text field looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -10791,7 +10791,7 @@
     singleLine = true
 )</pre>
       <p>You may provide a placeholder:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -10806,7 +10806,7 @@
     placeholder = { Text(&quot;example@gmail.com&quot;) }
 )</pre>
       <p>You can also provide leading and trailing icons:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
@@ -10823,7 +10823,7 @@
     trailingIcon = { Icon(Icons.Filled.Info, contentDescription = &quot;Localized description&quot;) }
 )</pre>
       <p>To handle the error input state, use <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#TextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material3.TextFieldColors)">isError</a></code> parameter:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.material3.Text
@@ -10865,7 +10865,7 @@
     }
 )</pre>
       <p>Additionally, you may provide additional message at the bottom:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -10882,7 +10882,7 @@
     },
 )</pre>
       <p>Password text field example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
@@ -10913,7 +10913,7 @@
     }
 )</pre>
       <p>Hiding a software keyboard on IME action performed:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material3.Text
@@ -11086,7 +11086,7 @@
       <p>This small TopAppBar has slots for a title, navigation icon, and actions.</p>
       <p><img alt="Small top app bar image" src="https://developer.android.com/images/reference/androidx/compose/material3/small-top-app-bar.png"></p>
       <p>A simple top app bar looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -11143,7 +11143,7 @@
     }
 )</pre>
       <p>A top app bar that uses a <code><a href="/reference/kotlin/androidx/compose/material3/package-summary.html#TopAppBar(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.foundation.layout.WindowInsets,androidx.compose.material3.TopAppBarColors,androidx.compose.material3.TopAppBarScrollBehavior)">scrollBehavior</a></code> to customize its nested scrolling behavior when working in conjunction with a scrolling content looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -11210,7 +11210,7 @@
         }
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
@@ -11334,7 +11334,7 @@
       <p><a href="https://m3.material.io/components/checkbox/guidelines" class="external" target="_blank">Material Design checkbox</a> parent.</p>
       <p>Checkboxes can have a parent-child relationship with other checkboxes. When the parent checkbox is checked, all child checkboxes are checked. If a parent checkbox is unchecked, all child checkboxes are unchecked. If some, but not all, child checkboxes are checked, the parent checkbox becomes an indeterminate checkbox.</p>
       <p><img alt="Checkbox image" src="https://developer.android.com/images/reference/androidx/compose/material3/indeterminate-checkbox.png"></p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.padding
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/material3/windowsizeclass/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/material3/windowsizeclass/package-summary.html
index 85022c1..32f9bb0 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/material3/windowsizeclass/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/material3/windowsizeclass/package-summary.html
@@ -78,7 +78,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/material3/windowsizeclass/ExperimentalMaterial3WindowSizeClassApi.html">ExperimentalMaterial3WindowSizeClassApi</a><br>@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/material3/windowsizeclass/package-summary.html#calculateWindowSizeClass(android.app.Activity)">calculateWindowSizeClass</a>(activity:&nbsp;<a href="https://developer.android.com/reference/android/app/Activity.html">Activity</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/material3/windowsizeclass/WindowSizeClass.html">WindowSizeClass</a></pre>
       <p>Calculates the window's <code><a href="/reference/kotlin/androidx/compose/material3/windowsizeclass/WindowSizeClass.html">WindowSizeClass</a></code> for the provided <code><a href="/reference/kotlin/androidx/compose/material3/windowsizeclass/package-summary.html#calculateWindowSizeClass(android.app.Activity)">activity</a></code>.</p>
       <p>A new <code><a href="/reference/kotlin/androidx/compose/material3/windowsizeclass/WindowSizeClass.html">WindowSizeClass</a></code> will be returned whenever a configuration change causes the width or height of the window to cross a breakpoint, such as when the device is rotated or the window is resized.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.material3.windowsizeclass.calculateWindowSizeClass
 
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/AbstractApplier.html b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/AbstractApplier.html
index 0fe2f4e..6a7cd43 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/AbstractApplier.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/AbstractApplier.html
@@ -34,7 +34,7 @@
 </devsite-expandable>    </div>
     <hr>
     <p>An abstract <code><a href="/reference/kotlin/androidx/compose/runtime/Applier.html">Applier</a></code> implementation.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/Applier.html b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/Applier.html
index eafa6aa..b9922e4 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/Applier.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/Applier.html
@@ -57,7 +57,7 @@
     <hr>
     <p>An Applier is responsible for applying the tree-based operations that get emitted during a composition. Every <code><a href="/reference/kotlin/androidx/compose/runtime/Composer.html">Composer</a></code> has an <code><a href="/reference/kotlin/androidx/compose/runtime/Applier.html">Applier</a></code> which it uses to emit a <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1)">ComposeNode</a></code>.</p>
     <p>A custom <code><a href="/reference/kotlin/androidx/compose/runtime/Applier.html">Applier</a></code> implementation will be needed in order to utilize Compose to build and maintain a tree of a novel type.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/CompositionLocal.html b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/CompositionLocal.html
index 82d75a3..1b26707 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/CompositionLocal.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/CompositionLocal.html
@@ -39,12 +39,12 @@
     <p>Sometimes this model can be cumbersome or break down for data that is needed by lots of components, or when components need to pass data between one another but keep that implementation detail private. For these cases, <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code>s can be used as an implicit way to have data flow through a composition.</p>
     <p><code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code>s by their nature are hierarchical. They make sense when the value of the <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> needs to be scoped to a particular sub-hierarchy of the composition.</p>
     <p>One must create a <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> instance, which can be referenced by the consumers statically. <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> instances themselves hold no data, and can be thought of as a type-safe identifier for the data being passed down a tree. <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> factory functions take a single parameter: a factory to create a default value in cases where a <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> is used without a Provider. If this is a situation you would rather not handle, you can throw an error in this factory.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.compositionLocalOf
 
 val ActiveUser = compositionLocalOf&lt;User&gt; { error(&quot;No active user found!&quot;) }</pre>
     <p>Somewhere up the tree, a <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</a></code> component can be used, which provides a value for the <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code>. This would often be at the &quot;root&quot; of a tree, but could be anywhere, and can also be used in multiple places to override the provided value for a sub-tree.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.CompositionLocalProvider
 
 @Composable
@@ -54,12 +54,12 @@
     }
 }</pre>
     <p>Intermediate components do not need to know about the <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> value, and can have zero dependencies on it. For example, <code>SomeScreen</code> might look like this:</p>
-    <pre class="prettyprint">@Composable
+    <pre class="prettyprint lang-kotlin">@Composable
 fun SomeScreen() {
     UserPhoto()
 }</pre>
     <p>Finally, a component that wishes to consume the <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> value can use the <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html#current()">current</a></code> property of the <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> key which returns the current value of the <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code>, and subscribes the component to changes of it.</p>
-    <pre class="prettyprint">@Composable
+    <pre class="prettyprint lang-kotlin">@Composable
 fun UserPhoto() {
     val user = ActiveUser.current
     ProfileIcon(src = user.profilePhotoUrl)
@@ -120,7 +120,7 @@
         <h3 class="api-name" id="current()">current</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html#current()">current</a>:&nbsp;T</pre>
         <p>Return the value provided by the nearest <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</a></code> component that invokes, directly or indirectly, the composable function that uses this property.</p>
-        <pre class="prettyprint">@Composable
+        <pre class="prettyprint lang-kotlin">@Composable
 fun UserPhoto() {
     val user = ActiveUser.current
     ProfileIcon(src = user.profilePhotoUrl)
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/Immutable.html b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/Immutable.html
index 2623985..d4a76fe 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/Immutable.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/Immutable.html
@@ -16,7 +16,7 @@
     <p><code><a href="/reference/kotlin/androidx/compose/runtime/Immutable.html">Immutable</a></code> can be used to mark class as producing immutable instances. The immutability of the class is not validated and is a promise by the type that all publicly accessible properties and fields will not change after the instance is constructed. This is a stronger promise than <code>val</code> as it promises that the value will never change not only that values cannot be changed through a setter.</p>
     <p><code><a href="/reference/kotlin/androidx/compose/runtime/Immutable.html">Immutable</a></code> is used by composition which enables composition optimizations that can be performed based on the assumption that values read from the type will not change.  See <code><a href="/reference/kotlin/androidx/compose/runtime/StableMarker.html">StableMarker</a></code> for additional details.</p>
     <p><code>data</code> classes that only contain <code>val</code> properties that do not have custom getters can safely be marked as <code><a href="/reference/kotlin/androidx/compose/runtime/Immutable.html">Immutable</a></code> if the types of properties are either primitive types or also <code><a href="/reference/kotlin/androidx/compose/runtime/Immutable.html">Immutable</a></code>:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Text
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/MutableState.html b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/MutableState.html
index dd6e583..817a329 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/MutableState.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/MutableState.html
@@ -160,7 +160,7 @@
         <h3 class="api-name" id="(androidx.compose.runtime.MutableState).setValue(kotlin.Any,kotlin.reflect.KProperty,kotlin.Any)">setValue</h3>
         <pre class="api-signature no-pretty-print">inline&nbsp;operator&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/MutableState.html">MutableState</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/compose/runtime/MutableState.html#(androidx.compose.runtime.MutableState).setValue(kotlin.Any,kotlin.reflect.KProperty,kotlin.Any)">setValue</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;thisObj:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,<br>&nbsp;&nbsp;&nbsp;&nbsp;property:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.reflect/-k-property/index.html">KProperty</a>&lt;*&gt;,<br>&nbsp;&nbsp;&nbsp;&nbsp;value:&nbsp;T<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Permits property delegation of <code>var</code>s using <code>by</code> for <code><a href="/reference/kotlin/androidx/compose/runtime/MutableState.html">MutableState</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Button
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html
index 5c9ca62..f49c9cb 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html
@@ -132,7 +132,7 @@
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html#awaitDispose(kotlin.Function0)">awaitDispose</a>(onDispose:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-nothing.html">Nothing</a></pre>
         <p>Await the disposal of this producer whether it left the composition, the source changed, or an error occurred. Always runs <code><a href="/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html#awaitDispose(kotlin.Function0)">onDispose</a></code> before resuming.</p>
         <p>This method is useful when configuring callback-based state producers that do not suspend, for example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.produceState
 
 val currentPerson by produceState&lt;Person?&gt;(null, viewModel) {
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html
index a6abbbf..fbcacc1 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html
@@ -16,7 +16,7 @@
     <p>A policy to control how the result of <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#mutableStateOf(kotlin.Any,androidx.compose.runtime.SnapshotMutationPolicy)">mutableStateOf</a></code> report and merge changes to the state object.</p>
     <p>A mutation policy can be passed as an parameter to <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#mutableStateOf(kotlin.Any,androidx.compose.runtime.SnapshotMutationPolicy)">mutableStateOf</a></code>, and <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#compositionLocalOf(androidx.compose.runtime.SnapshotMutationPolicy,kotlin.Function0)">compositionLocalOf</a></code>.</p>
     <p>Typically, one of the stock policies should be used such as <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#referentialEqualityPolicy()">referentialEqualityPolicy</a></code>, <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#structuralEqualityPolicy()">structuralEqualityPolicy</a></code>, or <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#neverEqualPolicy()">neverEqualPolicy</a></code>. However, a custom mutation policy can be created by implementing this interface, such as a counter policy,</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.mutableStateOf
 
 /**
@@ -92,7 +92,7 @@
         <pre class="api-signature no-pretty-print">open&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">merge</a>(previous:&nbsp;T,&nbsp;current:&nbsp;T,&nbsp;applied:&nbsp;T):&nbsp;T?</pre>
         <p>Merge conflicting changes in snapshots. This is only called if <code><a href="/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">current</a></code> and <code><a href="/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">applied</a></code> are not <code><a href="/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html#equivalent(kotlin.Any,kotlin.Any)">equivalent</a></code>. If a valid merged value can be calculated then it should be returned.</p>
         <p>For example, if the state object holds an immutable data class with multiple fields, and <code><a href="/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">applied</a></code> has changed fields that are unmodified by <code><a href="/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">current</a></code> it might be valid to return a new copy of the data class that combines that changes from both <code><a href="/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">current</a></code> and <code><a href="/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html#merge(kotlin.Any,kotlin.Any,kotlin.Any)">applied</a></code> allowing a snapshot to apply that would have otherwise failed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.mutableStateOf
 
 /**
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/State.html b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/State.html
index f42493b..4347cbb 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/State.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/State.html
@@ -162,7 +162,7 @@
         <h3 class="api-name" id="(androidx.compose.runtime.State).getValue(kotlin.Any,kotlin.reflect.KProperty)">getValue</h3>
         <pre class="api-signature no-pretty-print">inline&nbsp;operator&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/compose/runtime/State.html#(androidx.compose.runtime.State).getValue(kotlin.Any,kotlin.reflect.KProperty)">getValue</a>(thisObj:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;property:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.reflect/-k-property/index.html">KProperty</a>&lt;*&gt;):&nbsp;T</pre>
         <p>Permits property delegation of <code>val</code>s using <code>by</code> for <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Text
 
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/package-summary.html
index 71afd23..463f182 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/package-summary.html
@@ -1004,7 +1004,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>inline&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;E&nbsp;:&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/Applier.html">Applier</a>&lt;*&gt;&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">ComposeNode</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;noinline&nbsp;factory:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> T,<br>&nbsp;&nbsp;&nbsp;&nbsp;update:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/DisallowComposableCalls.html">DisallowComposableCalls</a> <a href="/reference/kotlin/androidx/compose/runtime/Updater.html">Updater</a>&lt;T&gt;.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Emits a node into the composition of type <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">T</a></code>. Nodes emitted inside of <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">content</a></code> will become children of the emitted node.</p>
       <p>This function will throw a runtime exception if <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">E</a></code> is not a subtype of the applier of the <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#currentComposer()">currentComposer</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -1144,7 +1144,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/kotlin/androidx/compose/runtime/ExplicitGroupsComposable.html">ExplicitGroupsComposable</a><br>inline&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;E&nbsp;:&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/Applier.html">Applier</a>&lt;*&gt;&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">ComposeNode</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;noinline&nbsp;factory:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> T,<br>&nbsp;&nbsp;&nbsp;&nbsp;update:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/DisallowComposableCalls.html">DisallowComposableCalls</a> <a href="/reference/kotlin/androidx/compose/runtime/Updater.html">Updater</a>&lt;T&gt;.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;noinline&nbsp;skippableUpdate:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> <a href="/reference/kotlin/androidx/compose/runtime/SkippableUpdater.html">SkippableUpdater</a>&lt;T&gt;.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Emits a node into the composition of type <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">T</a></code>. Nodes emitted inside of <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">content</a></code> will become children of the emitted node.</p>
       <p>This function will throw a runtime exception if <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">E</a></code> is not a subtype of the applier of the <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#currentComposer()">currentComposer</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -1294,7 +1294,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>inline&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>,&nbsp;E&nbsp;:&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/Applier.html">Applier</a>&lt;*&gt;&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1)">ComposeNode</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;noinline&nbsp;factory:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> T,<br>&nbsp;&nbsp;&nbsp;&nbsp;update:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/DisallowComposableCalls.html">DisallowComposableCalls</a> <a href="/reference/kotlin/androidx/compose/runtime/Updater.html">Updater</a>&lt;T&gt;.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Emits a node into the composition of type <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1)">T</a></code>.</p>
       <p>This function will throw a runtime exception if <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ComposeNode(kotlin.Function0,kotlin.Function1)">E</a></code> is not a subtype of the applier of the <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#currentComposer()">currentComposer</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -1434,7 +1434,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#Composition(androidx.compose.runtime.Applier,androidx.compose.runtime.CompositionContext)">Composition</a>(applier:&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/Applier.html">Applier</a>&lt;*&gt;,&nbsp;parent:&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/CompositionContext.html">CompositionContext</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/Composition.html">Composition</a></pre>
       <p>This method is the way to initiate a composition. Optionally, a <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionContext.html">parent</a></code> can be provided to make the composition behave as a sub-composition of the parent or a <code><a href="/reference/kotlin/androidx/compose/runtime/Recomposer.html">Recomposer</a></code> can be provided.</p>
       <p>It is important to call <code><a href="/reference/kotlin/androidx/compose/runtime/Composition.html#dispose()">Composition.dispose</a></code> this composer is no longer needed in order to release resources.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -1567,7 +1567,7 @@
       <h3 class="api-name" id="CompositionLocalProvider(androidx.compose.runtime.CompositionLocalContext,kotlin.Function0)">CompositionLocalProvider</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(androidx.compose.runtime.CompositionLocalContext,kotlin.Function0)">CompositionLocalProvider</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;context:&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/CompositionLocalContext.html">CompositionLocalContext</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</a></code> binds values to <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code>'s, provided by <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(androidx.compose.runtime.CompositionLocalContext,kotlin.Function0)">context</a></code>. Reading the <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> using <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html#current()">CompositionLocal.current</a></code> will return the value provided in values stored inside <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(androidx.compose.runtime.CompositionLocalContext,kotlin.Function0)">context</a></code> for all composable functions called directly or indirectly in the <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(androidx.compose.runtime.CompositionLocalContext,kotlin.Function0)">content</a></code> lambda.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.CompositionLocalProvider
 
 @Composable
@@ -1608,7 +1608,7 @@
       <h3 class="api-name" id="CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;vararg&nbsp;values:&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/ProvidedValue.html">ProvidedValue</a>&lt;*&gt;,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</a></code> binds values to <code><a href="/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal.html">ProvidableCompositionLocal</a></code> keys. Reading the <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html">CompositionLocal</a></code> using <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionLocal.html#current()">CompositionLocal.current</a></code> will return the value provided in <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">CompositionLocalProvider</a></code>'s <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">values</a></code> parameter for all composable functions called directly or indirectly in the <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#CompositionLocalProvider(kotlin.Array,kotlin.Function0)">content</a></code> lambda.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.CompositionLocalProvider
 
 @Composable
@@ -1655,7 +1655,7 @@
       <p>This method is a way to initiate a composition. Optionally, a <code><a href="/reference/kotlin/androidx/compose/runtime/CompositionContext.html">parent</a></code> can be provided to make the composition behave as a sub-composition of the parent or a <code><a href="/reference/kotlin/androidx/compose/runtime/Recomposer.html">Recomposer</a></code> can be provided.</p>
       <p>A controlled composition allows direct control of the composition instead of it being controlled by the <code><a href="/reference/kotlin/androidx/compose/runtime/Recomposer.html">Recomposer</a></code> passed ot the root composition.</p>
       <p>It is important to call <code><a href="/reference/kotlin/androidx/compose/runtime/Composition.html#dispose()">Composition.dispose</a></code> this composer is no longer needed in order to release resources.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -1798,7 +1798,7 @@
         </li>
       </ul>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#DisposableEffect(kotlin.Function1)">DisposableEffect</a></code> may be used to initialize or subscribe to a key and reinitialize when a different key is provided, performing cleanup for the old operation before initializing the new. For example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -1845,7 +1845,7 @@
         </li>
       </ul>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#DisposableEffect(kotlin.Function1)">DisposableEffect</a></code> may be used to initialize or subscribe to a key and reinitialize when a different key is provided, performing cleanup for the old operation before initializing the new. For example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -1892,7 +1892,7 @@
         </li>
       </ul>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#DisposableEffect(kotlin.Function1)">DisposableEffect</a></code> may be used to initialize or subscribe to a key and reinitialize when a different key is provided, performing cleanup for the old operation before initializing the new. For example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -1939,7 +1939,7 @@
         </li>
       </ul>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#DisposableEffect(kotlin.Function1)">DisposableEffect</a></code> may be used to initialize or subscribe to a key and reinitialize when a different key is provided, performing cleanup for the old operation before initializing the new. For example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -2015,7 +2015,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>inline&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;E&nbsp;:&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/Applier.html">Applier</a>&lt;*&gt;&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">ReusableComposeNode</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;noinline&nbsp;factory:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> T,<br>&nbsp;&nbsp;&nbsp;&nbsp;update:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/DisallowComposableCalls.html">DisallowComposableCalls</a> <a href="/reference/kotlin/androidx/compose/runtime/Updater.html">Updater</a>&lt;T&gt;.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Emits a recyclable node into the composition of type <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">T</a></code>. Nodes emitted inside of <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">content</a></code> will become children of the emitted node.</p>
       <p>This function will throw a runtime exception if <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function0)">E</a></code> is not a subtype of the applier of the <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#currentComposer()">currentComposer</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -2155,7 +2155,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>@<a href="/reference/kotlin/androidx/compose/runtime/ExplicitGroupsComposable.html">ExplicitGroupsComposable</a><br>inline&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;E&nbsp;:&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/Applier.html">Applier</a>&lt;*&gt;&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">ReusableComposeNode</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;noinline&nbsp;factory:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> T,<br>&nbsp;&nbsp;&nbsp;&nbsp;update:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/DisallowComposableCalls.html">DisallowComposableCalls</a> <a href="/reference/kotlin/androidx/compose/runtime/Updater.html">Updater</a>&lt;T&gt;.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;noinline&nbsp;skippableUpdate:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> <a href="/reference/kotlin/androidx/compose/runtime/SkippableUpdater.html">SkippableUpdater</a>&lt;T&gt;.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Emits a recyclable node into the composition of type <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">T</a></code>. Nodes emitted inside of <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">content</a></code> will become children of the emitted node.</p>
       <p>This function will throw a runtime exception if <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1,kotlin.Function1,kotlin.Function0)">E</a></code> is not a subtype of the applier of the <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#currentComposer()">currentComposer</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -2305,7 +2305,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>inline&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>,&nbsp;E&nbsp;:&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/Applier.html">Applier</a>&lt;*&gt;&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1)">ReusableComposeNode</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;noinline&nbsp;factory:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> T,<br>&nbsp;&nbsp;&nbsp;&nbsp;update:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/DisallowComposableCalls.html">DisallowComposableCalls</a> <a href="/reference/kotlin/androidx/compose/runtime/Updater.html">Updater</a>&lt;T&gt;.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Emits a recyclable node into the composition of type <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1)">T</a></code>.</p>
       <p>This function will throw a runtime exception if <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#ReusableComposeNode(kotlin.Function0,kotlin.Function1)">E</a></code> is not a subtype of the applier of the <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#currentComposer()">currentComposer</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.Composition
 import androidx.compose.runtime.ComposeNode
 import androidx.compose.runtime.mutableStateOf
@@ -2569,7 +2569,7 @@
       <h3 class="api-name" id="derivedStateOf(androidx.compose.runtime.SnapshotMutationPolicy,kotlin.Function0)">derivedStateOf</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#derivedStateOf(androidx.compose.runtime.SnapshotMutationPolicy,kotlin.Function0)">derivedStateOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;policy:&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html">SnapshotMutationPolicy</a>&lt;T&gt;,<br>&nbsp;&nbsp;&nbsp;&nbsp;calculation:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> T<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a>&lt;T&gt;</pre>
       <p>Creates a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> object whose <code><a href="/reference/kotlin/androidx/compose/runtime/State.html#value()">State.value</a></code> is the result of <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#derivedStateOf(androidx.compose.runtime.SnapshotMutationPolicy,kotlin.Function0)">calculation</a></code>. The result of calculation will be cached in such a way that calling <code><a href="/reference/kotlin/androidx/compose/runtime/State.html#value()">State.value</a></code> repeatedly will not cause <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#derivedStateOf(androidx.compose.runtime.SnapshotMutationPolicy,kotlin.Function0)">calculation</a></code> to be executed multiple times, but reading <code><a href="/reference/kotlin/androidx/compose/runtime/State.html#value()">State.value</a></code> will cause all <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> objects that got read during the <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#derivedStateOf(androidx.compose.runtime.SnapshotMutationPolicy,kotlin.Function0)">calculation</a></code> to be read in the current <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code>, meaning that this will correctly subscribe to the derived state objects if the value is being read in an observed context such as a <code><a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a></code> function.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.mutableStateOf
@@ -2619,7 +2619,7 @@
       <h3 class="api-name" id="derivedStateOf(kotlin.Function0)">derivedStateOf</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#derivedStateOf(kotlin.Function0)">derivedStateOf</a>(calculation:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> T):&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a>&lt;T&gt;</pre>
       <p>Creates a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> object whose <code><a href="/reference/kotlin/androidx/compose/runtime/State.html#value()">State.value</a></code> is the result of <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#derivedStateOf(kotlin.Function0)">calculation</a></code>. The result of calculation will be cached in such a way that calling <code><a href="/reference/kotlin/androidx/compose/runtime/State.html#value()">State.value</a></code> repeatedly will not cause <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#derivedStateOf(kotlin.Function0)">calculation</a></code> to be executed multiple times, but reading <code><a href="/reference/kotlin/androidx/compose/runtime/State.html#value()">State.value</a></code> will cause all <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> objects that got read during the <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#derivedStateOf(kotlin.Function0)">calculation</a></code> to be read in the current <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code>, meaning that this will correctly subscribe to the derived state objects if the value is being read in an observed context such as a <code><a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a></code> function. Derived states without mutation policy trigger updates on each dependency change. To avoid invalidation on update, provide suitable <code><a href="/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html">SnapshotMutationPolicy</a></code> through <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#derivedStateOf(kotlin.Function0)">derivedStateOf</a></code> overload.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.mutableStateOf
@@ -2671,7 +2671,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#key(kotlin.Array,kotlin.Function0)">key</a></code> is a utility composable that is used to &quot;group&quot; or &quot;key&quot; a block of execution inside of a composition. This is sometimes needed for correctness inside of control-flow that may cause a given composable invocation to execute more than once during composition.</p>
       <p>The value for a key <em>does not need to be globally unique</em>, and needs only be unique amongst the invocations of <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#key(kotlin.Array,kotlin.Function0)">key</a></code> <em>at that point</em> in composition.</p>
       <p>For instance, consider the following example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.key
 
 for (user in users) {
@@ -2684,7 +2684,7 @@
       <p>Even though there are users with the same id composed in both the top and the bottom loop, because they are different calls to <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#key(kotlin.Array,kotlin.Function0)">key</a></code>, there is no need to create compound keys.</p>
       <p>The key must be unique for each element in the collection, however, or children and local state might be reused in unintended ways.</p>
       <p>For instance, consider the following example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.key
 
 for ((child, parent) in relationships) {
@@ -2694,7 +2694,7 @@
     }
 }</pre>
       <p>This example assumes that <code>parent.id</code> is a unique key for each item in the collection, but this is only true if it is fair to assume that a parent will only ever have a single child, which may not be the case.  Instead, it may be more correct to do the following:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.key
 
 for ((child, parent) in relationships) {
@@ -2704,7 +2704,7 @@
     }
 }</pre>
       <p>A compound key can be created by passing in multiple arguments:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.key
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -2746,7 +2746,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#movableContentOf(kotlin.Function0)">movableContentOf</a>(content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
       <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -2764,7 +2764,7 @@
     }
 }</pre>
       <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -2837,7 +2837,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;P&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#movableContentOf(kotlin.Function1)">movableContentOf</a>(content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> (P) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> (P) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
       <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -2855,7 +2855,7 @@
     }
 }</pre>
       <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -2928,7 +2928,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;P1&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;P2&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#movableContentOf(kotlin.Function2)">movableContentOf</a>(content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> (P1, P2) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> (P1, P2) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
       <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -2946,7 +2946,7 @@
     }
 }</pre>
       <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3019,7 +3019,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;P1&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;P2&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;P3&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#movableContentOf(kotlin.Function3)">movableContentOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> (P1, P2, P3) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> (P1, P2, P3) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
       <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3037,7 +3037,7 @@
     }
 }</pre>
       <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3110,7 +3110,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;P1&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;P2&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;P3&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;P4&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#movableContentOf(kotlin.Function4)">movableContentOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> (P1, P2, P3, P4) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> (P1, P2, P3, P4) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Convert a lambda into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
       <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3128,7 +3128,7 @@
     }
 }</pre>
       <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3201,7 +3201,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#movableContentWithReceiverOf(kotlin.Function1)">movableContentWithReceiverOf</a>(content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> R.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> R.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Convert a lambda with a receiver into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
       <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3219,7 +3219,7 @@
     }
 }</pre>
       <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3292,7 +3292,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;P&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#movableContentWithReceiverOf(kotlin.Function2)">movableContentWithReceiverOf</a>(content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> R.(P) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> R.(P) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Convert a lambda with a receiver into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
       <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3310,7 +3310,7 @@
     }
 }</pre>
       <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3383,7 +3383,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;P1&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;P2&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#movableContentWithReceiverOf(kotlin.Function3)">movableContentWithReceiverOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> R.(P1, P2) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> R.(P1, P2) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Convert a lambda with a receiver into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
       <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3401,7 +3401,7 @@
     }
 }</pre>
       <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3474,7 +3474,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;P1&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;P2&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;P3&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#movableContentWithReceiverOf(kotlin.Function4)">movableContentWithReceiverOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> R.(P1, P2, P3) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> R.(P1, P2, P3) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Convert a lambda with a receiver into one that moves the remembered state and nodes created in a previous call to the new location it is called.</p>
       <p>Tracking compositions can be used to produce a composable that moves its content between a row and a column based on a parameter, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3492,7 +3492,7 @@
     }
 }</pre>
       <p>Or they can be used to ensure the composition state tracks with a model as moves in the layout, such as,</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.runtime.movableContentOf
@@ -3564,7 +3564,7 @@
       <h3 class="api-name" id="mutableStateListOf()">mutableStateListOf</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#mutableStateListOf()">mutableStateListOf</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/snapshots/SnapshotStateList.html">SnapshotStateList</a>&lt;T&gt;</pre>
       <p>Create a instance of <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-mutable-list/index.html">MutableList</a></code><T> that is observable and can be snapshot.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Button
@@ -3669,7 +3669,7 @@
       <h3 class="api-name" id="mutableStateMapOf()">mutableStateMapOf</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;K&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;V&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#mutableStateMapOf()">mutableStateMapOf</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/snapshots/SnapshotStateMap.html">SnapshotStateMap</a>&lt;K,&nbsp;V&gt;</pre>
       <p>Create a instance of <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-mutable-map/index.html">MutableMap</a></code> that is observable and can be snapshot.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Button
@@ -3789,7 +3789,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#mutableStateOf(kotlin.Any,androidx.compose.runtime.SnapshotMutationPolicy)">mutableStateOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;value:&nbsp;T,<br>&nbsp;&nbsp;&nbsp;&nbsp;policy:&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/SnapshotMutationPolicy.html">SnapshotMutationPolicy</a>&lt;T&gt; = structuralEqualityPolicy()<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/MutableState.html">MutableState</a>&lt;T&gt;</pre>
       <p>Return a new <code><a href="/reference/kotlin/androidx/compose/runtime/MutableState.html">MutableState</a></code> initialized with the passed in <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#mutableStateOf(kotlin.Any,androidx.compose.runtime.SnapshotMutationPolicy)">value</a></code></p>
       <p>The MutableState class is a single value holder whose reads and writes are observed by Compose. Additionally, writes to it are transacted as part of the <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code> system.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Button
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -3801,7 +3801,7 @@
 Button(onClick = { count.value++ }) {
     Text(&quot;Click me&quot;)
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Button
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -3813,7 +3813,7 @@
 Button(onClick = { setCount(count + 1) }) {
     Text(&quot;Click me&quot;)
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -3831,7 +3831,7 @@
     }
     return user.value
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Button
 import androidx.compose.material.Text
 import androidx.compose.foundation.text.BasicTextField
@@ -3925,7 +3925,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> is launched when <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> enters the composition and is cancelled when <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> leaves the composition. If <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key1</a></code>, <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key2</a></code> or <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key3</a></code> change, a running <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> will be cancelled and re-launched for the new source. [producer should use <code><a href="/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> to set new values on the returned <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code>.</p>
       <p>The returned <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> conflates values; no change will be observable if <code><a href="/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> is used to set a value that is <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/equals.html">equal</a></code> to its old value, and observers may only see the latest value if several values are set in rapid succession.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> may be used to observe either suspending or non-suspending sources of external data, for example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.runtime.produceState
 
@@ -3943,7 +3943,7 @@
         }
     }
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.produceState
 
 val currentPerson by produceState&lt;Person?&gt;(null, viewModel) {
@@ -3963,7 +3963,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> is launched when <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> enters the composition and is cancelled when <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> leaves the composition. If <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key1</a></code> or <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key2</a></code> change, a running <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> will be cancelled and re-launched for the new source. <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> should use <code><a href="/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> to set new values on the returned <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code>.</p>
       <p>The returned <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> conflates values; no change will be observable if <code><a href="/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> is used to set a value that is <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/equals.html">equal</a></code> to its old value, and observers may only see the latest value if several values are set in rapid succession.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> may be used to observe either suspending or non-suspending sources of external data, for example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.runtime.produceState
 
@@ -3981,7 +3981,7 @@
         }
     }
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.produceState
 
 val currentPerson by produceState&lt;Person?&gt;(null, viewModel) {
@@ -4001,7 +4001,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> is launched when <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> enters the composition and is cancelled when <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> leaves the composition. If <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key1</a></code> changes, a running <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> will be cancelled and re-launched for the new source. <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> should use <code><a href="/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> to set new values on the returned <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code>.</p>
       <p>The returned <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> conflates values; no change will be observable if <code><a href="/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> is used to set a value that is <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/equals.html">equal</a></code> to its old value, and observers may only see the latest value if several values are set in rapid succession.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> may be used to observe either suspending or non-suspending sources of external data, for example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.runtime.produceState
 
@@ -4019,7 +4019,7 @@
         }
     }
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.produceState
 
 val currentPerson by produceState&lt;Person?&gt;(null, viewModel) {
@@ -4039,7 +4039,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Array,kotlin.coroutines.SuspendFunction1)">producer</a></code> is launched when <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> enters the composition and is cancelled when <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> leaves the composition. If <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Array,kotlin.coroutines.SuspendFunction1)">keys</a></code> change, a running <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Array,kotlin.coroutines.SuspendFunction1)">producer</a></code> will be cancelled and re-launched for the new source. <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.Array,kotlin.coroutines.SuspendFunction1)">producer</a></code> should use <code><a href="/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> to set new values on the returned <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code>.</p>
       <p>The returned <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> conflates values; no change will be observable if <code><a href="/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> is used to set a value that is <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/equals.html">equal</a></code> to its old value, and observers may only see the latest value if several values are set in rapid succession.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> may be used to observe either suspending or non-suspending sources of external data, for example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.runtime.produceState
 
@@ -4057,7 +4057,7 @@
         }
     }
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.produceState
 
 val currentPerson by produceState&lt;Person?&gt;(null, viewModel) {
@@ -4077,7 +4077,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> is launched when <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> enters the composition and is cancelled when <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> leaves the composition. <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">producer</a></code> should use <code><a href="/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> to set new values on the returned <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code>.</p>
       <p>The returned <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> conflates values; no change will be observable if <code><a href="/reference/kotlin/androidx/compose/runtime/ProduceStateScope.html#value()">ProduceStateScope.value</a></code> is used to set a value that is <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/equals.html">equal</a></code> to its old value, and observers may only see the latest value if several values are set in rapid succession.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#produceState(kotlin.Any,kotlin.coroutines.SuspendFunction1)">produceState</a></code> may be used to observe either suspending or non-suspending sources of external data, for example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.runtime.produceState
 
@@ -4095,7 +4095,7 @@
         }
     }
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.produceState
 
 val currentPerson by produceState&lt;Person?&gt;(null, viewModel) {
@@ -4158,7 +4158,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a>(newValue:&nbsp;T):&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a>&lt;T&gt;</pre>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#remember(kotlin.Function0)">remember</a></code> a <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">mutableStateOf</a></code> and update its value to <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">newValue</a></code> on each recomposition of the <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> call.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> should be used when parameters or values computed during composition are referenced by a long-lived lambda or object expression. Recomposition will update the resulting <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> without recreating the long-lived lambda or object, allowing that object to persist without cancelling and resubscribing, or relaunching a long-lived operation that may be expensive or prohibitive to recreate and restart. This may be common when working with <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#DisposableEffect(kotlin.Function1)">DisposableEffect</a></code> or <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#LaunchedEffect(kotlin.coroutines.SuspendFunction1)">LaunchedEffect</a></code>, for example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.rememberUpdatedState
 
@@ -4180,7 +4180,7 @@
     }
 }</pre>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#LaunchedEffect(kotlin.coroutines.SuspendFunction1)">LaunchedEffect</a></code>s often describe state machines that should not be reset and restarted if a parameter or event callback changes, but they should have the current value available when needed. For example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.rememberUpdatedState
 
@@ -4206,7 +4206,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#snapshotFlow(kotlin.Function0)">snapshotFlow</a>(block:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> T):&nbsp;<a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a>&lt;T&gt;</pre>
       <p>Create a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> from observable <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code> state. (e.g. state holders returned by <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#mutableStateOf(kotlin.Any,androidx.compose.runtime.SnapshotMutationPolicy)">mutableStateOf</a></code>.)</p>
       <p><code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#snapshotFlow(kotlin.Function0)">snapshotFlow</a></code> creates a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> that runs <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#snapshotFlow(kotlin.Function0)">block</a></code> when collected and emits the result, recording any snapshot state that was accessed. While collection continues, if a new <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code> is applied that changes state accessed by <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#snapshotFlow(kotlin.Function0)">block</a></code>, the flow will run <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#snapshotFlow(kotlin.Function0)">block</a></code> again, re-recording the snapshot state that was accessed. If the result of <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#snapshotFlow(kotlin.Function0)">block</a></code> is not <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/equals.html">equal to</a></code> the previous result, the flow will emit that new result. (This behavior is similar to that of <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/index.html">Flow.distinctUntilChanged</a></code>.) Collection will continue indefinitely unless it is explicitly cancelled or limited by the use of other <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> operators.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.snapshotFlow
 
@@ -4391,7 +4391,7 @@
       <h3 class="api-name" id="(kotlinx.coroutines.flow.Flow).collectAsState(kotlin.Any,kotlin.coroutines.CoroutineContext)">collectAsState</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;&lt;T&nbsp;:&nbsp;R,&nbsp;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#(kotlinx.coroutines.flow.Flow).collectAsState(kotlin.Any,kotlin.coroutines.CoroutineContext)">collectAsState</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;initial:&nbsp;R,<br>&nbsp;&nbsp;&nbsp;&nbsp;context:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.coroutines/-coroutine-context/index.html">CoroutineContext</a> = EmptyCoroutineContext<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a>&lt;R&gt;</pre>
       <p>Collects values from this <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> and represents its latest value via <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code>. Every time there would be new value posted into the <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> the returned <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> will be updated causing recomposition of every <code><a href="/reference/kotlin/androidx/compose/runtime/State.html#value()">State.value</a></code> usage.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.runtime.collectAsState
 
@@ -4423,7 +4423,7 @@
       <h3 class="api-name" id="(kotlinx.coroutines.flow.StateFlow).collectAsState(kotlin.coroutines.CoroutineContext)">collectAsState</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-state-flow/index.html">StateFlow</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#(kotlinx.coroutines.flow.StateFlow).collectAsState(kotlin.coroutines.CoroutineContext)">collectAsState</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;context:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.coroutines/-coroutine-context/index.html">CoroutineContext</a> = EmptyCoroutineContext<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a>&lt;T&gt;</pre>
       <p>Collects values from this <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-state-flow/index.html">StateFlow</a></code> and represents its latest value via <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code>. The <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-state-flow/value.html">StateFlow.value</a></code> is used as an initial value. Every time there would be new value posted into the <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-state-flow/index.html">StateFlow</a></code> the returned <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code> will be updated causing recomposition of every <code><a href="/reference/kotlin/androidx/compose/runtime/State.html#value()">State.value</a></code> usage.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.runtime.collectAsState
 
@@ -4455,7 +4455,7 @@
       <h3 class="api-name" id="(androidx.compose.runtime.State).getValue(kotlin.Any,kotlin.reflect.KProperty)">getValue</h3>
       <pre class="api-signature no-pretty-print">inline&nbsp;operator&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#(androidx.compose.runtime.State).getValue(kotlin.Any,kotlin.reflect.KProperty)">getValue</a>(thisObj:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,&nbsp;property:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.reflect/-k-property/index.html">KProperty</a>&lt;*&gt;):&nbsp;T</pre>
       <p>Permits property delegation of <code>val</code>s using <code>by</code> for <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">State</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Text
 
@@ -4475,7 +4475,7 @@
       <h3 class="api-name" id="(androidx.compose.runtime.MutableState).setValue(kotlin.Any,kotlin.reflect.KProperty,kotlin.Any)">setValue</h3>
       <pre class="api-signature no-pretty-print">inline&nbsp;operator&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/runtime/MutableState.html">MutableState</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#(androidx.compose.runtime.MutableState).setValue(kotlin.Any,kotlin.reflect.KProperty,kotlin.Any)">setValue</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;thisObj:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,<br>&nbsp;&nbsp;&nbsp;&nbsp;property:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.reflect/-k-property/index.html">KProperty</a>&lt;*&gt;,<br>&nbsp;&nbsp;&nbsp;&nbsp;value:&nbsp;T<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Permits property delegation of <code>var</code>s using <code>by</code> for <code><a href="/reference/kotlin/androidx/compose/runtime/MutableState.html">MutableState</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Button
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html
index 4a1ac2b..9872e3f 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html
@@ -697,7 +697,7 @@
         <h3 class="api-name" id="(androidx.compose.runtime.snapshots.Snapshot).asContextElement()">asContextElement</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/ExperimentalComposeApi.html">ExperimentalComposeApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a>.<a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html#(androidx.compose.runtime.snapshots.Snapshot).asContextElement()">asContextElement</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/snapshots/SnapshotContextElement.html">SnapshotContextElement</a></pre>
         <p>Return a <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/SnapshotContextElement.html">SnapshotContextElement</a></code> that will <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html#enter(kotlin.Function0)">enter</a></code> this <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code> whenever the associated coroutine is resumed and leave this snapshot when it suspends. The snapshot still must be <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html#dispose()">disposed</a></code> separately when it will no longer be used.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.snapshots.asContextElement
 
 runBlocking {
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/snapshots/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/snapshots/package-summary.html
index c070f9a..0dfabe8 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/runtime/snapshots/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/runtime/snapshots/package-summary.html
@@ -192,7 +192,7 @@
       <h3 class="api-name" id="(androidx.compose.runtime.snapshots.Snapshot).asContextElement()">asContextElement</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/ExperimentalComposeApi.html">ExperimentalComposeApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a>.<a href="/reference/kotlin/androidx/compose/runtime/snapshots/package-summary.html#(androidx.compose.runtime.snapshots.Snapshot).asContextElement()">asContextElement</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/runtime/snapshots/SnapshotContextElement.html">SnapshotContextElement</a></pre>
       <p>Return a <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/SnapshotContextElement.html">SnapshotContextElement</a></code> that will <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html#enter(kotlin.Function0)">enter</a></code> this <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html">Snapshot</a></code> whenever the associated coroutine is resumed and leave this snapshot when it suspends. The snapshot still must be <code><a href="/reference/kotlin/androidx/compose/runtime/snapshots/Snapshot.html#dispose()">disposed</a></code> separately when it will no longer be used.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.snapshots.asContextElement
 
 runBlocking {
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/Modifier.Companion.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/Modifier.Companion.html
index e5cc917..1e66347 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/Modifier.Companion.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/Modifier.Companion.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>The companion object <code>Modifier</code> is the empty, default, or starter <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that contains no <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Element.html">elements</a></code>. Use it to create a new <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> using modifier extension factory functions:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -26,7 +26,7 @@
         .padding(16.dp) // Inner padding; inside background, around text
 )</pre>
     <p>or as the default value for <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> parameters:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.padding
 
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/Modifier.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/Modifier.html
index 2befa50..2520f2f 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/Modifier.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/Modifier.html
@@ -176,7 +176,7 @@
 </devsite-expandable>    </div>
     <hr>
     <p>An ordered, immutable collection of <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Element.html">modifier elements</a></code> that decorate or add behavior to Compose UI elements. For example, backgrounds, padding and click event listeners decorate or add behavior to rows, text or buttons.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -188,7 +188,7 @@
         .padding(16.dp) // Inner padding; inside background, around text
 )</pre>
     <p>Modifier implementations should offer a fluent factory extension function on <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> for creating combined modifiers by starting from existing modifiers:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.padding
 
@@ -201,7 +201,7 @@
 }</pre>
     <p>Modifier elements may be combined using <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html#then(androidx.compose.ui.Modifier)">then</a></code>. Order is significant; modifier elements that appear first will be applied first.</p>
     <p>Composables that accept a <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> as a parameter to be applied to the whole component represented by the composable function should name the parameter <code>modifier</code> and assign the parameter a default value of <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code>. It should appear as the first optional parameter in the parameter list; after all required parameters (except for trailing lambda parameters) but before any other parameters with default values. Any default modifiers desired by a composable function should come after the <code>modifier</code> parameter's value in the composable function's implementation, keeping <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> as the default parameter value. For example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.padding
 
@@ -213,7 +213,7 @@
 }</pre>
     <p>The pattern above allows default modifiers to still be applied as part of the chain if a caller also supplies unrelated modifiers.</p>
     <p>Composables that accept modifiers to be applied to a specific subcomponent <code>foo</code> should name the parameter <code>fooModifier</code> and follow the same guidelines above for default values and behavior. Subcomponent modifiers should be grouped together and follow the parent composable's modifier. For example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Row
 import androidx.compose.material.Button
 import androidx.compose.material.Text
@@ -1588,7 +1588,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFrom</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFrom</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;alignmentLine:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;before:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = Dp.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;after:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = Dp.Unspecified<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that can add padding to position the content according to specified distances from its bounds to an <code><a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">alignment line</a></code>. Whether the positioning is vertical or horizontal is defined by the orientation of the given <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">alignmentLine</a></code> (if the line is horizontal, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code> will refer to distances from top and bottom, otherwise they will refer to distances from start and end). The opposite axis sizing and positioning will remain unaffected. The modified layout will try to include the required padding, subject to the incoming max layout constraints, such that the distance from its bounds to the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">alignmentLine</a></code> of the content will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code>, respectively. When the max constraints do not allow this, satisfying the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> requirement will have priority over <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code>. When the modified layout is min constrained in the affected layout direction and the padded layout is smaller than the constraint, the modified layout will satisfy the min constraint and the content will be positioned to satisfy the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">before</a></code> requirement if specified, or the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">after</a></code> requirement otherwise.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFrom
 import androidx.compose.material.Text
 
@@ -1662,7 +1662,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFrom</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFrom</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;alignmentLine:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;before:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;after:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that can add padding to position the content according to specified distances from its bounds to an <code><a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">alignment line</a></code>. Whether the positioning is vertical or horizontal is defined by the orientation of the given <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">alignmentLine</a></code> (if the line is horizontal, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code> will refer to distances from top and bottom, otherwise they will refer to distances from start and end). The opposite axis sizing and positioning will remain unaffected. The modified layout will try to include the required padding, subject to the incoming max layout constraints, such that the distance from its bounds to the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">alignmentLine</a></code> of the content will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code>, respectively. When the max constraints do not allow this, satisfying the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> requirement will have priority over <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code>. When the modified layout is min constrained in the affected layout direction and the padded layout is smaller than the constraint, the modified layout will satisfy the min constraint and the content will be positioned to satisfy the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">before</a></code> requirement if specified, or the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFrom(androidx.compose.ui.layout.AlignmentLine,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">after</a></code> requirement otherwise.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFrom
 import androidx.compose.material.Text
 
@@ -1736,7 +1736,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFromBaseline</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">paddingFromBaseline</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;top:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = Dp.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;bottom:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = Dp.Unspecified<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that positions the content in a layout such that the distance from the top of the layout to the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#FirstBaseline()">baseline of the first line of text in the content</a></code> is <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">top</a></code>, and the distance from the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#LastBaseline()">baseline of the last line of text in the content</a></code> to the bottom of the layout is <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">bottom</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFromBaseline
 import androidx.compose.material.Text
 
@@ -1776,7 +1776,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFromBaseline</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">paddingFromBaseline</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;top:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;bottom:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that positions the content in a layout such that the distance from the top of the layout to the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#FirstBaseline()">baseline of the first line of text in the content</a></code> is <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">top</a></code>, and the distance from the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#LastBaseline()">baseline of the last line of text in the content</a></code> to the bottom of the layout is <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).paddingFromBaseline(androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit)">bottom</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.paddingFromBaseline
 import androidx.compose.material.Text
 
@@ -1816,7 +1816,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).alpha(kotlin.Float)">alpha</a>(alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Draw content with modified alpha that may be less than 1.</p>
         <p>Usage of this API renders this composable into a separate graphics layer. Note when an alpha less than 1.0f is provided, contents are implicitly clipped to their bounds. This is because an intermediate compositing layer is created to render contents into first before being drawn into the destination with the desired alpha. This layer is sized to the bounds of the composable this modifier is configured on, and contents outside of these bounds are omitted.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -1872,7 +1872,7 @@
         <p>This modifier animates its own size when its child modifier (or the child composable if it is already at the tail of the chain) changes size. This allows the parent modifier to observe a smooth size change, resulting in an overall continuous visual change.</p>
         <p>A <code><a href="/reference/kotlin/androidx/compose/animation/core/FiniteAnimationSpec.html">FiniteAnimationSpec</a></code> can be optionally specified for the size change animation. By default, <code><a href="/reference/kotlin/androidx/compose/animation/core/package-summary.html#spring(kotlin.Float,kotlin.Float,kotlin.Any)">spring</a></code> will be used.</p>
         <p>An optional <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.ui.Modifier).animateContentSize(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function2)">finishedListener</a></code> can be supplied to get notified when the size change animation is finished. Since the content size change can be dynamic in many cases, both initial value and target value (i.e. final size) will be passed to the <code><a href="/reference/kotlin/androidx/compose/animation/package-summary.html#(androidx.compose.ui.Modifier).animateContentSize(androidx.compose.animation.core.FiniteAnimationSpec,kotlin.Function2)">finishedListener</a></code>. <b>Note:</b> if the animation is interrupted, the initial value will be the size at the point of interruption. This is intended to help determine the direction of the size change (i.e. expand or collapse in x and y dimensions).</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateContentSize
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
@@ -1940,7 +1940,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">aspectRatio</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;ratio:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;matchHeightConstraintsFirst:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Attempts to size the content to match a specified aspect ratio by trying to match one of the incoming constraints in the following order: <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minWidth()">Constraints.minWidth</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">Constraints.minHeight</a></code> if <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">matchHeightConstraintsFirst</a></code> is <code>false</code> (which is the default), or <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">Constraints.minHeight</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minWidth()">Constraints.minWidth</a></code> if <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">matchHeightConstraintsFirst</a></code> is <code>true</code>. The size in the other dimension is determined by the aspect ratio. The combinations will be tried in this order until one non-empty is found to satisfy the constraints. If no valid size is obtained this way, it means that there is no non-empty size satisfying both the constraints and the aspect ratio, so the constraints will not be respected and the content will be sized such that the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code> is matched (depending on <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).aspectRatio(kotlin.Float,kotlin.Boolean)">matchHeightConstraintsFirst</a></code>).</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.aspectRatio
@@ -1973,7 +1973,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">background</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">background</a>(color:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a>,&nbsp;shape:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shape.html">Shape</a> = RectangleShape):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Draws <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">shape</a></code> with a solid <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">color</a></code> behind the content.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -2014,7 +2014,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">background</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">background</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;brush:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;shape:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shape.html">Shape</a> = RectangleShape,<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 1.0f<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Draws <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">shape</a></code> with <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).background(androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape,kotlin.Float)">brush</a></code> behind the content.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.CutCornerShape
@@ -2078,7 +2078,7 @@
           </li>
         </ul>
         <p>The animation only affects the drawing of the content, not its position. The offset returned by the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> of anything inside the marquee is undefined relative to anything outside the marquee, and may not match its drawn position on screen. This modifier also does not currently support content that accepts position-based input such as pointer events.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.width
@@ -2089,7 +2089,7 @@
     Text(&quot;hello world&quot;, Modifier.basicMarquee())
 }</pre>
         <p>To only animate when the composable is focused, specify <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).basicMarquee(kotlin.Int,androidx.compose.foundation.MarqueeAnimationMode,kotlin.Int,kotlin.Int,androidx.compose.foundation.MarqueeSpacing,androidx.compose.ui.unit.Dp)">animationMode</a></code> and make the composable focusable.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
@@ -2112,7 +2112,7 @@
     )
 }</pre>
         <p>This modifier does not add any visual effects aside from scrolling, but you can add your own by placing modifiers before this one.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.MarqueeSpacing
 import androidx.compose.foundation.basicMarquee
 import androidx.compose.foundation.layout.padding
@@ -2215,7 +2215,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).blur(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.draw.BlurredEdgeTreatment)">blur</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;radiusX:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;radiusY:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;edgeTreatment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/draw/BlurredEdgeTreatment.html">BlurredEdgeTreatment</a> = BlurredEdgeTreatment.Rectangle<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Draw content blurred with the specified radii. Note this effect is only supported on Android 12 and above. Attempts to use this Modifier on older Android versions will be ignored.</p>
         <p>Usage of this API renders the corresponding composable into a separate graphics layer. Because the blurred content renders a larger area by the blur radius, this layer is explicitly clipped to the content bounds. It is recommended introduce additional space around the drawn content by the specified blur radius to remain within the content bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -2230,7 +2230,7 @@
         )
         .background(Color.Red, CircleShape)
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.draw.BlurredEdgeTreatment
@@ -2303,7 +2303,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).blur(androidx.compose.ui.unit.Dp,androidx.compose.ui.draw.BlurredEdgeTreatment)">blur</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;radius:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;edgeTreatment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/draw/BlurredEdgeTreatment.html">BlurredEdgeTreatment</a> = BlurredEdgeTreatment.Rectangle<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Draw content blurred with the specified radii. Note this effect is only supported on Android 12 and above. Attempts to use this Modifier on older Android versions will be ignored.</p>
         <p>Usage of this API renders the corresponding composable into a separate graphics layer. Because the blurred content renders a larger area by the blur radius, this layer is explicitly clipped to the content bounds. It is recommended introduce additional space around the drawn content by the specified blur radius to remain within the content bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -2318,7 +2318,7 @@
         )
         .background(Color.Red, CircleShape)
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.draw.BlurredEdgeTreatment
@@ -2384,7 +2384,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">border</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">border</a>(border:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/BorderStroke.html">BorderStroke</a>,&nbsp;shape:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shape.html">Shape</a> = RectangleShape):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Modify element to add border with appearance specified with a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">border</a></code> and a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.foundation.BorderStroke,androidx.compose.ui.graphics.Shape)">shape</a></code> and clip it.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -2426,7 +2426,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">border</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">border</a>(width:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a>,&nbsp;color:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a>,&nbsp;shape:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shape.html">Shape</a> = RectangleShape):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Modify element to add border with appearance specified with a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">width</a></code>, a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">color</a></code> and a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape)">shape</a></code> and clip it.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.padding
@@ -2479,7 +2479,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">border</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">border</a>(width:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a>,&nbsp;brush:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a>,&nbsp;shape:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shape.html">Shape</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Modify element to add border with appearance specified with a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">width</a></code>, a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">brush</a></code> and a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).border(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Brush,androidx.compose.ui.graphics.Shape)">shape</a></code> and clip it.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material.Text
@@ -2535,7 +2535,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).bringIntoViewRequester(androidx.compose.foundation.relocation.BringIntoViewRequester)">bringIntoViewRequester</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;bringIntoViewRequester:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html">BringIntoViewRequester</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Modifier that can be used to send <code><a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html#bringIntoView(androidx.compose.ui.geometry.Rect)">bringIntoView</a></code> requests.</p>
         <p>The following example uses a <code>bringIntoViewRequester</code> to bring an item into the parent bounds. The example demonstrates how a composable can ask its parents to scroll so that the component using this modifier is brought into the bounds of all its parents.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -2595,7 +2595,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).bringIntoViewResponder(androidx.compose.foundation.relocation.BringIntoViewResponder)">bringIntoViewResponder</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).bringIntoViewResponder(androidx.compose.foundation.relocation.BringIntoViewResponder)">bringIntoViewResponder</a>(responder:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewResponder.html">BringIntoViewResponder</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>A parent that can respond to <code><a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewRequester.html">BringIntoViewRequester</a></code> requests from its children, and scroll so that the item is visible on screen. See <code><a href="/reference/kotlin/androidx/compose/foundation/relocation/BringIntoViewResponder.html">BringIntoViewResponder</a></code> for more details about how this mechanism works.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -2656,7 +2656,7 @@
         <p>Add this modifier to the element to make it clickable within its bounds and show a default indication when it's pressed.</p>
         <p>This version has no <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
         <p>If you need to support double click or long click alongside the single click, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).combinedClickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.String,kotlin.Function0,kotlin.Function0,kotlin.Function0)">combinedClickable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -2711,7 +2711,7 @@
         <p>Configure component to receive clicks via input or accessibility &quot;click&quot; event.</p>
         <p>Add this modifier to the element to make it clickable within its bounds and show an indication as specified in <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).clickable(androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.Indication,kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)">indication</a></code> parameter.</p>
         <p>If you need to support double click or long click alongside the single click, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).combinedClickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.String,kotlin.Function0,kotlin.Function0,kotlin.Function0)">combinedClickable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -2779,7 +2779,7 @@
         <p>Add this modifier to the element to make it clickable within its bounds.</p>
         <p>If you need only click handling, and no double or long clicks, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).clickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)">clickable</a></code></p>
         <p>This version has no <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -2853,7 +2853,7 @@
         <p>Add this modifier to the element to make it clickable within its bounds.</p>
         <p>If you need only click handling, and no double or long clicks, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).clickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)">clickable</a></code>.</p>
         <p>Add this modifier to the element to make it clickable within its bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -2995,7 +2995,7 @@
         <p>Declare a just-in-time composition of a <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that will be composed for each element it modifies. <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> may be used to implement <b>stateful modifiers</b> that have instance-specific state for each modified element, allowing the same <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> instance to be safely reused for multiple elements while maintaining element-specific state.</p>
         <p>If <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3014,7 +3014,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3044,7 +3044,7 @@
         <p>When keys are provided, <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
         <p>If <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3063,7 +3063,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3093,7 +3093,7 @@
         <p>When keys are provided, <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
         <p>If <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3112,7 +3112,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3142,7 +3142,7 @@
         <p>When keys are provided, <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
         <p>If <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3161,7 +3161,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3191,7 +3191,7 @@
         <p>When keys are provided, <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
         <p>If <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3210,7 +3210,7 @@
         Modifier
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -3240,7 +3240,7 @@
         <p>The common usecase for this component is when you need to be able to drag something inside the component on the screen and represent this state via one float value</p>
         <p>If you need to control the whole dragging flow, consider using <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> instead with the helper functions like <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">detectDragGestures</a></code>.</p>
         <p>If you are implementing scroll/fling behavior, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).scrollable(androidx.compose.foundation.gestures.ScrollableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,androidx.compose.foundation.interaction.MutableInteractionSource)">scrollable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.draggable
 import androidx.compose.foundation.gestures.rememberDraggableState
@@ -3353,7 +3353,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).drawWithCache(kotlin.Function1)">drawWithCache</a>(onBuildDrawCache:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/draw/CacheDrawScope.html">CacheDrawScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="/reference/kotlin/androidx/compose/ui/draw/DrawResult.html">DrawResult</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Draw into a <code><a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a></code> with content that is persisted across draw calls as long as the size of the drawing area is the same or any state objects that are read have not changed. In the event that the drawing area changes, or the underlying state values that are being read change, this method is invoked again to recreate objects to be used during drawing</p>
         <p>For example, a <code><a href="/reference/kotlin/androidx/compose/ui/graphics/LinearGradient.html">androidx.compose.ui.graphics.LinearGradient</a></code> that is to occupy the full bounds of the drawing area can be created once the size has been defined and referenced for subsequent draw calls without having to re-allocate.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.draw.drawWithCache
 import androidx.compose.ui.geometry.Offset
@@ -3370,7 +3370,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -3393,7 +3393,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.requiredSize
 import androidx.compose.ui.draw.drawWithCache
@@ -3490,7 +3490,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a>(onFocusChanged:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html">FocusState</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Add this modifier to a component to observe focus state events. <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> is invoked when the focus state changes. The <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifier listens to the state of the first <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusTarget()">focusTarget</a></code> following this modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
@@ -3525,7 +3525,7 @@
         <p>Add this modifier to a component to make it focusable.</p>
         <p>Focus state is stored within this modifier. The bounds of this modifier reflect the bounds of the focus box.</p>
         <p>Note: This is a low level modifier. Before using this consider using <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">Modifier.focusable()</a></code>. It uses a <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusTarget()">focusTarget</a></code> in its implementation. <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">Modifier.focusable()</a></code> adds semantics that are needed for accessibility.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -3547,7 +3547,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<span><del><a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).focusOrder(kotlin.Function1)">focusOrder</a></del></span>(focusOrderReceiver:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html">FocusOrder</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <aside class="caution"><strong>This function is deprecated.</strong><br>Use focusProperties() instead</aside>
         <p>Use this modifier to specify a custom focus traversal order.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -3634,7 +3634,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<span><del><a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).focusOrder(androidx.compose.ui.focus.FocusRequester)">focusOrder</a></del></span>(focusRequester:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <aside class="caution"><strong>This function is deprecated.</strong><br>Use focusRequester() instead</aside>
         <p>A modifier that lets you specify a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> for the current composable so that this <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusOrder(androidx.compose.ui.focus.FocusRequester)">focusRequester</a></code> can be used by another composable to specify a custom focus order.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -3705,7 +3705,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">focusProperties</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">focusProperties</a>(scope:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html">FocusProperties</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>This modifier allows you to specify properties that are accessible to <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusTarget()">focusTarget</a></code>s further down the modifier chain or on child layout nodes.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.ui.focus.focusProperties
@@ -3729,7 +3729,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">focusRequester</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">focusRequester</a>(focusRequester:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Add this modifier to a component to request changes to focus.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
@@ -3758,7 +3758,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).focusGroup()">focusGroup</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Creates a focus group or marks this component as a focus group. This means that when we move focus using the keyboard or programmatically using <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus()</a></code>, the items within the focus group will be given a higher priority before focus moves to items outside the focus group.</p>
         <p>In the sample below, each column is a focus group, so pressing the tab key will move focus to all the buttons in column 1 before visiting column 2.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusGroup
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
@@ -3778,7 +3778,7 @@
     }
 }</pre>
         <p>Note: The focusable children of a focusable parent automatically form a focus group. This modifier is to be used when you want to create a focus group where the parent is not focusable. If you encounter a component that uses a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusGroup()">focusGroup</a></code> internally, you can make it focusable by using a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">focusable</a></code> modifier. In the second sample here, the <code><a href="/reference/kotlin/androidx/compose/foundation/lazy/package-summary.html#LazyRow(androidx.compose.ui.Modifier,androidx.compose.foundation.lazy.LazyListState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,kotlin.Function1)">LazyRow</a></code> is a focus group that is not itself focusable. But you can make it focusable by adding a <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">focusable</a></code> modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.focusable
@@ -3806,7 +3806,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">focusable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;interactionSource:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>? = null<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Configure component to be focusable via focus system or accessibility &quot;focus&quot; event.</p>
         <p>Add this modifier to the element to make it focusable within its bounds.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.interaction.collectIsFocusedAsState
@@ -3886,12 +3886,12 @@
         <p>Note that if you provide a non-zero <code><a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.RenderEffect,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.CompositingStrategy)">shadowElevation</a></code> and if the passed <code><a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.RenderEffect,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.CompositingStrategy)">shape</a></code> is concave the shadow will not be drawn on Android versions less than 10.</p>
         <p>Also note that alpha values less than 1.0f will have their contents implicitly clipped to their bounds unless <code><a href="/reference/kotlin/androidx/compose/ui/graphics/CompositingStrategy.html#ModulateAlpha()">CompositingStrategy.ModulateAlpha</a></code> is specified. This is because an intermediate compositing layer is created to render contents into first before being drawn into the destination with the desired alpha. This layer is sized to the bounds of the composable this modifier is configured on, and contents outside of these bounds are omitted.</p>
         <p>If the layer parameters are backed by a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">androidx.compose.runtime.State</a></code> or an animated value prefer an overload with a lambda block on <code><a href="/reference/kotlin/androidx/compose/ui/graphics/GraphicsLayerScope.html">GraphicsLayerScope</a></code> as reading a state inside the block will only cause the layer properties update without triggering recomposition and relayout.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.graphics.graphicsLayer
 
 Text(&quot;Hello World&quot;, Modifier.graphicsLayer(alpha = 0.5f, clip = true))</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -4042,7 +4042,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Function1)">graphicsLayer</a>(block:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/GraphicsLayerScope.html">GraphicsLayerScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> that makes content draw into a draw layer. The draw layer can be invalidated separately from parents. A <code><a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean)">graphicsLayer</a></code> should be used when the content updates independently from anything above it to minimize the invalidated content.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean)">graphicsLayer</a></code> can be used to apply effects to content, such as scaling, rotation, opacity, shadow, and clipping. Prefer this version when you have layer properties backed by a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">androidx.compose.runtime.State</a></code> or an animated value as reading a state inside <code><a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Function1)">block</a></code> will only cause the layer properties update without triggering recomposition and relayout.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.material.Text
 import androidx.compose.runtime.LaunchedEffect
@@ -4091,7 +4091,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).hoverable(androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean)">hoverable</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).hoverable(androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean)">hoverable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;interactionSource:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Configure component to be hoverable via pointer enter/exit events.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.hoverable
 import androidx.compose.foundation.interaction.MutableInteractionSource
@@ -4147,7 +4147,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).indication(androidx.compose.foundation.interaction.InteractionSource,androidx.compose.foundation.Indication)">indication</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).indication(androidx.compose.foundation.interaction.InteractionSource,androidx.compose.foundation.Indication)">indication</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;interactionSource:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/interaction/InteractionSource.html">InteractionSource</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;indication:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a>?<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Draws visual effects for this component when interactions occur.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.indication
 import androidx.compose.foundation.interaction.MutableInteractionSource
@@ -4215,7 +4215,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).inspectable(kotlin.Function1,kotlin.Function1)">inspectable</h3>
         <pre class="api-signature no-pretty-print">inline&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).inspectable(kotlin.Function1,kotlin.Function1)">inspectable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;noinline&nbsp;inspectorInfo:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;factory:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Use this to group a common set of modifiers and provide <code><a href="/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a></code> for the resulting modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.platform.debugInspectorInfo
@@ -4252,7 +4252,7 @@
         <p>Declare the preferred height of the content to be the same as the min or max intrinsic height of the content. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> for other options of sizing to intrinsic width. Also see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> for other options to set the preferred height.</p>
         <p>Example usage for min intrinsic:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -4284,7 +4284,7 @@
     }
 }</pre>
         <p>Example usage for max intrinsic:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -4329,7 +4329,7 @@
         <p>Declare the preferred width of the content to be the same as the min or max intrinsic width of the content. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> for options of sizing to intrinsic height. Also see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code> for other options to set the preferred width.</p>
         <p>Example usage for min intrinsic:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -4365,7 +4365,7 @@
     }
 }</pre>
         <p>Example usage for max intrinsic:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -4400,7 +4400,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onKeyEvent(kotlin.Function1)">onKeyEvent</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onKeyEvent(kotlin.Function1)">onKeyEvent</a>(onKeyEvent:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Adding this <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept hardware key events when it (or one of its children) is focused.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -4447,7 +4447,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onPreviewKeyEvent(kotlin.Function1)">onPreviewKeyEvent</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onPreviewKeyEvent(kotlin.Function1)">onPreviewKeyEvent</a>(onPreviewKeyEvent:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Adding this <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept hardware key events when it (or one of its children) is focused.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -4495,7 +4495,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">layoutId</a>(layoutId:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Tag the element with <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">layoutId</a></code> to identify the element within its parent.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
@@ -4528,7 +4528,7 @@
         <p>Creates a <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> that allows changing how the wrapped element is measured and laid out.</p>
         <p>This is a convenience API of creating a custom <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> modifier, without having to create a class or an object that implements the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> interface. The intrinsic measurements follow the default logic provided by the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -4574,7 +4574,7 @@
         <p>Shows a <code><a href="https://developer.android.com/reference/android/widget/Magnifier.html">Magnifier</a></code> widget that shows an enlarged version of the content at <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).magnifier(kotlin.Function1,kotlin.Function1,kotlin.Float,androidx.compose.foundation.MagnifierStyle,kotlin.Function1)">sourceCenter</a></code> relative to the current layout node.</p>
         <p>This function returns a no-op modifier on API levels below P (28), since the framework does not support the <code><a href="https://developer.android.com/reference/android/widget/Magnifier.html">Magnifier</a></code> widget on those levels. However, even on higher API levels, not all magnifier features are supported on all platforms. To check whether a given <code><a href="/reference/kotlin/androidx/compose/foundation/MagnifierStyle.html">MagnifierStyle</a></code> is supported by the current platform, check the <code><a href="/reference/kotlin/androidx/compose/foundation/MagnifierStyle.html#isSupported()">MagnifierStyle.isSupported</a></code> property.</p>
         <p>This function does not allow configuration of <code><a href="https://developer.android.com/reference/android/widget/Magnifier.Builder.html#setSourceBounds(kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int)">source bounds</a></code> since the magnifier widget does not support constraining to the bounds of composables.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectDragGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.magnifier
@@ -4684,7 +4684,7 @@
         <p>There are two ways to participate in the nested scroll: as a scrolling child by dispatching scrolling events via <code><a href="/reference/kotlin/androidx/compose/ui/input/nestedscroll/NestedScrollDispatcher.html">NestedScrollDispatcher</a></code> to the nested scroll chain; and as a member of nested scroll chain by providing <code><a href="/reference/kotlin/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a></code>, which will be called when another nested scrolling child below dispatches scrolling events.</p>
         <p>It's a mandatory to participate as a <code><a href="/reference/kotlin/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a></code> in the chain, but scrolling events dispatch is optional since there are cases when element wants to participate in the nested scroll, but not a scrollable thing itself.</p>
         <p>Here's the collapsing toolbar example that participates in a chain, but doesn't dispatch:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.fillMaxSize
@@ -4746,7 +4746,7 @@
 }</pre>
         <p>On the other side, dispatch via <code><a href="/reference/kotlin/androidx/compose/ui/input/nestedscroll/NestedScrollDispatcher.html">NestedScrollDispatcher</a></code> is optional. It's needed if a component is able to receive and react to the drag/fling events and you want this components to be able to notify parents when scroll occurs, resulting in better overall coordination.</p>
         <p>Here's the example of the component that is draggable and dispatches nested scroll to participate in the nested scroll chain:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.draggable
 import androidx.compose.foundation.gestures.rememberDraggableState
@@ -4886,7 +4886,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">absoluteOffset</a>(x:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = 0.dp,&nbsp;y:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = 0.dp):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Offset the content by (<code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> dp, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">y</a></code> dp). The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
         <p>This modifier will not consider layout direction when calculating the position of the content: a positive <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> offset will always move the content to the right. For a modifier that considers the layout direction when applying the offset, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">offset</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.absoluteOffset
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.wrapContentSize
@@ -4927,7 +4927,7 @@
         <p>Offset the content by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(kotlin.Function1)">offset</a></code> px. The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
         <p>This modifier is designed to be used for offsets that change, possibly due to user interactions. It avoids recomposition when the offset is changing, and also adds a graphics layer that prevents unnecessary redrawing of the context when the offset is changing.</p>
         <p>This modifier will not consider layout direction when calculating the position of the content: a positive horizontal offset will always move the content to the right. For a modifier that considers layout direction when applying the offset, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(kotlin.Function1)">offset</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.absoluteOffset
 import androidx.compose.material.Text
@@ -4970,7 +4970,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">offset</a>(x:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = 0.dp,&nbsp;y:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = 0.dp):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Offset the content by (<code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> dp, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">y</a></code> dp). The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
         <p>This modifier will automatically adjust the horizontal offset according to the layout direction: when the layout direction is LTR, positive <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> offsets will move the content to the right and when the layout direction is RTL, positive <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">x</a></code> offsets will move the content to the left. For a modifier that offsets without considering layout direction, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">absoluteOffset</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.offset
 import androidx.compose.foundation.layout.wrapContentSize
@@ -5012,7 +5012,7 @@
         <p>Offset the content by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(kotlin.Function1)">offset</a></code> px. The offsets can be positive as well as non-positive. Applying an offset only changes the position of the content, without interfering with its size measurement.</p>
         <p>This modifier is designed to be used for offsets that change, possibly due to user interactions. It avoids recomposition when the offset is changing, and also adds a graphics layer that prevents unnecessary redrawing of the context when the offset is changing.</p>
         <p>This modifier will automatically adjust the horizontal offset according to the layout direction: when the LD is LTR, positive horizontal offsets will move the content to the right and when the LD is RTL, positive horizontal offsets will move the content to the left. For a modifier that offsets without considering layout direction, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absoluteOffset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">absoluteOffset</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.offset
 import androidx.compose.material.Text
@@ -5057,7 +5057,7 @@
         <p>Invoke <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).onGloballyPositioned(kotlin.Function1)">onGloballyPositioned</a></code> with the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> of the element when the global position of the content may have changed. Note that it will be called <b>after</b> a composition when the coordinates are finalized.</p>
         <p>This callback will be invoked at least once when the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> are available, and every time the element's position changes within the window. However, it is not guaranteed to be invoked every time the position <em>relative to the screen</em> of the modified element changes. For example, the system may move the contents inside a window around without firing a callback. If you are using the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> to calculate position on the screen, and not just inside the window, you may not receive a callback.</p>
         <p>Usage example:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -5088,7 +5088,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onPlaced(kotlin.Function1)">onPlaced</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onPlaced(kotlin.Function1)">onPlaced</a>(onPlaced:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Invoke <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).onPlaced(kotlin.Function1)">onPlaced</a></code> after the parent <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> and parent layout has been placed and before child <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> is placed. This allows child <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> to adjust its own placement based on where the parent is.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
@@ -5152,7 +5152,7 @@
         <p>Using the <code>onSizeChanged</code> size value in a <code><a href="/reference/kotlin/androidx/compose/runtime/MutableState.html">MutableState</a></code> to update layout causes the new size value to be read and the layout to be recomposed in the succeeding frame, resulting in a one frame lag.</p>
         <p>You can use <code>onSizeChanged</code> to affect drawing operations. Use <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#SubcomposeLayout(androidx.compose.ui.Modifier,kotlin.Function2)">SubcomposeLayout</a></code> to enable the size of one component to affect the size of another.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.layout.onSizeChanged
 
@@ -5170,7 +5170,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/ExperimentalFoundationApi.html">ExperimentalFoundationApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">overscroll</a>(overscrollEffect:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/OverscrollEffect.html">OverscrollEffect</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Renders overscroll from the provided <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">overscrollEffect</a></code>.</p>
         <p>This modifier is a convenience method to call <code><a href="/reference/kotlin/androidx/compose/foundation/OverscrollEffect.html#effectModifier()">OverscrollEffect.effectModifier</a></code>, which renders the actual effect. Note that this modifier is only responsible for the visual part of overscroll - on its own it will not handle input events. In addition to using this modifier you also need to propagate events to the <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).overscroll(androidx.compose.foundation.OverscrollEffect)">overscrollEffect</a></code>, most commonly by using a <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).scrollable(androidx.compose.foundation.gestures.ScrollableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,androidx.compose.foundation.interaction.MutableInteractionSource)">androidx.compose.foundation.gestures.scrollable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
@@ -5316,7 +5316,7 @@
         <p>Apply additional space along each edge of the content in <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a></code>: <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">left</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">top</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">right</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).absolutePadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">bottom</a></code>. These paddings are applied without regard to the current <code><a href="/reference/kotlin/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">padding</a></code> to apply relative paddings. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.absolutePadding
@@ -5336,7 +5336,7 @@
         <p>Apply additional space along each edge of the content in <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a></code>: <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">start</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">top</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">end</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">bottom</a></code>. The start and end edges will be determined by the current <code><a href="/reference/kotlin/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
@@ -5356,7 +5356,7 @@
         <p>Apply <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">horizontal</a></code> dp space along the left and right edges of the content, and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">vertical</a></code> dp space along the top and bottom edges. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
@@ -5377,7 +5377,7 @@
         <p>Apply <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).padding(androidx.compose.ui.unit.Dp)">all</a></code> dp of additional space along each edge of the content, left, top, right and bottom. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
@@ -5393,7 +5393,7 @@
         <p>Apply <code><a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> to the component as additional space along each edge of the content's left, top, right and bottom. Padding is applied before content measurement and takes precedence; content may only be as large as the remaining space.</p>
         <p>Negative padding is not permitted — it will cause <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-illegal-argument-exception/index.html">IllegalArgumentException</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).offset(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">Modifier.offset</a></code>.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Box
@@ -5409,7 +5409,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).paint(androidx.compose.ui.graphics.painter.Painter,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">paint</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).paint(androidx.compose.ui.graphics.painter.Painter,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">paint</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;painter:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/painter/Painter.html">Painter</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;sizeToIntrinsics:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;alignment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.html">Alignment</a> = Alignment.Center,<br>&nbsp;&nbsp;&nbsp;&nbsp;contentScale:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/ContentScale.html">ContentScale</a> = ContentScale.Inside,<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = DefaultAlpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;colorFilter:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/ColorFilter.html">ColorFilter</a>? = null<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Paint the content using <code><a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).paint(androidx.compose.ui.graphics.painter.Painter,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">painter</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
@@ -5487,7 +5487,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).pointerHoverIcon(androidx.compose.ui.input.pointer.PointerIcon,kotlin.Boolean)">pointerHoverIcon</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).pointerHoverIcon(androidx.compose.ui.input.pointer.PointerIcon,kotlin.Boolean)">pointerHoverIcon</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerIcon.html">PointerIcon</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;overrideDescendants:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Creates modifier which specifies desired pointer icon when the cursor is over the modified element.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.text.selection.SelectionContainer
 import androidx.compose.material.Text
@@ -5583,7 +5583,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">progressSemantics</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">progressSemantics</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;value:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;valueRange:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.ranges/-closed-floating-point-range/index.html">ClosedFloatingPointRange</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>&gt; = 0f..1f,<br>&nbsp;&nbsp;&nbsp;&nbsp;steps:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Contains the <code><a href="/reference/kotlin/androidx/compose/ui/semantics/package-summary.html#(androidx.compose.ui.Modifier).semantics(kotlin.Boolean,kotlin.Function1)">semantics</a></code> required for a determinate progress indicator or the progress part of a slider, that represents progress within <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">valueRange</a></code>. <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).progressSemantics(kotlin.Float,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int)">value</a></code> outside of this range will be coerced into this range.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -5635,7 +5635,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).progressSemantics()">progressSemantics</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Contains the <code><a href="/reference/kotlin/androidx/compose/ui/semantics/package-summary.html#(androidx.compose.ui.Modifier).semantics(kotlin.Boolean,kotlin.Function1)">semantics</a></code> required for an indeterminate progress indicator, that represents the fact of the in-progress operation.</p>
         <p>If you need determinate progress 0.0 to 1.0, consider using overload with the progress parameter.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.progressSemantics
@@ -5682,7 +5682,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onPreRotaryScrollEvent(kotlin.Function1)">onPreRotaryScrollEvent</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onPreRotaryScrollEvent(kotlin.Function1)">onPreRotaryScrollEvent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;onPreRotaryScrollEvent:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Adding this <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept <code><a href="/reference/kotlin/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a></code>s if it (or one of its children) is focused.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.horizontalScroll
@@ -5838,7 +5838,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onRotaryScrollEvent(kotlin.Function1)">onRotaryScrollEvent</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onRotaryScrollEvent(kotlin.Function1)">onRotaryScrollEvent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;onRotaryScrollEvent:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Adding this <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept <code><a href="/reference/kotlin/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a></code>s if it (or one of its children) is focused.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -5882,7 +5882,7 @@
     focusRequester.requestFocus()
 }</pre>
         <p>This sample demonstrates how a parent can add an <code><a href="/reference/kotlin/androidx/compose/ui/input/rotary/package-summary.html#(androidx.compose.ui.Modifier).onRotaryScrollEvent(kotlin.Function1)">onRotaryScrollEvent</a></code> modifier to gain access to a <code><a href="/reference/kotlin/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a></code> when a child does not consume it:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.horizontalScroll
@@ -6038,7 +6038,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).rotate(kotlin.Float)">rotate</a>(degrees:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Sets the degrees the view is rotated around the center of the composable. Increasing values result in clockwise rotation. Negative degrees are used to rotate in the counter clockwise direction</p>
         <p>Usage of this API renders this composable into a separate graphics layer.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.rotate
@@ -6074,7 +6074,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).scale(kotlin.Float,kotlin.Float)">scale</a>(scaleX:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,&nbsp;scaleY:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Scale the contents of the composable by the following scale factors along the horizontal and vertical axis respectively. Negative scale factors can be used to mirror content across the corresponding horizontal or vertical axis.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.scale
@@ -6136,7 +6136,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).scale(kotlin.Float)">scale</a>(scale:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Scale the contents of both the horizontal and vertical axis uniformly by the same scale factor.</p>
         <p>Usage of this API renders this composable into a separate graphics layer</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.scale
@@ -6192,7 +6192,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">horizontalScroll</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).horizontalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">horizontalScroll</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;state:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/ScrollState.html">ScrollState</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;flingBehavior:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;reverseScrolling:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Modify element to allow to scroll horizontally when width of the content is bigger than max constraints allow.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Box
@@ -6273,7 +6273,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">verticalScroll</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)">verticalScroll</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;state:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/ScrollState.html">ScrollState</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;flingBehavior:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/gestures/FlingBehavior.html">FlingBehavior</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;reverseScrolling:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Modify element to allow to scroll vertically when height of the content is bigger than max constraints allow.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -6358,7 +6358,7 @@
         <p>Configure touch scrolling and flinging for the UI element in a single <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/Orientation.html">Orientation</a></code>.</p>
         <p>Users should update their state themselves using default <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> and its <code>consumeScrollDelta</code> callback or by implementing <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> interface manually and reflect their own state in UI when using this component.</p>
         <p>If you don't need to have fling or nested scroll support, but want to make component simply draggable, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).draggable(androidx.compose.foundation.gestures.DraggableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean,kotlin.coroutines.SuspendFunction2,kotlin.coroutines.SuspendFunction2,kotlin.Boolean)">draggable</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.rememberScrollableState
 import androidx.compose.foundation.gestures.scrollable
@@ -6452,7 +6452,7 @@
         <p>Users should update their state themselves using default <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> and its <code>consumeScrollDelta</code> callback or by implementing <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableState.html">ScrollableState</a></code> interface manually and reflect their own state in UI when using this component.</p>
         <p>If you don't need to have fling or nested scroll support, but want to make component simply draggable, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.Modifier).draggable(androidx.compose.foundation.gestures.DraggableState,androidx.compose.foundation.gestures.Orientation,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Boolean,kotlin.coroutines.SuspendFunction2,kotlin.coroutines.SuspendFunction2,kotlin.Boolean)">draggable</a></code>.</p>
         <p>This overload provides the access to <code><a href="/reference/kotlin/androidx/compose/foundation/OverscrollEffect.html">OverscrollEffect</a></code> that defines the behaviour of the over scrolling logic. Consider using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/ScrollableDefaults.html#overscrollEffect()">ScrollableDefaults.overscrollEffect</a></code> for the platform look-and-feel.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.rememberScrollableState
 import androidx.compose.foundation.gestures.scrollable
@@ -6575,7 +6575,7 @@
         <p>Configure component to be selectable, usually as a part of a mutually exclusive group, where only one item can be selected at any point in time. A typical example of mutually exclusive set is a RadioGroup or a row of Tabs. To ensure correct accessibility behavior, make sure to pass <code><a href="/reference/kotlin/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).selectableGroup()">Modifier.selectableGroup</a></code> modifier into the RadioGroup or the row.</p>
         <p>If you want to make an item support on/off capabilities without being part of a set, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">Modifier.toggleable</a></code></p>
         <p>This version has no <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -6652,7 +6652,7 @@
         <p>Configure component to be selectable, usually as a part of a mutually exclusive group, where only one item can be selected at any point in time. A typical example of mutually exclusive set is a RadioGroup or a row of Tabs. To ensure correct accessibility behavior, make sure to pass <code><a href="/reference/kotlin/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).selectableGroup()">Modifier.selectableGroup</a></code> modifier into the RadioGroup or the row.</p>
         <p>If you want to make an item support on/off capabilities without being part of a set, consider using <code><a href="/reference/kotlin/androidx/compose/foundation/selection/package-summary.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">Modifier.toggleable</a></code></p>
         <p>This version requires both <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> to work properly. Use another overload if you don't need these parameters.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -6806,7 +6806,7 @@
         <p>If the passed <code><a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).shadow(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">shape</a></code> is concave the shadow will not be drawn on Android versions less than 10.</p>
         <p>Note that <code><a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).shadow(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">elevation</a></code> is only affecting the shadow size and doesn't change the drawing order. Use a <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">androidx.compose.ui.zIndex</a></code> modifier if you want to draw the elements with larger <code><a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).shadow(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">elevation</a></code> after all the elements with a smaller one.</p>
         <p>Usage of this API renders this composable into a separate graphics layer</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.shadow
@@ -6875,7 +6875,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).defaultMinSize(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">defaultMinSize</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;minWidth:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = Dp.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;minHeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a> = Dp.Unspecified<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Constrain the size of the wrapped layout only when it would be otherwise unconstrained: the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).defaultMinSize(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">minWidth</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).defaultMinSize(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">minHeight</a></code> constraints are only applied when the incoming corresponding constraint is <code>0</code>. The modifier can be used, for example, to define a default min size of a component, while still allowing it to be overidden with smaller min sizes across usages.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.defaultMinSize
@@ -6902,7 +6902,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fillMaxHeight</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fillMaxHeight</a>(fraction:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 1.0f):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Have the content fill (possibly only partially) the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code> of the incoming measurement constraints, by setting the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height</a></code> and the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height</a></code> to be equal to the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height</a></code> multiplied by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fraction</a></code>. Note that, by default, the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxHeight(kotlin.Float)">fraction</a></code> is 1, so the modifier will make the content fill the whole available height. If the incoming maximum height is <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#Infinity()">Constraints.Infinity</a></code> this modifier will have no effect.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxHeight
@@ -6911,7 +6911,7 @@
 Box(Modifier.fillMaxHeight().background(Color.Red), contentAlignment = Alignment.Center) {
     Box(Modifier.size(100.dp).background(color = Color.Magenta))
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxHeight
@@ -6953,7 +6953,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fillMaxSize</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fillMaxSize</a>(fraction:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 1.0f):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Have the content fill (possibly only partially) the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">Constraints.maxHeight</a></code> of the incoming measurement constraints, by setting the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width</a></code> and the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> to be equal to the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> multiplied by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fraction</a></code>, as well as the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height</a></code> and the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">maximum height</a></code> to be equal to the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height</a></code> multiplied by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fraction</a></code>. Note that, by default, the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxSize(kotlin.Float)">fraction</a></code> is 1, so the modifier will make the content fill the whole available space. If the incoming maximum width or height is <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#Infinity()">Constraints.Infinity</a></code> this modifier will have no effect in that dimension.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -6962,7 +6962,7 @@
 Box(Modifier.fillMaxSize().background(Color.Red), contentAlignment = Alignment.Center) {
     Box(Modifier.size(100.dp).background(color = Color.Magenta))
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -7004,7 +7004,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fillMaxWidth</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fillMaxWidth</a>(fraction:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 1.0f):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Have the content fill (possibly only partially) the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">Constraints.maxWidth</a></code> of the incoming measurement constraints, by setting the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width</a></code> and the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> to be equal to the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width</a></code> multiplied by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fraction</a></code>. Note that, by default, the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).fillMaxWidth(kotlin.Float)">fraction</a></code> is 1, so the modifier will make the content fill the whole available width. If the incoming maximum width is <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#Infinity()">Constraints.Infinity</a></code> this modifier will have no effect.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -7013,7 +7013,7 @@
 Box(Modifier.fillMaxWidth().background(Color.Red), contentAlignment = Alignment.Center) {
     Box(Modifier.size(100.dp).background(color = Color.Magenta))
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -7057,7 +7057,7 @@
         <p>Declare the preferred height of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.ui.unit.Dp)">height</a></code>dp. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the height of the content regardless of the incoming constraints see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeight(androidx.compose.foundation.layout.IntrinsicSize)">Modifier.requiredHeight</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">size</a></code> to set other preferred dimensions. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -7078,7 +7078,7 @@
         <p>Declare the height of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeight(androidx.compose.ui.unit.Dp)">height</a></code>dp. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> will not override this value. If the content chooses a size that does not satisfy the incoming <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, the parent layout will be reported a size coerced in the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, and the position of the content will be automatically offset to be centered on the space assigned to the child by the parent layout under the assumption that <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> were respected.</p>
         <p>See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredHeightIn</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredSizeIn</a></code> to set a size range. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredHeight(androidx.compose.ui.unit.Dp)">height</a></code> to set a preferred height, which is only respected when the incoming constraints allow it.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -7106,7 +7106,7 @@
         <p>Declare the size of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">size</a></code>dp width and height. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> will not override this value. If the content chooses a size that does not satisfy the incoming <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, the parent layout will be reported a size coerced in the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, and the position of the content will be automatically offset to be centered on the space assigned to the child by the parent layout under the assumption that <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> were respected.</p>
         <p>See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredSizeIn</a></code> to set a size range. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">size</a></code> to set a preferred size, which is only respected when the incoming constraints allow it.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.requiredSize
@@ -7144,7 +7144,7 @@
         <p>Declare the width of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidth(androidx.compose.ui.unit.Dp)">width</a></code>dp. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> will not override this value. If the content chooses a size that does not satisfy the incoming <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, the parent layout will be reported a size coerced in the <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code>, and the position of the content will be automatically offset to be centered on the space assigned to the child by the parent layout under the assumption that <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> were respected.</p>
         <p>See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredWidthIn</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">requiredSizeIn</a></code> to set a size range. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidth(androidx.compose.ui.unit.Dp)">width</a></code> to set a preferred width, which is only respected when the incoming constraints allow it.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -7172,7 +7172,7 @@
         <p>Declare the preferred size of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">size</a></code>dp square. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the size of the content regardless of the incoming constraints, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">Modifier.requiredSize</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> to set width or height alone. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -7187,7 +7187,7 @@
         <p>Declare the preferred size of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">width</a></code>dp by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">height</a></code>dp. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the size of the content regardless of the incoming constraints, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">Modifier.requiredSize</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">width</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">height</a></code> to set width or height alone. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -7202,7 +7202,7 @@
         <p>Declare the preferred size of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.DpSize)">size</a></code>. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the size of the content regardless of the incoming constraints, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredSize(androidx.compose.ui.unit.Dp)">Modifier.requiredSize</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.foundation.layout.IntrinsicSize)">width</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> to set width or height alone. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -7223,7 +7223,7 @@
         <p>Declare the preferred width of the content to be exactly <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).width(androidx.compose.ui.unit.Dp)">width</a></code>dp. The incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a></code> may override this value, forcing the content to be either smaller or larger.</p>
         <p>For a modifier that sets the width of the content regardless of the incoming constraints see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).requiredWidth(androidx.compose.foundation.layout.IntrinsicSize)">Modifier.requiredWidth</a></code>. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).height(androidx.compose.foundation.layout.IntrinsicSize)">height</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).size(androidx.compose.ui.unit.Dp)">size</a></code> to set other preferred dimensions. See <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).widthIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">widthIn</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).heightIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">heightIn</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).sizeIn(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)">sizeIn</a></code> to set a preferred size range.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.aspectRatio
@@ -7243,7 +7243,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">wrapContentHeight</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;align:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.Vertical.html">Alignment.Vertical</a> = Alignment.CenterVertically,<br>&nbsp;&nbsp;&nbsp;&nbsp;unbounded:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Allow the content to measure at its desired height without regard for the incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height constraint</a></code>, and, if <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">unbounded</a></code> is true, also without regard for the incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxHeight()">maximum height constraint</a></code>. If the content's measured size is smaller than the minimum height constraint, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">align</a></code> it within that minimum height space. If the content's measured size is larger than the maximum height constraint (only possible when <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">unbounded</a></code> is true), <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentHeight(androidx.compose.ui.Alignment.Vertical,kotlin.Boolean)">align</a></code> over the maximum height space.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.height
@@ -7268,7 +7268,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">wrapContentSize</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;align:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.html">Alignment</a> = Alignment.Center,<br>&nbsp;&nbsp;&nbsp;&nbsp;unbounded:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Allow the content to measure at its desired size without regard for the incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minHeight()">minimum height</a></code> constraints, and, if <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">unbounded</a></code> is true, also without regard for the incoming maximum constraints. If the content's measured size is smaller than the minimum size constraint, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">align</a></code> it within that minimum sized space. If the content's measured size is larger than the maximum size constraint (only possible when <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">unbounded</a></code> is true), <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentSize(androidx.compose.ui.Alignment,kotlin.Boolean)">align</a></code> within the maximum space.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -7293,7 +7293,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">wrapContentWidth</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;align:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.Horizontal.html">Alignment.Horizontal</a> = Alignment.CenterHorizontally,<br>&nbsp;&nbsp;&nbsp;&nbsp;unbounded:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Allow the content to measure at its desired width without regard for the incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#minWidth()">minimum width constraint</a></code>, and, if <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">unbounded</a></code> is true, also without regard for the incoming measurement <code><a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html#maxWidth()">maximum width constraint</a></code>. If the content's measured size is smaller than the minimum width constraint, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">align</a></code> it within that minimum width space. If the content's measured size is larger than the maximum width constraint (only possible when <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">unbounded</a></code> is true), <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).wrapContentWidth(androidx.compose.ui.Alignment.Horizontal,kotlin.Boolean)">align</a></code> over the maximum width space.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
@@ -7328,7 +7328,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">pointerInput</a></code>s may call <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html#awaitPointerEventScope(kotlin.coroutines.SuspendFunction1)">PointerInputScope.awaitPointerEventScope</a></code> to install a pointer input handler that can <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#awaitPointerEvent(androidx.compose.ui.input.pointer.PointerEventPass)">AwaitPointerEventScope.awaitPointerEvent</a></code> to receive and consume pointer input events. Extension functions on <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html">PointerInputScope</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a></code> may be defined to perform higher-level gesture detection. The pointer input handling <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> will be cancelled and <b>re-started</b> when <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> is recomposed with a different <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">key1</a></code>.</p>
         <p>When a <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> modifier is created by composition, if <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> captures any local variables to operate on, two patterns are common for working with changes to those variables depending on the desired behavior.</p>
         <p>Specifying the captured value as a <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">key</a></code> parameter will cause <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> to cancel and restart from the beginning if the value changes:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -7349,7 +7349,7 @@
     )
 }</pre>
         <p>If <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> should <b>not</b> restart when a captured value is changed but the value should still be updated for its next use, use <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> to update a value holder that is accessed by <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -7382,7 +7382,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">pointerInput</a></code>s may call <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html#awaitPointerEventScope(kotlin.coroutines.SuspendFunction1)">PointerInputScope.awaitPointerEventScope</a></code> to install a pointer input handler that can <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#awaitPointerEvent(androidx.compose.ui.input.pointer.PointerEventPass)">AwaitPointerEventScope.awaitPointerEvent</a></code> to receive and consume pointer input events. Extension functions on <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html">PointerInputScope</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a></code> may be defined to perform higher-level gesture detection. The pointer input handling <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> will be cancelled and <b>re-started</b> when <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> is recomposed with a different <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key1</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key2</a></code>.</p>
         <p>When a <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> modifier is created by composition, if <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> captures any local variables to operate on, two patterns are common for working with changes to those variables depending on the desired behavior.</p>
         <p>Specifying the captured value as a <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key</a></code> parameter will cause <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> to cancel and restart from the beginning if the value changes:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -7403,7 +7403,7 @@
     )
 }</pre>
         <p>If <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> should <b>not</b> restart when a captured value is changed but the value should still be updated for its next use, use <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> to update a value holder that is accessed by <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -7436,7 +7436,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">pointerInput</a></code>s may call <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html#awaitPointerEventScope(kotlin.coroutines.SuspendFunction1)">PointerInputScope.awaitPointerEventScope</a></code> to install a pointer input handler that can <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#awaitPointerEvent(androidx.compose.ui.input.pointer.PointerEventPass)">AwaitPointerEventScope.awaitPointerEvent</a></code> to receive and consume pointer input events. Extension functions on <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html">PointerInputScope</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a></code> may be defined to perform higher-level gesture detection. The pointer input handling <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code> will be cancelled and <b>re-started</b> when <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> is recomposed with any different <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">keys</a></code>.</p>
         <p>When a <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> modifier is created by composition, if <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code> captures any local variables to operate on, two patterns are common for working with changes to those variables depending on the desired behavior.</p>
         <p>Specifying the captured value as a <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">key</a></code> parameter will cause <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code> to cancel and restart from the beginning if the value changes:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -7457,7 +7457,7 @@
     )
 }</pre>
         <p>If <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code> should <b>not</b> restart when a captured value is changed but the value should still be updated for its next use, use <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> to update a value holder that is accessed by <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -7543,7 +7543,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">toggleable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;value:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;role:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/semantics/Role.html">Role</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;onValueChange:&nbsp;(<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Configure component to make it toggleable via input and accessibility events</p>
         <p>This version has no <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.toggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -7621,7 +7621,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).toggleable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.Indication,kotlin.Boolean,androidx.compose.ui.semantics.Role,kotlin.Function1)">toggleable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;value:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;interactionSource:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;indication:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a>?,<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;role:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/semantics/Role.html">Role</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;onValueChange:&nbsp;(<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Configure component to make it toggleable via input and accessibility events.</p>
         <p>This version requires both <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> to work properly. Use another overload if you don't need these parameters.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.toggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -7712,7 +7712,7 @@
         <p>Configure component to make it toggleable via input and accessibility events with three states: On, Off and Indeterminate.</p>
         <p>TriStateToggleable should be used when there are dependent Toggleables associated to this component and those can have different values.</p>
         <p>This version has no <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> parameters, default indication from <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#LocalIndication()">LocalIndication</a></code> will be used. To specify <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code>, use another overload.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.triStateToggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -7797,7 +7797,7 @@
         <p>Configure component to make it toggleable via input and accessibility events with three states: On, Off and Indeterminate.</p>
         <p>TriStateToggleable should be used when there are dependent Toggleables associated to this component and those can have different values.</p>
         <p>This version requires both <code><a href="/reference/kotlin/androidx/compose/foundation/interaction/MutableInteractionSource.html">MutableInteractionSource</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/Indication.html">Indication</a></code> to work properly. Use another overload if you don't need these parameters.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.selection.triStateToggleable
 import androidx.compose.material.Text
 import androidx.compose.runtime.mutableStateOf
@@ -7893,7 +7893,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).transformable(androidx.compose.foundation.gestures.TransformableState,kotlin.Boolean,kotlin.Boolean)">transformable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;state:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/gestures/TransformableState.html">TransformableState</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;lockRotationOnZoomPan:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false,<br>&nbsp;&nbsp;&nbsp;&nbsp;enabled:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Enable transformation gestures of the modified UI element.</p>
         <p>Users should update their state themselves using default <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/TransformableState.html">TransformableState</a></code> and its <code>onTransformation</code> callback or by implementing <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/TransformableState.html">TransformableState</a></code> interface manually and reflect their own state in UI when using this component.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.gestures.animateZoomBy
@@ -8001,7 +8001,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/layout/ExperimentalLayoutApi.html">ExperimentalLayoutApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).imeNestedScroll()">imeNestedScroll</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Controls the soft keyboard as a nested scrolling on Android <code><a href="https://developer.android.com/reference/android/os/Build.VERSION_CODES.html#R()">R</a></code> and later. This allows the user to drag the soft keyboard up and down.</p>
         <p>After scrolling, the IME will animate either to the fully shown or fully hidden position, depending on the position and fling.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.imeNestedScroll
 import androidx.compose.foundation.layout.imePadding
@@ -8028,7 +8028,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).captionBar()">WindowInsets.Companion.captionBar</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).displayCutoutPadding()">displayCutoutPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).captionBarPadding()">captionBarPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.captionBarPadding
@@ -8050,7 +8050,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a>(insets:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Consume insets that haven't been consumed yet by other insets Modifiers similar to <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> without adding any padding.</p>
         <p>This can be useful when content offsets are provided by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets).asPaddingValues()">WindowInsets.asPaddingValues</a></code>. This should be used further down the hierarchy than the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a></code> is used so that the values aren't consumed before the padding is added.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.asPaddingValues
@@ -8076,7 +8076,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/foundation/layout/ExperimentalLayoutApi.html">ExperimentalLayoutApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">consumeWindowInsets</a>(paddingValues:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/PaddingValues.html">PaddingValues</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Consume <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">paddingValues</a></code> as insets as if the padding was added irrespective of insets. Layouts further down the hierarchy that use <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code>, <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeContentPadding()">safeContentPadding</a></code>, and other insets padding Modifiers won't pad for the values that <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">paddingValues</a></code> provides. This can be useful when content offsets are provided by layout rather than <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> modifiers.</p>
         <p>This method consumes all of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.PaddingValues)">paddingValues</a></code> in addition to whatever has been consumed by other <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> modifiers by ancestors. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> accepting a <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> argument ensures that its insets are consumed and doesn't consume more if they have already been consumed by ancestors.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.PaddingValues
@@ -8119,7 +8119,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).displayCutout()">WindowInsets.Companion.displayCutout</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).displayCutoutPadding()">displayCutoutPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8153,7 +8153,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).ime()">WindowInsets.Companion.ime</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).imePadding()">imePadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8184,7 +8184,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).mandatorySystemGestures()">WindowInsets.Companion.mandatorySystemGestures</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).mandatorySystemGesturesPadding()">mandatorySystemGesturesPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8220,7 +8220,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).navigationBars()">WindowInsets.Companion.navigationBars</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemBarsPadding()">systemBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8251,7 +8251,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).onConsumedWindowInsetsChanged(kotlin.Function1)">onConsumedWindowInsetsChanged</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).onConsumedWindowInsetsChanged(kotlin.Function1)">onConsumedWindowInsetsChanged</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;block:&nbsp;(consumedWindowInsets:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Calls <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).onConsumedWindowInsetsChanged(kotlin.Function1)">block</a></code> with the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a></code> that have been consumed, either by <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> or one of the padding Modifiers, such as <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).imePadding()">imePadding</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.MutableWindowInsets
@@ -8290,7 +8290,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).safeContent()">WindowInsets.Companion.safeContent</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeContentPadding()">safeContentPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8327,7 +8327,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).safeDrawing()">WindowInsets.Companion.safeDrawing</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code>, the area that the parent pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeDrawingPadding()">safeDrawingPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8363,7 +8363,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).safeGestures()">WindowInsets.Companion.safeGestures</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).navigationBarsPadding()">navigationBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).safeGesturesPadding()">safeGesturesPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8399,7 +8399,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).statusBars()">WindowInsets.Companion.statusBars</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).displayCutoutPadding()">displayCutoutPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8433,7 +8433,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).systemBars()">WindowInsets.Companion.systemBars</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemBarsPadding()">systemBarsPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.systemBarsPadding
@@ -8457,7 +8457,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).systemGestures()">WindowInsets.Companion.systemGestures</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).waterfallPadding()">waterfallPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemGesturesPadding()">systemGesturesPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8493,7 +8493,7 @@
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from the padding. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).waterfall()">WindowInsets.Companion.waterfall</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if a parent layout uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).systemGesturesPadding()">systemGesturesPadding</a></code>, the area that the parent layout pads for the status bars will not be padded again by this <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).waterfallPadding()">waterfallPadding</a></code> modifier.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will be consumed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8527,7 +8527,7 @@
         <p>Adds padding so that the content doesn't enter <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> space.</p>
         <p>Any insets consumed by other insets padding modifiers or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code> on a parent layout will be excluded from <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(androidx.compose.foundation.layout.WindowInsets)">insets</a></code>. <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> will be <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumed</a></code> for child layouts as well.</p>
         <p>For example, if an ancestor uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).statusBarsPadding()">statusBarsPadding</a></code> and this modifier uses <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.foundation.layout.WindowInsets.Companion).systemBars()">WindowInsets.Companion.systemBars</a></code>, the portion of the system bars that the status bars uses will not be padded again by this modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8581,7 +8581,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).windowInsetsBottomHeight(androidx.compose.foundation.layout.WindowInsets)">windowInsetsBottomHeight</a>(insets:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Sets the height to that of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsBottomHeight(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#getBottom(androidx.compose.ui.unit.Density)">bottom</a></code> of the screen.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8612,7 +8612,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).windowInsetsEndWidth(androidx.compose.foundation.layout.WindowInsets)">windowInsetsEndWidth</a>(insets:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Sets the width to that of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsEndWidth(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#End()">end</a></code> of the screen, using either <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#getLeft(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">left</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#getRight(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">right</a></code>, depending on the <code><a href="/reference/kotlin/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8643,7 +8643,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).windowInsetsStartWidth(androidx.compose.foundation.layout.WindowInsets)">windowInsetsStartWidth</a>(insets:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Sets the width to that of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsStartWidth(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/kotlin/androidx/compose/ui/Alignment.Companion.html#Start()">start</a></code> of the screen, using either <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#getLeft(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">left</a></code> or <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#getRight(androidx.compose.ui.unit.Density,androidx.compose.ui.unit.LayoutDirection)">right</a></code>, depending on the <code><a href="/reference/kotlin/androidx/compose/ui/unit/LayoutDirection.html">LayoutDirection</a></code>.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8674,7 +8674,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).windowInsetsTopHeight(androidx.compose.foundation.layout.WindowInsets)">windowInsetsTopHeight</a>(insets:&nbsp;<a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html">WindowInsets</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Sets the height to that of <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsTopHeight(androidx.compose.foundation.layout.WindowInsets)">insets</a></code> at the <code><a href="/reference/kotlin/androidx/compose/foundation/layout/WindowInsets.html#getTop(androidx.compose.ui.unit.Density)">top</a></code> of the screen.</p>
         <p>When used, the <code><a href="https://developer.android.com/reference/android/view/WindowInsets.html">WindowInsets</a></code> will respect the consumed insets from <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).windowInsetsPadding(kotlin.Function1,kotlin.Function1)">windowInsetsPadding</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#(androidx.compose.ui.Modifier).consumeWindowInsets(androidx.compose.foundation.layout.WindowInsets)">consumeWindowInsets</a></code>, but won't consume any insets.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -8705,7 +8705,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/Modifier.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a>(zIndex:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Creates a modifier that controls the drawing order for the children of the same layout parent. A child with larger <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> will be drawn on top of all the children with smaller <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code>. When children have the same <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> the original order in which the parent placed the children is used.</p>
         <p>Note that if there would be multiple <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> modifiers applied for the same layout the sum of their values will be used as the final zIndex. If no <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> were applied for the layout then the default zIndex is 0.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.material.Text
 import androidx.compose.ui.zIndex
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/draw/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/draw/package-summary.html
index 0f097eb..815b6d1 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/draw/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/draw/package-summary.html
@@ -172,7 +172,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).alpha(kotlin.Float)">alpha</a>(alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Draw content with modified alpha that may be less than 1.</p>
       <p>Usage of this API renders this composable into a separate graphics layer. Note when an alpha less than 1.0f is provided, contents are implicitly clipped to their bounds. This is because an intermediate compositing layer is created to render contents into first before being drawn into the destination with the desired alpha. This layer is sized to the bounds of the composable this modifier is configured on, and contents outside of these bounds are omitted.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -227,7 +227,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).blur(androidx.compose.ui.unit.Dp,androidx.compose.ui.draw.BlurredEdgeTreatment)">blur</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;radius:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;edgeTreatment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/draw/BlurredEdgeTreatment.html">BlurredEdgeTreatment</a> = BlurredEdgeTreatment.Rectangle<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Draw content blurred with the specified radii. Note this effect is only supported on Android 12 and above. Attempts to use this Modifier on older Android versions will be ignored.</p>
       <p>Usage of this API renders the corresponding composable into a separate graphics layer. Because the blurred content renders a larger area by the blur radius, this layer is explicitly clipped to the content bounds. It is recommended introduce additional space around the drawn content by the specified blur radius to remain within the content bounds.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -242,7 +242,7 @@
         )
         .background(Color.Red, CircleShape)
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.draw.BlurredEdgeTreatment
@@ -309,7 +309,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).blur(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.draw.BlurredEdgeTreatment)">blur</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;radiusX:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;radiusY:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;edgeTreatment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/draw/BlurredEdgeTreatment.html">BlurredEdgeTreatment</a> = BlurredEdgeTreatment.Rectangle<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Draw content blurred with the specified radii. Note this effect is only supported on Android 12 and above. Attempts to use this Modifier on older Android versions will be ignored.</p>
       <p>Usage of this API renders the corresponding composable into a separate graphics layer. Because the blurred content renders a larger area by the blur radius, this layer is explicitly clipped to the content bounds. It is recommended introduce additional space around the drawn content by the specified blur radius to remain within the content bounds.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -324,7 +324,7 @@
         )
         .background(Color.Red, CircleShape)
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.draw.BlurredEdgeTreatment
@@ -433,7 +433,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).drawWithCache(kotlin.Function1)">drawWithCache</a>(onBuildDrawCache:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/draw/CacheDrawScope.html">CacheDrawScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="/reference/kotlin/androidx/compose/ui/draw/DrawResult.html">DrawResult</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Draw into a <code><a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a></code> with content that is persisted across draw calls as long as the size of the drawing area is the same or any state objects that are read have not changed. In the event that the drawing area changes, or the underlying state values that are being read change, this method is invoked again to recreate objects to be used during drawing</p>
       <p>For example, a <code><a href="/reference/kotlin/androidx/compose/ui/graphics/LinearGradient.html">androidx.compose.ui.graphics.LinearGradient</a></code> that is to occupy the full bounds of the drawing area can be created once the size has been defined and referenced for subsequent draw calls without having to re-allocate.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.draw.drawWithCache
 import androidx.compose.ui.geometry.Offset
@@ -450,7 +450,7 @@
         }
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -473,7 +473,7 @@
         }
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.requiredSize
 import androidx.compose.ui.draw.drawWithCache
@@ -519,7 +519,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).paint(androidx.compose.ui.graphics.painter.Painter,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">paint</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).paint(androidx.compose.ui.graphics.painter.Painter,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">paint</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;painter:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/painter/Painter.html">Painter</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;sizeToIntrinsics:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true,<br>&nbsp;&nbsp;&nbsp;&nbsp;alignment:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Alignment.html">Alignment</a> = Alignment.Center,<br>&nbsp;&nbsp;&nbsp;&nbsp;contentScale:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/ContentScale.html">ContentScale</a> = ContentScale.Inside,<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = DefaultAlpha,<br>&nbsp;&nbsp;&nbsp;&nbsp;colorFilter:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/ColorFilter.html">ColorFilter</a>? = null<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Paint the content using <code><a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).paint(androidx.compose.ui.graphics.painter.Painter,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter)">painter</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.padding
@@ -598,7 +598,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).rotate(kotlin.Float)">rotate</a>(degrees:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Sets the degrees the view is rotated around the center of the composable. Increasing values result in clockwise rotation. Negative degrees are used to rotate in the counter clockwise direction</p>
       <p>Usage of this API renders this composable into a separate graphics layer.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.rotate
@@ -634,7 +634,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).scale(kotlin.Float,kotlin.Float)">scale</a>(scaleX:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,&nbsp;scaleY:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Scale the contents of the composable by the following scale factors along the horizontal and vertical axis respectively. Negative scale factors can be used to mirror content across the corresponding horizontal or vertical axis.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.scale
@@ -696,7 +696,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).scale(kotlin.Float)">scale</a>(scale:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Scale the contents of both the horizontal and vertical axis uniformly by the same scale factor.</p>
       <p>Usage of this API renders this composable into a separate graphics layer</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.scale
@@ -755,7 +755,7 @@
       <p>If the passed <code><a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).shadow(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">shape</a></code> is concave the shadow will not be drawn on Android versions less than 10.</p>
       <p>Note that <code><a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).shadow(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">elevation</a></code> is only affecting the shadow size and doesn't change the drawing order. Use a <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">androidx.compose.ui.zIndex</a></code> modifier if you want to draw the elements with larger <code><a href="/reference/kotlin/androidx/compose/ui/draw/package-summary.html#(androidx.compose.ui.Modifier).shadow(androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)">elevation</a></code> after all the elements with a smaller one.</p>
       <p>Usage of this API renders this composable into a separate graphics layer</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.draw.shadow
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html
index a396f2d..4726e3e 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>The <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a></code> is used to specify the direction for a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> request.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -150,7 +150,7 @@
         <h3 class="api-name" id="Down()">Down</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html#Down()">Down</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a></pre>
         <p>Direction used in <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> to indicate that you are searching for the next focusable item that is below the currently focused item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -194,7 +194,7 @@
         <h3 class="api-name" id="Left()">Left</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html#Left()">Left</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a></pre>
         <p>Direction used in <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> to indicate that you are searching for the next focusable item to the left of the currently focused item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -222,7 +222,7 @@
         <h3 class="api-name" id="Next()">Next</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html#Next()">Next</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a></pre>
         <p>Direction used in <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> to indicate that you are searching for the next focusable item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -256,7 +256,7 @@
         <h3 class="api-name" id="Previous()">Previous</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html#Previous()">Previous</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a></pre>
         <p>Direction used in <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> to indicate that you are searching for the previous focusable item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -284,7 +284,7 @@
         <h3 class="api-name" id="Right()">Right</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html#Right()">Right</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a></pre>
         <p>Direction used in <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> to indicate that you are searching for the next focusable item to the right of the currently focused item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -312,7 +312,7 @@
         <h3 class="api-name" id="Up()">Up</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html#Up()">Up</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a></pre>
         <p>Direction used in <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">FocusManager.moveFocus</a></code> to indicate that you are searching for the next focusable item that is above the currently focused item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusManager.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusManager.html
index 40cb53b..eff2b48 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusManager.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusManager.html
@@ -49,7 +49,7 @@
         <h3 class="api-name" id="clearFocus(kotlin.Boolean)">clearFocus</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusManager.html#clearFocus(kotlin.Boolean)">clearFocus</a>(force:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Call this function to clear focus from the currently focused component, and set the focus to the root focus modifier.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
@@ -89,7 +89,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusManager.html#moveFocus(androidx.compose.ui.focus.FocusDirection)">moveFocus</a>(focusDirection:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Moves focus in the specified <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">direction</a></code>.</p>
         <p>If you are not satisfied with the default focus order, consider setting a custom order using <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">Modifier.focusProperties()</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html
index 33f884d..895b8f1 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html
@@ -15,7 +15,7 @@
     <hr>
     <aside class="caution"><strong>This class is deprecated.</strong><br>Use FocusProperties instead</aside>
     <p>Specifies custom focus destinations that are used instead of the default focus traversal order.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -180,7 +180,7 @@
         <h3 class="api-name" id="down()">down</h3>
         <pre class="api-signature no-pretty-print">var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html#down()">down</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user moves focus &quot;down&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -245,7 +245,7 @@
         <h3 class="api-name" id="end()">end</h3>
         <pre class="api-signature no-pretty-print">var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html#end()">end</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;right&quot; in LTR mode and &quot;left&quot; in RTL mode.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -310,7 +310,7 @@
         <h3 class="api-name" id="left()">left</h3>
         <pre class="api-signature no-pretty-print">var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html#left()">left</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;left&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -375,7 +375,7 @@
         <h3 class="api-name" id="next()">next</h3>
         <pre class="api-signature no-pretty-print">var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html#next()">next</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;next&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -440,7 +440,7 @@
         <h3 class="api-name" id="previous()">previous</h3>
         <pre class="api-signature no-pretty-print">var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html#previous()">previous</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;previous&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -505,7 +505,7 @@
         <h3 class="api-name" id="right()">right</h3>
         <pre class="api-signature no-pretty-print">var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html#right()">right</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;right&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -570,7 +570,7 @@
         <h3 class="api-name" id="start()">start</h3>
         <pre class="api-signature no-pretty-print">var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html#start()">start</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;left&quot; in LTR mode and &quot;right&quot; in RTL mode.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -635,7 +635,7 @@
         <h3 class="api-name" id="up()">up</h3>
         <pre class="api-signature no-pretty-print">var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html#up()">up</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user moves focus &quot;up&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html
index c91b7bf..1b426b9 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html
@@ -137,7 +137,7 @@
         <h3 class="api-name" id="down()">down</h3>
         <pre class="api-signature no-pretty-print">open&nbsp;var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html#down()">down</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user moves focus &quot;down&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -202,7 +202,7 @@
         <h3 class="api-name" id="end()">end</h3>
         <pre class="api-signature no-pretty-print">open&nbsp;var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html#end()">end</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;right&quot; in LTR mode and &quot;left&quot; in RTL mode.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -268,7 +268,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>open&nbsp;var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html#enter()">enter</a>:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests focus to move focus in (<code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html#Enter()">FocusDirection.Enter</a></code>). An automatic <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html#Enter()">Enter</a></code>&quot; can be triggered when we move focus to a focus group that is not itself focusable. In this case, users can use the  the focus direction that triggered the move in to determine the next item to be focused on.</p>
         <p>When you set the <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html#enter()">enter</a></code> property, provide a lambda that takes the FocusDirection that triggered the enter as an input, and provides a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> as an output. You can return a custom destination by providing a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> attached to that destination, a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html#Cancel()">Cancel</a></code> to cancel the focus enter or <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html#Default()">Default</a></code> to use the default focus enter behavior.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -290,7 +290,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>open&nbsp;var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html#exit()">exit</a>:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">FocusDirection</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests focus to move out (<code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html#Exit()">FocusDirection.Exit</a></code>). An automatic <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html#Exit()">Exit</a></code> can be triggered when we move focus outside the edge of a parent. In this case, users can use the  the focus direction that triggered the move out to determine the next focus destination.</p>
         <p>When you set the <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html#exit()">exit</a></code> property, provide a lambda that takes the FocusDirection that triggered the exit as an input, and provides a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> as an output. You can return a custom destination by providing a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> attached to that destination, a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html#Cancel()">Cancel</a></code> to cancel the focus exit or <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html#Default()">Default</a></code> to use the default focus exit behavior.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -319,7 +319,7 @@
         <h3 class="api-name" id="left()">left</h3>
         <pre class="api-signature no-pretty-print">open&nbsp;var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html#left()">left</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;left&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -384,7 +384,7 @@
         <h3 class="api-name" id="next()">next</h3>
         <pre class="api-signature no-pretty-print">open&nbsp;var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html#next()">next</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests the focus to move to the &quot;next&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -449,7 +449,7 @@
         <h3 class="api-name" id="previous()">previous</h3>
         <pre class="api-signature no-pretty-print">open&nbsp;var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html#previous()">previous</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests the focus to move to the &quot;previous&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -514,7 +514,7 @@
         <h3 class="api-name" id="right()">right</h3>
         <pre class="api-signature no-pretty-print">open&nbsp;var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html#right()">right</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;right&quot; item.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -579,7 +579,7 @@
         <h3 class="api-name" id="start()">start</h3>
         <pre class="api-signature no-pretty-print">open&nbsp;var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html#start()">start</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user requests a focus moves to the &quot;left&quot; in LTR mode and &quot;right&quot; in RTL mode.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -644,7 +644,7 @@
         <h3 class="api-name" id="up()">up</h3>
         <pre class="api-signature no-pretty-print">open&nbsp;var&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html#up()">up</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>A custom item to be used when the user moves focus &quot;up&quot;.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequester.Companion.FocusRequesterFactory.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequester.Companion.FocusRequesterFactory.html
index eca1707..30a6d29 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequester.Companion.FocusRequesterFactory.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequester.Companion.FocusRequesterFactory.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Convenient way to create multiple <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> instances.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequester.Companion.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequester.Companion.html
index 3e55715..d7217a0 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequester.Companion.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequester.Companion.html
@@ -92,7 +92,7 @@
         <h3 class="api-name" id="createRefs()">createRefs</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html#createRefs()">createRefs</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.Companion.FocusRequesterFactory.html">FocusRequester.Companion.FocusRequesterFactory</a></pre>
         <p>Convenient way to create multiple <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code>s, which can to be used to request focus, or to specify a focus traversal order.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -114,7 +114,7 @@
         <h3 class="api-name" id="Cancel()">Cancel</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html#Cancel()">Cancel</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>Cancelled <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">focusRequester</a></code>, which when used in <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">Modifier.focusProperties</a></code> implies that we want to block focus search from proceeding in the specified <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">direction</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.ui.focus.focusProperties
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html
index 9f7594e..1e0ad6b 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>The <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> is used in conjunction with <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">Modifier.focusRequester</a></code> to send requests to change focus.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
@@ -196,7 +196,7 @@
         <h3 class="api-name" id="createRefs()">createRefs</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html#createRefs()">createRefs</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.Companion.FocusRequesterFactory.html">FocusRequester.Companion.FocusRequesterFactory</a></pre>
         <p>Convenient way to create multiple <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code>s, which can to be used to request focus, or to specify a focus traversal order.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -218,7 +218,7 @@
         <h3 class="api-name" id="Cancel()">Cancel</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html#Cancel()">Cancel</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>Cancelled <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">focusRequester</a></code>, which when used in <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">Modifier.focusProperties</a></code> implies that we want to block focus search from proceeding in the specified <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusDirection.html">direction</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.ui.focus.focusProperties
@@ -260,7 +260,7 @@
         <p>Deny requests to clear focus.</p>
         <p>Use this function to send a request to capture focus. If a component captures focus, it will send a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object to its associated <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers where <a href="">FocusState.isCaptured</a> == true.</p>
         <p>When a component is in a Captured state, all focus requests from other components are declined.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -311,7 +311,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html#freeFocus()">freeFocus</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Use this function to send a request to free focus when one of the components associated with this <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> is in a Captured state. If a component frees focus, it will send a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object to its associated <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers where <a href="">FocusState.isCaptured</a> == false.</p>
         <p>When a component is in a Captured state, all focus requests from other components are declined. .</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -361,7 +361,7 @@
         <h3 class="api-name" id="requestFocus()">requestFocus</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html#requestFocus()">requestFocus</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Use this function to request focus. If the system grants focus to a component associated with this <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code>, its <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers will receive a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object where <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html#isFocused()">FocusState.isFocused</a></code> is true.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifier.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifier.html
index a3c6c74..4cc2332 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifier.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifier.html
@@ -15,7 +15,7 @@
     <hr>
     <aside class="caution"><strong>This interface is deprecated.</strong><br>Use FocusRequesterModifierNode instead</aside>
     <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Element.html">modifier</a></code> that is used to pass in a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> that can be used to request focus state changes.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
@@ -164,7 +164,7 @@
         <h3 class="api-name" id="focusRequester()">focusRequester</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifier.html#focusRequester()">focusRequester</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></pre>
         <p>An instance of <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code>, that can be used to request focus state changes.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifierNode.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifierNode.html
index acd22d3..e246bb8 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifierNode.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifierNode.html
@@ -91,7 +91,7 @@
         <p>Deny requests to clear focus.</p>
         <p>Use this function to send a request to capture focus. If a component captures focus, it will send a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object to its associated <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers where <a href="">FocusState.isCaptured</a> == true.</p>
         <p>When a component is in a Captured state, all focus requests from other components are declined.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -142,7 +142,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifierNode.html">FocusRequesterModifierNode</a>.<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifierNode.html#(androidx.compose.ui.focus.FocusRequesterModifierNode).freeFocus()">freeFocus</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Use this function to send a request to free focus when one of the components associated with this <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> is in a Captured state. If a component frees focus, it will send a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object to its associated <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers where <a href="">FocusState.isCaptured</a> == false.</p>
         <p>When a component is in a Captured state, all focus requests from other components are declined. .</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -192,7 +192,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.focus.FocusRequesterModifierNode).requestFocus()">requestFocus</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifierNode.html">FocusRequesterModifierNode</a>.<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifierNode.html#(androidx.compose.ui.focus.FocusRequesterModifierNode).requestFocus()">requestFocus</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Use this function to request focus. If the system grants focus to a component associated with this <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code>, its <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers will receive a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object where <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html#isFocused()">FocusState.isFocused</a></code> is true.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusState.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusState.html
index 9b5abd2..f55f18b 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusState.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/FocusState.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>The focus state of a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusTargetModifierNode.html">FocusTargetModifierNode</a></code>. Use <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusEvent(kotlin.Function1)">onFocusEvent</a></code> modifiers to access <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html">FocusState</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
@@ -100,7 +100,7 @@
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html#isCaptured()">isCaptured</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether focus is captured or not. A focusable component is in a captured state when it wants to hold onto focus. (Eg. when a text field has an invalid phone number). When we are in a captured state, clicking on other focusable items does not clear focus from the currently focused item.</p>
         <p>You can capture focus by calling <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.focus.FocusRequesterModifierNode).captureFocus()">focusRequester.captureFocus()</a></code> and free focus by calling <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.focus.FocusRequesterModifierNode).freeFocus()">focusRequester.freeFocus()</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -150,7 +150,7 @@
         <h3 class="api-name" id="isFocused()">isFocused</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html#isFocused()">isFocused</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Whether the component is focused or not.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/package-summary.html
index 31ec686..d4d8aad 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/focus/package-summary.html
@@ -227,7 +227,7 @@
       <p>Deny requests to clear focus.</p>
       <p>Use this function to send a request to capture focus. If a component captures focus, it will send a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object to its associated <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers where <a href="">FocusState.isCaptured</a> == true.</p>
       <p>When a component is in a Captured state, all focus requests from other components are declined.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -290,7 +290,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<span><del><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusOrder(androidx.compose.ui.focus.FocusRequester)">focusOrder</a></del></span>(focusRequester:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <aside class="caution"><strong>This function is deprecated.</strong><br>Use focusRequester() instead</aside>
       <p>A modifier that lets you specify a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> for the current composable so that this <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusOrder(androidx.compose.ui.focus.FocusRequester)">focusRequester</a></code> can be used by another composable to specify a custom focus order.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -356,7 +356,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<span><del><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusOrder(kotlin.Function1)">focusOrder</a></del></span>(focusOrderReceiver:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusOrder.html">FocusOrder</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <aside class="caution"><strong>This function is deprecated.</strong><br>Use focusProperties() instead</aside>
       <p>Use this modifier to specify a custom focus traversal order.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -442,7 +442,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">focusProperties</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusProperties(kotlin.Function1)">focusProperties</a>(scope:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusProperties.html">FocusProperties</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>This modifier allows you to specify properties that are accessible to <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusTarget()">focusTarget</a></code>s further down the modifier chain or on child layout nodes.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.ui.focus.focusProperties
@@ -466,7 +466,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">focusRequester</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusRequester(androidx.compose.ui.focus.FocusRequester)">focusRequester</a>(focusRequester:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Add this modifier to a component to request changes to focus.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
@@ -496,7 +496,7 @@
       <p>Add this modifier to a component to make it focusable.</p>
       <p>Focus state is stored within this modifier. The bounds of this modifier reflect the bounds of the focus box.</p>
       <p>Note: This is a low level modifier. Before using this consider using <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">Modifier.focusable()</a></code>. It uses a <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusTarget()">focusTarget</a></code> in its implementation. <code><a href="/reference/kotlin/androidx/compose/foundation/package-summary.html#(androidx.compose.ui.Modifier).focusable(kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource)">Modifier.focusable()</a></code> adds semantics that are needed for accessibility.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -518,7 +518,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifierNode.html">FocusRequesterModifierNode</a>.<a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.focus.FocusRequesterModifierNode).freeFocus()">freeFocus</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Use this function to send a request to free focus when one of the components associated with this <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code> is in a Captured state. If a component frees focus, it will send a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object to its associated <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers where <a href="">FocusState.isCaptured</a> == false.</p>
       <p>When a component is in a Captured state, all focus requests from other components are declined. .</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.material.TextField
 import androidx.compose.runtime.mutableStateOf
@@ -568,7 +568,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a>(onFocusChanged:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html">FocusState</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Add this modifier to a component to observe focus state events. <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> is invoked when the focus state changes. The <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifier listens to the state of the first <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).focusTarget()">focusTarget</a></code> following this modifier.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
@@ -595,7 +595,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.focus.FocusRequesterModifierNode).requestFocus()">requestFocus</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequesterModifierNode.html">FocusRequesterModifierNode</a>.<a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.focus.FocusRequesterModifierNode).requestFocus()">requestFocus</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Use this function to request focus. If the system grants focus to a component associated with this <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusRequester.html">FocusRequester</a></code>, its <code><a href="/reference/kotlin/androidx/compose/ui/focus/package-summary.html#(androidx.compose.ui.Modifier).onFocusChanged(kotlin.Function1)">onFocusChanged</a></code> modifiers will receive a <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html">FocusState</a></code> object where <code><a href="/reference/kotlin/androidx/compose/ui/focus/FocusState.html#isFocused()">FocusState.isFocused</a></code> is true.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.focusable
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/Brush.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/Brush.html
index 31487bc..bd4e6e7 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/Brush.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/Brush.html
@@ -230,7 +230,7 @@
         <p>Creates a horizontal gradient with the given colors dispersed at the provided offset defined in the colorstop pair.</p>
         <p>Ex:</p>
         <pre class="prettyprint"> Brush.horizontalGradient(<br>     0.0f to Color.Red,<br>     0.3f to Color.Green,<br>     1.0f to Color.Blue,<br>     startX = 0.0f,<br>     endX = 100.0f<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -309,7 +309,7 @@
         <p>Creates a horizontal gradient with the given colors evenly dispersed within the gradient</p>
         <p>Ex:</p>
         <pre class="prettyprint"> Brush.horizontalGradient(<br>     listOf(Color.Red, Color.Green, Color.Blue),<br>     startX = 10.0f,<br>     endX = 20.0f<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -451,7 +451,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html#linearGradient(kotlin.collections.List,androidx.compose.ui.geometry.Offset,androidx.compose.ui.geometry.Offset,androidx.compose.ui.graphics.TileMode)">linearGradient</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;colors:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html">List</a>&lt;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a>&gt;,<br>&nbsp;&nbsp;&nbsp;&nbsp;start:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a> = Offset.Zero,<br>&nbsp;&nbsp;&nbsp;&nbsp;end:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a> = Offset.Infinite,<br>&nbsp;&nbsp;&nbsp;&nbsp;tileMode:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/TileMode.html">TileMode</a> = TileMode.Clamp<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a></pre>
         <p>Creates a linear gradient with the provided colors along the given start and end coordinates. The colors are</p>
         <pre class="prettyprint"> Brush.linearGradient(<br>     listOf(Color.Red, Color.Green, Color.Blue),<br>     start = Offset(0.0f, 50.0f)<br>     end = Offset(0.0f, 100.0f)<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -529,7 +529,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html#radialGradient(kotlin.Array,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.TileMode)">radialGradient</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;vararg&nbsp;colorStops:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-pair/index.html">Pair</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a>&gt;,<br>&nbsp;&nbsp;&nbsp;&nbsp;center:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a> = Offset.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;radius:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = Float.POSITIVE_INFINITY,<br>&nbsp;&nbsp;&nbsp;&nbsp;tileMode:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/TileMode.html">TileMode</a> = TileMode.Clamp<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a></pre>
         <p>Creates a radial gradient with the given colors at the provided offset defined in the colorstop pair.</p>
         <pre class="prettyprint">Brush.radialGradient(<br>     0.0f to Color.Red,<br>     0.3f to Color.Green,<br>     1.0f to Color.Blue,<br>     center = Offset(side1 / 2.0f, side2 / 2.0f),<br>     radius = side1 / 2.0f,<br>     tileMode = TileMode.Repeated<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -607,7 +607,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html#radialGradient(kotlin.collections.List,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.TileMode)">radialGradient</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;colors:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html">List</a>&lt;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a>&gt;,<br>&nbsp;&nbsp;&nbsp;&nbsp;center:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a> = Offset.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;radius:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = Float.POSITIVE_INFINITY,<br>&nbsp;&nbsp;&nbsp;&nbsp;tileMode:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/TileMode.html">TileMode</a> = TileMode.Clamp<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a></pre>
         <p>Creates a radial gradient with the given colors evenly dispersed within the gradient</p>
         <pre class="prettyprint">Brush.radialGradient(<br>     listOf(Color.Red, Color.Green, Color.Blue),<br>     centerX = side1 / 2.0f,<br>     centerY = side2 / 2.0f,<br>     radius = side1 / 2.0f,<br>     tileMode = TileMode.Repeated<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -686,7 +686,7 @@
         <p>Creates a sweep gradient with the given colors dispersed around the center with offsets defined in each colorstop pair. The sweep begins relative to 3 o'clock and continues clockwise until it reaches the starting position again.</p>
         <p>Ex:</p>
         <pre class="prettyprint"> Brush.sweepGradient(<br>     0.0f to Color.Red,<br>     0.3f to Color.Green,<br>     1.0f to Color.Blue,<br>     center = Offset(0.0f, 100.0f)<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -753,7 +753,7 @@
         <p>Creates a sweep gradient with the given colors dispersed evenly around the center. The sweep begins relative to 3 o'clock and continues clockwise until it reaches the starting position again.</p>
         <p>Ex:</p>
         <pre class="prettyprint"> Brush.sweepGradient(<br>     listOf(Color.Red, Color.Green, Color.Blue),<br>     center = Offset(10.0f, 20.0f)<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -820,7 +820,7 @@
         <p>Creates a vertical gradient with the given colors at the provided offset defined in the Pair</p>
         <p>Ex:</p>
         <pre class="prettyprint"> Brush.verticalGradient(<br>     0.1f to Color.Red,<br>     0.3f to Color.Green,<br>     0.5f to Color.Blue,<br>     startY = 0.0f,<br>     endY = 100.0f<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -898,7 +898,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html#verticalGradient(kotlin.collections.List,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TileMode)">verticalGradient</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;colors:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html">List</a>&lt;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a>&gt;,<br>&nbsp;&nbsp;&nbsp;&nbsp;startY:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 0.0f,<br>&nbsp;&nbsp;&nbsp;&nbsp;endY:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = Float.POSITIVE_INFINITY,<br>&nbsp;&nbsp;&nbsp;&nbsp;tileMode:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/TileMode.html">TileMode</a> = TileMode.Clamp<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a></pre>
         <p>Creates a vertical gradient with the given colors evenly dispersed within the gradient Ex:</p>
         <pre class="prettyprint"> Brush.verticalGradient(<br>     listOf(Color.Red, Color.Green, Color.Blue),<br>     startY = 0.0f,<br>     endY = 100.0f<br>)</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html
index 3b72c1b..188d6d2 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html
@@ -155,7 +155,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html#readPixels(kotlin.IntArray,kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int)">readPixels</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;buffer:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int-array/index.html">IntArray</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;startX:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,<br>&nbsp;&nbsp;&nbsp;&nbsp;startY:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,<br>&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = this.width,<br>&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = this.height,<br>&nbsp;&nbsp;&nbsp;&nbsp;bufferOffset:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,<br>&nbsp;&nbsp;&nbsp;&nbsp;stride:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = width<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Copies the pixel data within the ImageBitmap into the given array. Each value is represented as ARGB values packed into an Int. The stride parameter allows the caller to allow for gaps in the returned pixels array between rows. For normal packed, results, the stride value is equivalent to the width of the <code><a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code>. The returned colors are non-premultiplied ARGB values in the <code><a href="/reference/kotlin/androidx/compose/ui/graphics/colorspace/ColorSpaces.html#Srgb()">ColorSpaces.Srgb</a></code> color space.</p>
         <p>Note this method can block so it is recommended to not invoke this method in performance critical code paths</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.graphics.PixelMap
 
 val imageBitmap = createImageBitmap()
@@ -337,7 +337,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a>.<a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html#(androidx.compose.ui.graphics.ImageBitmap).toPixelMap(kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int,kotlin.IntArray,kotlin.Int,kotlin.Int)">toPixelMap</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;startX:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,<br>&nbsp;&nbsp;&nbsp;&nbsp;startY:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,<br>&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = this.width,<br>&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = this.height,<br>&nbsp;&nbsp;&nbsp;&nbsp;buffer:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int-array/index.html">IntArray</a> = IntArray(width * height),<br>&nbsp;&nbsp;&nbsp;&nbsp;bufferOffset:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,<br>&nbsp;&nbsp;&nbsp;&nbsp;stride:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = width<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/PixelMap.html">PixelMap</a></pre>
         <p>Convenience method to extract pixel information from the given ImageBitmap into a <code><a href="/reference/kotlin/androidx/compose/ui/graphics/PixelMap.html">PixelMap</a></code> that supports for querying pixel information based on</p>
         <p>Note this method can block so it is recommended to not invoke this method in performance critical code paths</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.graphics.toPixelMap
 
 val imageBitmap = createImageBitmap()
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/PixelMap.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/PixelMap.html
index 13dd521..010d975 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/PixelMap.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/PixelMap.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Result of a pixel read operation. This contains the <code><a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code> pixel information represented as a 1 dimensional array of values that supports queries of pixel values based on the 2 dimensional coordinates of the corresponding <code><a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code> this was obtained from</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.graphics.PixelMap
 
 val imageBitmap = createImageBitmap()
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/StampedPathEffectStyle.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/StampedPathEffectStyle.html
index ba9ec83..f5897b5 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/StampedPathEffectStyle.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/StampedPathEffectStyle.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Strategy for transforming each point of the shape along the drawn path</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html
index db9fa0d..3e26cdc 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html
@@ -42,7 +42,7 @@
 </devsite-expandable>    </div>
     <hr>
     <p>Creates a scoped drawing environment with the provided <code><a href="/reference/kotlin/androidx/compose/ui/graphics/Canvas.html">Canvas</a></code>. This provides a declarative, stateless API to draw shapes and paths without requiring consumers to maintain underlying <code><a href="/reference/kotlin/androidx/compose/ui/graphics/Canvas.html">Canvas</a></code> state information. <code><a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a></code> implementations are also provided sizing information and transformations are done relative to the local translation. That is left and top coordinates are always the origin and the right and bottom coordinates are always the specified width and height respectively. Drawing content is not clipped, so it is possible to draw outside of the specified bounds.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.graphics.drawscope.inset
@@ -1166,7 +1166,7 @@
         <h3 class="api-name" id="drawOval(androidx.compose.ui.graphics.Brush,androidx.compose.ui.geometry.Offset,androidx.compose.ui.geometry.Size,kotlin.Float,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.graphics.ColorFilter,androidx.compose.ui.graphics.BlendMode)">drawOval</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html#drawOval(androidx.compose.ui.graphics.Brush,androidx.compose.ui.geometry.Offset,androidx.compose.ui.geometry.Size,kotlin.Float,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.graphics.ColorFilter,androidx.compose.ui.graphics.BlendMode)">drawOval</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;brush:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;topLeft:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a> = Offset.Zero,<br>&nbsp;&nbsp;&nbsp;&nbsp;size:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Size.html">Size</a> = this.size.offsetSize(topLeft),<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 1.0f,<br>&nbsp;&nbsp;&nbsp;&nbsp;style:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a> = Fill,<br>&nbsp;&nbsp;&nbsp;&nbsp;colorFilter:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/ColorFilter.html">ColorFilter</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;blendMode:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/BlendMode.html">BlendMode</a> = DefaultBlendMode<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Draws an oval with the given offset and size. If no offset from the top left is provided, it is drawn starting from the origin of the current translation. If no size is provided, the size of the current environment is used.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.geometry.Offset
@@ -1241,7 +1241,7 @@
         <h3 class="api-name" id="drawOval(androidx.compose.ui.graphics.Color,androidx.compose.ui.geometry.Offset,androidx.compose.ui.geometry.Size,kotlin.Float,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.graphics.ColorFilter,androidx.compose.ui.graphics.BlendMode)">drawOval</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html#drawOval(androidx.compose.ui.graphics.Color,androidx.compose.ui.geometry.Offset,androidx.compose.ui.geometry.Size,kotlin.Float,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.graphics.ColorFilter,androidx.compose.ui.graphics.BlendMode)">drawOval</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;topLeft:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a> = Offset.Zero,<br>&nbsp;&nbsp;&nbsp;&nbsp;size:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Size.html">Size</a> = this.size.offsetSize(topLeft),<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = 1.0f,<br>&nbsp;&nbsp;&nbsp;&nbsp;style:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a> = Fill,<br>&nbsp;&nbsp;&nbsp;&nbsp;colorFilter:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/ColorFilter.html">ColorFilter</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;blendMode:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/BlendMode.html">BlendMode</a> = DefaultBlendMode<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Draws an oval with the given offset and size. If no offset from the top left is provided, it is drawn starting from the origin of the current translation. If no size is provided, the size of the current environment is used.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.geometry.Offset
@@ -2301,7 +2301,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.graphics.drawscope.DrawScope).withTransform(kotlin.Function1,kotlin.Function1)">withTransform</h3>
         <pre class="api-signature no-pretty-print">inline&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>.<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html#(androidx.compose.ui.graphics.drawscope.DrawScope).withTransform(kotlin.Function1,kotlin.Function1)">withTransform</a>(transformBlock:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawTransform.html">DrawTransform</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,&nbsp;drawBlock:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Perform 1 or more transformations and execute drawing commands with the specified transformations applied. After this call is complete, the transformation before this call was made is restored</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.graphics.drawscope.inset
@@ -2655,7 +2655,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>.<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html#(androidx.compose.ui.graphics.drawscope.DrawScope).drawText(androidx.compose.ui.text.TextLayoutResult,androidx.compose.ui.graphics.Color,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.drawscope.DrawStyle)">drawText</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;textLayoutResult:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/TextLayoutResult.html">TextLayoutResult</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;topLeft:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a> = Offset.Zero,<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = Float.NaN,<br>&nbsp;&nbsp;&nbsp;&nbsp;shadow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shadow.html">Shadow</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDecoration:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;drawStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>? = null<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Draw an existing text layout as produced by <code><a href="/reference/kotlin/androidx/compose/ui/text/TextMeasurer.html">TextMeasurer</a></code>.</p>
         <p>This draw function cannot relayout when async font loading resolves. If using async fonts or other dynamic text layout, you are responsible for invalidating layout on changes.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.runtime.mutableStateOf
@@ -2754,7 +2754,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>.<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html#(androidx.compose.ui.graphics.drawscope.DrawScope).drawText(androidx.compose.ui.text.TextLayoutResult,androidx.compose.ui.graphics.Brush,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.drawscope.DrawStyle)">drawText</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;textLayoutResult:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/TextLayoutResult.html">TextLayoutResult</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;brush:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;topLeft:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a> = Offset.Zero,<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = Float.NaN,<br>&nbsp;&nbsp;&nbsp;&nbsp;shadow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shadow.html">Shadow</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDecoration:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;drawStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>? = null<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Draw an existing text layout as produced by <code><a href="/reference/kotlin/androidx/compose/ui/text/TextMeasurer.html">TextMeasurer</a></code>.</p>
         <p>This draw function cannot relayout when async font loading resolves. If using async fonts or other dynamic text layout, you are responsible for invalidating layout on changes.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/drawscope/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/drawscope/package-summary.html
index 35f0e81..c7fb043 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/drawscope/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/drawscope/package-summary.html
@@ -791,7 +791,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.graphics.drawscope.DrawScope).withTransform(kotlin.Function1,kotlin.Function1)">withTransform</h3>
       <pre class="api-signature no-pretty-print">inline&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>.<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/package-summary.html#(androidx.compose.ui.graphics.drawscope.DrawScope).withTransform(kotlin.Function1,kotlin.Function1)">withTransform</a>(transformBlock:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawTransform.html">DrawTransform</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,&nbsp;drawBlock:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Perform 1 or more transformations and execute drawing commands with the specified transformations applied. After this call is complete, the transformation before this call was made is restored</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.size
 import androidx.compose.ui.graphics.drawscope.inset
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/package-summary.html
index e722014..65e110b 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/graphics/package-summary.html
@@ -1555,12 +1555,12 @@
       <p>Note that if you provide a non-zero <code><a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.RenderEffect,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.CompositingStrategy)">shadowElevation</a></code> and if the passed <code><a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean,androidx.compose.ui.graphics.RenderEffect,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.CompositingStrategy)">shape</a></code> is concave the shadow will not be drawn on Android versions less than 10.</p>
       <p>Also note that alpha values less than 1.0f will have their contents implicitly clipped to their bounds unless <code><a href="/reference/kotlin/androidx/compose/ui/graphics/CompositingStrategy.html#ModulateAlpha()">CompositingStrategy.ModulateAlpha</a></code> is specified. This is because an intermediate compositing layer is created to render contents into first before being drawn into the destination with the desired alpha. This layer is sized to the bounds of the composable this modifier is configured on, and contents outside of these bounds are omitted.</p>
       <p>If the layer parameters are backed by a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">androidx.compose.runtime.State</a></code> or an animated value prefer an overload with a lambda block on <code><a href="/reference/kotlin/androidx/compose/ui/graphics/GraphicsLayerScope.html">GraphicsLayerScope</a></code> as reading a state inside the block will only cause the layer properties update without triggering recomposition and relayout.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.graphics.graphicsLayer
 
 Text(&quot;Hello World&quot;, Modifier.graphicsLayer(alpha = 0.5f, clip = true))</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -1711,7 +1711,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Function1)">graphicsLayer</a>(block:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/GraphicsLayerScope.html">GraphicsLayerScope</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> that makes content draw into a draw layer. The draw layer can be invalidated separately from parents. A <code><a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean)">graphicsLayer</a></code> should be used when the content updates independently from anything above it to minimize the invalidated content.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,kotlin.Float,androidx.compose.ui.graphics.TransformOrigin,androidx.compose.ui.graphics.Shape,kotlin.Boolean)">graphicsLayer</a></code> can be used to apply effects to content, such as scaling, rotation, opacity, shadow, and clipping. Prefer this version when you have layer properties backed by a <code><a href="/reference/kotlin/androidx/compose/runtime/State.html">androidx.compose.runtime.State</a></code> or an animated value as reading a state inside <code><a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.Modifier).graphicsLayer(kotlin.Function1)">block</a></code> will only cause the layer properties update without triggering recomposition and relayout.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.material.Text
 import androidx.compose.runtime.LaunchedEffect
@@ -2031,7 +2031,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a>.<a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.graphics.ImageBitmap).toPixelMap(kotlin.Int,kotlin.Int,kotlin.Int,kotlin.Int,kotlin.IntArray,kotlin.Int,kotlin.Int)">toPixelMap</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;startX:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,<br>&nbsp;&nbsp;&nbsp;&nbsp;startY:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,<br>&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = this.width,<br>&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = this.height,<br>&nbsp;&nbsp;&nbsp;&nbsp;buffer:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int-array/index.html">IntArray</a> = IntArray(width * height),<br>&nbsp;&nbsp;&nbsp;&nbsp;bufferOffset:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = 0,<br>&nbsp;&nbsp;&nbsp;&nbsp;stride:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a> = width<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/PixelMap.html">PixelMap</a></pre>
       <p>Convenience method to extract pixel information from the given ImageBitmap into a <code><a href="/reference/kotlin/androidx/compose/ui/graphics/PixelMap.html">PixelMap</a></code> that supports for querying pixel information based on</p>
       <p>Note this method can block so it is recommended to not invoke this method in performance critical code paths</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.graphics.toPixelMap
 
 val imageBitmap = createImageBitmap()
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/Key.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/Key.html
index cf3d66b..d936d26 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/Key.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/Key.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Represents keys on a keyboard.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html
index ffadc02..24d3f70 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>When a user presses a key on a hardware keyboard, a <code><a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a></code> is sent to the item that is currently focused. Any parent composable can intercept this <code><a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">key event</a></code> on its way to the focused item by using Modifier.onPreviewKeyEvent()]<code><a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.Modifier).onPreviewKeyEvent(kotlin.Function1)">onPreviewKeyEvent</a></code>. If the item is not consumed, it returns back to each parent and can be intercepted by using Modifier.onKeyEvent()]<code><a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.Modifier).onKeyEvent(kotlin.Function1)">onKeyEvent</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -210,7 +210,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isAltPressed()">isAltPressed</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).isAltPressed()">isAltPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Indicates whether the Alt key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -232,7 +232,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isAltPressed()">isAltPressed</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).isAltPressed()">isAltPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Indicates whether the Alt key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -254,7 +254,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isCtrlPressed()">isCtrlPressed</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).isCtrlPressed()">isCtrlPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Indicates whether the Ctrl key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -276,7 +276,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isCtrlPressed()">isCtrlPressed</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).isCtrlPressed()">isCtrlPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Indicates whether the Ctrl key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -298,7 +298,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isMetaPressed()">isMetaPressed</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).isMetaPressed()">isMetaPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Indicates whether the Meta key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -320,7 +320,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isMetaPressed()">isMetaPressed</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).isMetaPressed()">isMetaPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Indicates whether the Meta key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -342,7 +342,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isShiftPressed()">isShiftPressed</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).isShiftPressed()">isShiftPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Indicates whether the Shift key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -364,7 +364,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isShiftPressed()">isShiftPressed</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).isShiftPressed()">isShiftPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Indicates whether the Shift key is pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -386,7 +386,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).key()">key</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).key()">key</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/Key.html">Key</a></pre>
         <p>The key that was pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -408,7 +408,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).key()">key</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).key()">key</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/Key.html">Key</a></pre>
         <p>The key that was pressed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -430,7 +430,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).type()">type</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).type()">type</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a></pre>
         <p>The <code><a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html">type</a></code> of key event.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -453,7 +453,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).type()">type</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html#(androidx.compose.ui.input.key.KeyEvent).type()">type</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a></pre>
         <p>The <code><a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html">type</a></code> of key event.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html
index 7d8e011..e0140c4 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>The type of Key Event.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -96,7 +96,7 @@
         <h3 class="api-name" id="KeyDown()">KeyDown</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html#KeyDown()">KeyDown</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a></pre>
         <p>Type of KeyEvent sent when the user presses down their finger on a key on the keyboard.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -119,7 +119,7 @@
         <h3 class="api-name" id="KeyUp()">KeyUp</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html#KeyUp()">KeyUp</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a></pre>
         <p>Type of KeyEvent sent when the user lifts their finger off a key on the keyboard.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -142,7 +142,7 @@
         <h3 class="api-name" id="Unknown()">Unknown</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html#Unknown()">Unknown</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a></pre>
         <p>Unknown key event.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/package-summary.html
index c936b48..d1d8f6a 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/key/package-summary.html
@@ -249,7 +249,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).onKeyEvent(kotlin.Function1)">onKeyEvent</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.Modifier).onKeyEvent(kotlin.Function1)">onKeyEvent</a>(onKeyEvent:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Adding this <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept hardware key events when it (or one of its children) is focused.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -296,7 +296,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).onPreviewKeyEvent(kotlin.Function1)">onPreviewKeyEvent</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.Modifier).onPreviewKeyEvent(kotlin.Function1)">onPreviewKeyEvent</a>(onPreviewKeyEvent:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Adding this <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept hardware key events when it (or one of its children) is focused.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -344,7 +344,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isAltPressed()">isAltPressed</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.input.key.KeyEvent).isAltPressed()">isAltPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Indicates whether the Alt key is pressed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -366,7 +366,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isAltPressed()">isAltPressed</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.input.key.KeyEvent).isAltPressed()">isAltPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Indicates whether the Alt key is pressed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -388,7 +388,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isCtrlPressed()">isCtrlPressed</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.input.key.KeyEvent).isCtrlPressed()">isCtrlPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Indicates whether the Ctrl key is pressed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -410,7 +410,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isCtrlPressed()">isCtrlPressed</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.input.key.KeyEvent).isCtrlPressed()">isCtrlPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Indicates whether the Ctrl key is pressed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -432,7 +432,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isMetaPressed()">isMetaPressed</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.input.key.KeyEvent).isMetaPressed()">isMetaPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Indicates whether the Meta key is pressed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -454,7 +454,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isMetaPressed()">isMetaPressed</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.input.key.KeyEvent).isMetaPressed()">isMetaPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Indicates whether the Meta key is pressed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -476,7 +476,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isShiftPressed()">isShiftPressed</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.input.key.KeyEvent).isShiftPressed()">isShiftPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Indicates whether the Shift key is pressed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -498,7 +498,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).isShiftPressed()">isShiftPressed</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.input.key.KeyEvent).isShiftPressed()">isShiftPressed</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
       <p>Indicates whether the Shift key is pressed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -520,7 +520,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).key()">key</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.input.key.KeyEvent).key()">key</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/Key.html">Key</a></pre>
       <p>The key that was pressed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -542,7 +542,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).key()">key</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.input.key.KeyEvent).key()">key</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/Key.html">Key</a></pre>
       <p>The key that was pressed.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -569,7 +569,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).type()">type</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.input.key.KeyEvent).type()">type</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a></pre>
       <p>The <code><a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html">type</a></code> of key event.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
@@ -592,7 +592,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.input.key.KeyEvent).type()">type</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEvent.html">KeyEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/key/package-summary.html#(androidx.compose.ui.input.key.KeyEvent).type()">type</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html">KeyEventType</a></pre>
       <p>The <code><a href="/reference/kotlin/androidx/compose/ui/input/key/KeyEventType.html">type</a></code> of key event.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.input.key.onKeyEvent
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/nestedscroll/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/nestedscroll/package-summary.html
index 98e19a7..6e524d5 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/nestedscroll/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/nestedscroll/package-summary.html
@@ -72,7 +72,7 @@
       <p>There are two ways to participate in the nested scroll: as a scrolling child by dispatching scrolling events via <code><a href="/reference/kotlin/androidx/compose/ui/input/nestedscroll/NestedScrollDispatcher.html">NestedScrollDispatcher</a></code> to the nested scroll chain; and as a member of nested scroll chain by providing <code><a href="/reference/kotlin/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a></code>, which will be called when another nested scrolling child below dispatches scrolling events.</p>
       <p>It's a mandatory to participate as a <code><a href="/reference/kotlin/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a></code> in the chain, but scrolling events dispatch is optional since there are cases when element wants to participate in the nested scroll, but not a scrollable thing itself.</p>
       <p>Here's the collapsing toolbar example that participates in a chain, but doesn't dispatch:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.fillMaxSize
@@ -134,7 +134,7 @@
 }</pre>
       <p>On the other side, dispatch via <code><a href="/reference/kotlin/androidx/compose/ui/input/nestedscroll/NestedScrollDispatcher.html">NestedScrollDispatcher</a></code> is optional. It's needed if a component is able to receive and react to the drag/fling events and you want this components to be able to notify parents when scroll occurs, resulting in better overall coordination.</p>
       <p>Here's the example of the component that is draggable and dispatches nested scroll to participate in the nested scroll chain:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.draggable
 import androidx.compose.foundation.gestures.rememberDraggableState
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html
index badf3f5..79cecfb 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html
@@ -396,7 +396,7 @@
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitDragOrCancellation</a>(pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
         <p>Reads pointer input events until a drag is detected or all pointers are up. When the  final pointer is raised, the up event is returned. When a drag event is detected, the drag change will be returned. Note that if <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> has been raised, another pointer that is down will be used, if available, so the returned <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#id()">PointerInputChange.id</a></code> may differ from <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>. If the position change in the any direction has been consumed by the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEventPass.html#Main">PointerEventPass.Main</a></code> pass, then the drag is considered canceled and <code>null</code> is returned.  If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is not down when <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitDragOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitDragOrCancellation
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -491,7 +491,7 @@
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitHorizontalDragOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
         <p>Reads pointer input events until a horizontal drag is detected or all pointers are up. When the final pointer is raised, the up event is returned. When a drag event is detected, the drag change will be returned. Note that if <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> has been raised, another pointer that is down will be used, if available, so the returned <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#id()">PointerInputChange.id</a></code> may differ from <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>. If the position change has been consumed by the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEventPass.html#Main">PointerEventPass.Main</a></code> pass, then the drag is considered canceled and <code>null</code> is returned. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is not down when <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitHorizontalDragOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitHorizontalDragOrCancellation
@@ -579,7 +579,7 @@
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitHorizontalTouchSlopOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onTouchSlopReached:&nbsp;(change:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>, overSlop:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
         <p>Waits for horizontal drag motion to pass <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">touch slop</a></code>, using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> as the pointer to examine. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is raised, another pointer from those that are down will be chosen to lead the gesture, and if none are down, <code>null</code> is returned.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> is called after <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">ViewConfiguration.touchSlop</a></code> motion in the horizontal direction with the change that caused the motion beyond touch slop and the pixels beyond touch slop. <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> should consume the position change if it accepts the motion. If it does, then the method returns that <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>. If not, touch slop detection will continue. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is not down when <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitHorizontalTouchSlopOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitHorizontalDragOrCancellation
@@ -685,7 +685,7 @@
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitLongPressOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitLongPressOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
         <p>Waits for a long press by examining <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitLongPressOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>.</p>
         <p>If that <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitLongPressOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is raised (that is, the user lifts their finger), but another finger (<code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a></code>) is down at that time, another pointer will be chosen as the lead for the gesture, and if none are down, <code>null</code> is returned.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
@@ -752,7 +752,7 @@
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitTouchSlopOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onTouchSlopReached:&nbsp;(change:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>, overSlop:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
         <p>Waits for drag motion to pass <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">touch slop</a></code>, using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> as the pointer to examine. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is raised, another pointer from those that are down will be chosen to lead the gesture, and if none are down, <code>null</code> is returned. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is not down when <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitTouchSlopOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> is called after <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">ViewConfiguration.touchSlop</a></code> motion in the any direction with the change that caused the motion beyond touch slop and the <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code> beyond touch slop that has passed. <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> should consume the position change if it accepts the motion. If it does, then the method returns that <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>. If not, touch slop detection will continue.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitDragOrCancellation
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -865,7 +865,7 @@
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitVerticalDragOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
         <p>Reads pointer input events until a vertical drag is detected or all pointers are up. When the final pointer is raised, the up event is returned. When a drag event is detected, the drag change will be returned. Note that if <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> has been raised, another pointer that is down will be used, if available, so the returned <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#id()">PointerInputChange.id</a></code> may differ from <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code>. If the position change  has been consumed by the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEventPass.html#Main">PointerEventPass.Main</a></code> pass, then the drag is considered canceled and <code>null</code> is returned. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">pointerId</a></code> is not down when <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalDragOrCancellation(androidx.compose.ui.input.pointer.PointerId)">awaitVerticalDragOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitVerticalDragOrCancellation
@@ -953,7 +953,7 @@
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitVerticalTouchSlopOrCancellation</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onTouchSlopReached:&nbsp;(change:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>, overSlop:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>?</pre>
         <p>Waits for vertical drag motion to pass <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">touch slop</a></code>, using <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> as the pointer to examine. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is raised, another pointer from those that are down will be chosen to lead the gesture, and if none are down, <code>null</code> is returned. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">pointerId</a></code> is not down when <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitVerticalTouchSlopOrCancellation</a></code> is called, then <code>null</code> is returned.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> is called after <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#touchSlop()">ViewConfiguration.touchSlop</a></code> motion in the vertical direction with the change that caused the motion beyond touch slop and the pixels beyond touch slop. <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">onTouchSlopReached</a></code> should consume the position change if it accepts the motion. If it does, then the method returns that <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>. If not, touch slop detection will continue.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitVerticalDragOrCancellation
@@ -1058,7 +1058,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">drag</h3>
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">drag</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onDrag:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Reads position change events for <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> and calls <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">onDrag</a></code> for every change in position. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).drag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> is raised, a new pointer is chosen from those that are down and if none exist, the method returns. This does not wait for touch slop.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitTouchSlopOrCancellation
@@ -1178,7 +1178,7 @@
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">horizontalDrag</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onDrag:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Reads horizontal position change events for <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> and calls <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">onDrag</a></code> for every change in position. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).horizontalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> is raised, a new pointer is chosen from those that are down and if none exist, the method returns. This does not wait for touch slop.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitHorizontalTouchSlopOrCancellation
@@ -1268,7 +1268,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">verticalDrag</h3>
         <pre class="api-signature no-pretty-print">suspend&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">verticalDrag</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;pointerId:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerId.html">PointerId</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onDrag:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a></pre>
         <p>Reads vertical position change events for <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> and calls <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">onDrag</a></code> for every change in position. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).verticalDrag(androidx.compose.ui.input.pointer.PointerId,kotlin.Function1)">pointerId</a></code> is raised, a new pointer is chosen from those that are down and if none exist, the method returns. This does not wait for touch slop</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.awaitFirstDown
 import androidx.compose.foundation.gestures.awaitVerticalTouchSlopOrCancellation
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html
index dc1be83..cc30899 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html
@@ -186,7 +186,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroid(kotlin.Boolean)">calculateCentroid</a>(useCurrent:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></pre>
         <p>Returns the centroid of all pointers that are down and were previously down. If no pointers are down, <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html#Unspecified()">Offset.Unspecified</a></code> is returned. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroid(kotlin.Boolean)">useCurrent</a></code> is <code>true</code>, the centroid of the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> is returned and if <code>false</code>, the centroid of the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> is returned. Only pointers that are down in both the previous and current state are used to calculate the centroid.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.calculateCentroid
 import androidx.compose.foundation.gestures.calculateCentroidSize
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -232,7 +232,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroidSize(kotlin.Boolean)">calculateCentroidSize</a>(useCurrent:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = true):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></pre>
         <p>Returns the average distance from the centroid for all pointers that are currently and were previously down. If no pointers are down, <code>0</code> is returned. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateCentroidSize(kotlin.Boolean)">useCurrent</a></code> is <code>true</code>, the size of the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> is returned and if <code>false</code>, the size of <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> is returned. Only pointers that are down in both the previous and current state are used to calculate the centroid size.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.calculateCentroid
 import androidx.compose.foundation.gestures.calculateCentroidSize
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -278,7 +278,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html#(androidx.compose.ui.input.pointer.PointerEvent).calculatePan()">calculatePan</a>():&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></pre>
         <p>Returns the change in the centroid location between the previous and the current pointers that are down. Pointers that are newly down or raised are not considered in the centroid movement.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.calculatePan
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -318,7 +318,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateRotation()">calculateRotation</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></pre>
         <p>Returns the rotation, in degrees, of the pointers between the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> states. Only the pointers that are down in both previous and current states are considered.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.calculateRotation
 import androidx.compose.foundation.gestures.awaitFirstDown
@@ -353,7 +353,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html">PointerEvent</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerEvent.html#(androidx.compose.ui.input.pointer.PointerEvent).calculateZoom()">calculateZoom</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></pre>
         <p>Uses the change of the centroid size between the <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#previousPosition()">PointerInputChange.previousPosition</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html#position()">PointerInputChange.position</a></code> to determine how much zoom was intended.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.calculateZoom
 import androidx.compose.foundation.gestures.awaitFirstDown
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html
index e86630b..47a2d0f 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html
@@ -348,7 +348,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragStart</a></code> called when the touch slop has been passed and includes an <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code> representing the last known pointer position relative to the containing element. The <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code> can be outside the actual bounds of the element itself meaning the numbers can be negative or larger than the element bounds if the touch target is smaller than the <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#minimumTouchTargetSize()">ViewConfiguration.minimumTouchTargetSize</a></code>.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectDragGestures
 import androidx.compose.foundation.layout.Box
@@ -425,7 +425,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGesturesAfterLongPress(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragStart</a></code> called when a long press is detected and includes an <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code> representing the last known pointer position relative to the containing element. The <code><a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a></code> can be outside the actual bounds of the element itself meaning the numbers can be negative or larger than the element bounds if the touch target is smaller than the <code><a href="/reference/kotlin/androidx/compose/ui/platform/ViewConfiguration.html#minimumTouchTargetSize()">ViewConfiguration.minimumTouchTargetSize</a></code>.</p>
         <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGesturesAfterLongPress(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectDragGesturesAfterLongPress(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture. This function will automatically consume all the position change after the long press.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectDragGesturesAfterLongPress
 import androidx.compose.foundation.layout.Box
@@ -501,7 +501,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectHorizontalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectHorizontalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture.</p>
         <p>This gesture detector will coordinate with <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectVerticalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">detectVerticalDragGestures</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitVerticalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitVerticalTouchSlopOrCancellation</a></code> to ensure only vertical or horizontal dragging is locked, but not both.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectHorizontalDragGestures
 import androidx.compose.foundation.layout.Box
@@ -568,7 +568,7 @@
         <p><code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectVerticalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragEnd</a></code> is called after all pointers are up and <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectVerticalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">onDragCancel</a></code> is called if another gesture has consumed pointer input, canceling this gesture.</p>
         <p>This gesture detector will coordinate with <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectHorizontalDragGestures(kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function2)">detectHorizontalDragGestures</a></code> and <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.AwaitPointerEventScope).awaitHorizontalTouchSlopOrCancellation(androidx.compose.ui.input.pointer.PointerId,kotlin.Function2)">awaitHorizontalTouchSlopOrCancellation</a></code> to ensure only vertical or horizontal dragging is locked, but not both.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectVerticalDragGestures
 import androidx.compose.foundation.layout.Box
@@ -655,7 +655,7 @@
         <p>A gesture detector for rotation, panning, and zoom. Once touch slop has been reached, the user can use rotation, panning and zoom gestures. <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">onGesture</a></code> will be called when any of the rotation, zoom or pan occurs, passing the rotation angle in degrees, zoom in scale factor and pan as an offset in pixels. Each of these changes is a difference between the previous call and the current gesture. This will consume all position changes after touch slop has been reached. <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">onGesture</a></code> will also provide centroid of all the pointers that are down.</p>
         <p>If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">panZoomLock</a></code> is <code>true</code>, rotation is allowed only if touch slop is detected for rotation before pan or zoom motions. If not, pan and zoom gestures will be detected, but rotation gestures will not be. If <code><a href="/reference/kotlin/androidx/compose/foundation/gestures/package-summary.html#(androidx.compose.ui.input.pointer.PointerInputScope).detectTransformGestures(kotlin.Boolean,kotlin.Function4)">panZoomLock</a></code> is <code>false</code>, once touch slop is reached, all three gestures are detected.</p>
         <p>Example Usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectTransformGestures
 import androidx.compose.foundation.layout.Box
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html
index 9b13a4a..fbecebb 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html
@@ -720,7 +720,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).pointerHoverIcon(androidx.compose.ui.input.pointer.PointerIcon,kotlin.Boolean)">pointerHoverIcon</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerHoverIcon(androidx.compose.ui.input.pointer.PointerIcon,kotlin.Boolean)">pointerHoverIcon</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;icon:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerIcon.html">PointerIcon</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;overrideDescendants:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a> = false<br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Creates modifier which specifies desired pointer icon when the cursor is over the modified element.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.text.selection.SelectionContainer
 import androidx.compose.material.Text
@@ -773,7 +773,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">pointerInput</a></code>s may call <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html#awaitPointerEventScope(kotlin.coroutines.SuspendFunction1)">PointerInputScope.awaitPointerEventScope</a></code> to install a pointer input handler that can <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#awaitPointerEvent(androidx.compose.ui.input.pointer.PointerEventPass)">AwaitPointerEventScope.awaitPointerEvent</a></code> to receive and consume pointer input events. Extension functions on <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html">PointerInputScope</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a></code> may be defined to perform higher-level gesture detection. The pointer input handling <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> will be cancelled and <b>re-started</b> when <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> is recomposed with a different <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key1</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key2</a></code>.</p>
       <p>When a <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> modifier is created by composition, if <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> captures any local variables to operate on, two patterns are common for working with changes to those variables depending on the desired behavior.</p>
       <p>Specifying the captured value as a <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">key</a></code> parameter will cause <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> to cancel and restart from the beginning if the value changes:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -794,7 +794,7 @@
     )
 }</pre>
       <p>If <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> should <b>not</b> restart when a captured value is changed but the value should still be updated for its next use, use <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> to update a value holder that is accessed by <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -827,7 +827,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">pointerInput</a></code>s may call <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html#awaitPointerEventScope(kotlin.coroutines.SuspendFunction1)">PointerInputScope.awaitPointerEventScope</a></code> to install a pointer input handler that can <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#awaitPointerEvent(androidx.compose.ui.input.pointer.PointerEventPass)">AwaitPointerEventScope.awaitPointerEvent</a></code> to receive and consume pointer input events. Extension functions on <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html">PointerInputScope</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a></code> may be defined to perform higher-level gesture detection. The pointer input handling <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> will be cancelled and <b>re-started</b> when <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> is recomposed with a different <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">key1</a></code>.</p>
       <p>When a <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> modifier is created by composition, if <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> captures any local variables to operate on, two patterns are common for working with changes to those variables depending on the desired behavior.</p>
       <p>Specifying the captured value as a <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">key</a></code> parameter will cause <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> to cancel and restart from the beginning if the value changes:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -848,7 +848,7 @@
     )
 }</pre>
       <p>If <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code> should <b>not</b> restart when a captured value is changed but the value should still be updated for its next use, use <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> to update a value holder that is accessed by <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Any,kotlin.coroutines.SuspendFunction1)">block</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -881,7 +881,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">pointerInput</a></code>s may call <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html#awaitPointerEventScope(kotlin.coroutines.SuspendFunction1)">PointerInputScope.awaitPointerEventScope</a></code> to install a pointer input handler that can <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html#awaitPointerEvent(androidx.compose.ui.input.pointer.PointerEventPass)">AwaitPointerEventScope.awaitPointerEvent</a></code> to receive and consume pointer input events. Extension functions on <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputScope.html">PointerInputScope</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/AwaitPointerEventScope.html">AwaitPointerEventScope</a></code> may be defined to perform higher-level gesture detection. The pointer input handling <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code> will be cancelled and <b>re-started</b> when <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> is recomposed with any different <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">keys</a></code>.</p>
       <p>When a <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.coroutines.SuspendFunction1)">pointerInput</a></code> modifier is created by composition, if <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code> captures any local variables to operate on, two patterns are common for working with changes to those variables depending on the desired behavior.</p>
       <p>Specifying the captured value as a <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">key</a></code> parameter will cause <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code> to cancel and restart from the beginning if the value changes:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -902,7 +902,7 @@
     )
 }</pre>
       <p>If <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code> should <b>not</b> restart when a captured value is changed but the value should still be updated for its next use, use <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#rememberUpdatedState(kotlin.Any)">rememberUpdatedState</a></code> to update a value holder that is accessed by <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/package-summary.html#(androidx.compose.ui.Modifier).pointerInput(kotlin.Array,kotlin.coroutines.SuspendFunction1)">block</a></code>:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/rotary/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/rotary/package-summary.html
index 5c28dee..3a2a534 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/rotary/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/input/rotary/package-summary.html
@@ -70,7 +70,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).onPreRotaryScrollEvent(kotlin.Function1)">onPreRotaryScrollEvent</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/input/rotary/package-summary.html#(androidx.compose.ui.Modifier).onPreRotaryScrollEvent(kotlin.Function1)">onPreRotaryScrollEvent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;onPreRotaryScrollEvent:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Adding this <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept <code><a href="/reference/kotlin/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a></code>s if it (or one of its children) is focused.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.horizontalScroll
@@ -226,7 +226,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).onRotaryScrollEvent(kotlin.Function1)">onRotaryScrollEvent</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/input/rotary/package-summary.html#(androidx.compose.ui.Modifier).onRotaryScrollEvent(kotlin.Function1)">onRotaryScrollEvent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;onRotaryScrollEvent:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html">Boolean</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Adding this <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> to the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">modifier</a></code> parameter of a component will allow it to intercept <code><a href="/reference/kotlin/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a></code>s if it (or one of its children) is focused.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -270,7 +270,7 @@
     focusRequester.requestFocus()
 }</pre>
       <p>This sample demonstrates how a parent can add an <code><a href="/reference/kotlin/androidx/compose/ui/input/rotary/package-summary.html#(androidx.compose.ui.Modifier).onRotaryScrollEvent(kotlin.Function1)">onRotaryScrollEvent</a></code> modifier to gain access to a <code><a href="/reference/kotlin/androidx/compose/ui/input/rotary/RotaryScrollEvent.html">RotaryScrollEvent</a></code> when a child does not consume it:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.focusable
 import androidx.compose.foundation.gestures.scrollBy
 import androidx.compose.foundation.horizontalScroll
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html
index 785d370..803bb76 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html
@@ -45,7 +45,7 @@
     <p>When a layout provides a value for a particular <code><a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code>, this can be read by the parents of the layout after measuring, using the <code><a href="/reference/kotlin/androidx/compose/ui/layout/Placeable.html#get(androidx.compose.ui.layout.AlignmentLine)">Placeable.get</a></code> operator on the corresponding <code><a href="/reference/kotlin/androidx/compose/ui/layout/Placeable.html">Placeable</a></code> instance. Based on the position of the <code><a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code>, the parents can then decide the positioning of the children.</p>
     <p>Note that when a layout provides a value for an <code><a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code>, this will be automatically inherited by the layout's parent, which will offset the value by the position of the child within itself. This way, nested layout hierarchies are able to preserve the <code><a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code>s defined for deeply nested children, making it possible for non-direct parents to use these for positioning and alignment. When a layout inherits multiple values for the same <code><a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code> from different children, the position of the line within the layout will be computed by merging the children values using the provided <code><a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html#merger()">merger</a></code>. If a layout provides a value for an <code><a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code>, this will always be the position of the line, regardless of the values provided by children for the same line.</p>
     <p><code><a href="/reference/kotlin/androidx/compose/ui/layout/AlignmentLine.html">AlignmentLine</a></code>s cannot be created directly, please create <code><a href="/reference/kotlin/androidx/compose/ui/layout/VerticalAlignmentLine.html">VerticalAlignmentLine</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/layout/HorizontalAlignmentLine.html">HorizontalAlignmentLine</a></code> instances instead.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.runtime.remember
 import androidx.compose.ui.layout.HorizontalAlignmentLine
 import androidx.compose.ui.layout.Layout
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html
index 771805d..6032e39 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Element.html">Modifier.Element</a></code> that changes how its wrapped content is measured and laid out. It has the same measurement and layout functionality as the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">androidx.compose.ui.layout.Layout</a></code> component, while wrapping exactly one layout due to it being a modifier. In contrast, the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">androidx.compose.ui.layout.Layout</a></code> component is used to define the layout behavior of multiple children.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html
index e8448c5..2c6a776 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p><code><a href="/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html">LookaheadLayoutScope</a></code> provides a receiver scope for all (direct and indirect) child layouts in <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#LookaheadLayout(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">LookaheadLayout</a></code>. In <code><a href="/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html">LookaheadLayoutScope</a></code>, the measurement and placement of any layout calculated in the lookahead pass can be observed via <code><a href="/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">Modifier.intermediateLayout</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).onPlaced(kotlin.Function2)">Modifier.onPlaced</a></code> respectively.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
@@ -186,7 +186,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">intermediateLayout</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">intermediateLayout</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;measure:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/MeasureScope.html">MeasureScope</a>.(measurable:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/Measurable.html">Measurable</a>, constraints:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/Constraints.html">Constraints</a>, lookaheadSize:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/IntSize.html">IntSize</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="/reference/kotlin/androidx/compose/ui/layout/MeasureResult.html">MeasureResult</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
         <p>Creates an intermediate layout based on target size of the child layout calculated in the lookahead. This allows the intermediate layout to morph the child layout after lookahead through <code><a href="/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">measure</a></code>, in which the size of the child layout calculated from the lookahead is provided. <code><a href="/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">intermediateLayout</a></code> does <em>not</em> participate in the lookahead. It is only invoked for retroactively changing the layout based on the lookahead before the layout is drawn.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/Measurable.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/Measurable.html
index 3848654..be67965 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/Measurable.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/Measurable.html
@@ -159,7 +159,7 @@
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/Measurable.html">Measurable</a>.<a href="/reference/kotlin/androidx/compose/ui/layout/Measurable.html#(androidx.compose.ui.layout.Measurable).layoutId()">layoutId</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?</pre>
         <p>Retrieves the tag associated to a composable with the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">Modifier.layoutId</a></code> modifier. For a parent data value to be returned by this property when not using the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">Modifier.layoutId</a></code> modifier, the parent data value should implement the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutIdParentData.html">LayoutIdParentData</a></code> interface.</p>
         <p>Example usage:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/OnGloballyPositionedModifier.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/OnGloballyPositionedModifier.html
index 9e09243..082f14f 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/OnGloballyPositionedModifier.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/OnGloballyPositionedModifier.html
@@ -15,7 +15,7 @@
     <hr>
     <p>A modifier whose <code><a href="/reference/kotlin/androidx/compose/ui/layout/OnGloballyPositionedModifier.html#onGloballyPositioned(androidx.compose.ui.layout.LayoutCoordinates)">onGloballyPositioned</a></code> is called with the final LayoutCoordinates of the Layout when the global position of the content may have changed. Note that it will be called after a composition when the coordinates are finalized.</p>
     <p>Usage example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/OnPlacedModifier.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/OnPlacedModifier.html
index b62452d..c915b81 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/OnPlacedModifier.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/OnPlacedModifier.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>A modifier whose <code><a href="/reference/kotlin/androidx/compose/ui/layout/OnPlacedModifier.html#onPlaced(androidx.compose.ui.layout.LayoutCoordinates)">onPlaced</a></code> is called after the parent <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> and parent layout has been placed and before child <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> is placed. This allows child <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> to adjust its own placement based on where the parent is.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/OnRemeasuredModifier.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/OnRemeasuredModifier.html
index 592a1c2..6fa5c4d 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/OnRemeasuredModifier.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/OnRemeasuredModifier.html
@@ -15,7 +15,7 @@
     <hr>
     <p>A modifier whose <code><a href="/reference/kotlin/androidx/compose/ui/layout/OnRemeasuredModifier.html#onRemeasured(androidx.compose.ui.unit.IntSize)">onRemeasured</a></code> is called when the layout content is remeasured. The most common usage is <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).onSizeChanged(kotlin.Function1)">onSizeChanged</a></code>.</p>
     <p>Example usage:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.layout.onSizeChanged
 
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/Placeable.PlacementScope.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/Placeable.PlacementScope.html
index 289cfec..9337edc 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/Placeable.PlacementScope.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/Placeable.PlacementScope.html
@@ -407,7 +407,7 @@
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>open&nbsp;val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/Placeable.PlacementScope.html#coordinates()">coordinates</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a>?</pre>
         <p>The <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> of this layout, if known or <code>null</code> if the layout hasn't been placed yet. <code><a href="/reference/kotlin/androidx/compose/ui/layout/Placeable.PlacementScope.html#coordinates()">coordinates</a></code> will be <code>null</code> when determining alignment lines, preventing alignment lines from depending on absolute coordinates.</p>
         <p>When <code><a href="/reference/kotlin/androidx/compose/ui/layout/Placeable.PlacementScope.html#coordinates()">coordinates</a></code> is <code>null</code>, there will always be a follow-up placement call in which <code><a href="/reference/kotlin/androidx/compose/ui/layout/Placeable.PlacementScope.html#coordinates()">coordinates</a></code> is not-<code>null</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.unit.IntOffset
 import androidx.compose.ui.unit.round
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/package-summary.html
index 6995ba0..be5d9f5 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/layout/package-summary.html
@@ -577,7 +577,7 @@
       <p>The measurement, layout and intrinsic measurement behaviours of this layout will be defined by the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">measurePolicy</a></code> instance. See <code><a href="/reference/kotlin/androidx/compose/ui/layout/MeasurePolicy.html">MeasurePolicy</a></code> for more details.</p>
       <p>For a composable able to define its content according to the incoming constraints, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#BoxWithConstraints(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">androidx.compose.foundation.layout.BoxWithConstraints</a></code>.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
 import androidx.compose.ui.unit.Constraints
@@ -615,7 +615,7 @@
     }
 }</pre>
       <p>Example usage with custom intrinsic measurements:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
 import androidx.compose.ui.unit.Constraints
@@ -744,7 +744,7 @@
       <p>The measurement, layout and intrinsic measurement behaviours of this layout will be defined by the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">measurePolicy</a></code> instance. See <code><a href="/reference/kotlin/androidx/compose/ui/layout/MeasurePolicy.html">MeasurePolicy</a></code> for more details.</p>
       <p>For a composable able to define its content according to the incoming constraints, see <code><a href="/reference/kotlin/androidx/compose/foundation/layout/package-summary.html#BoxWithConstraints(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)">androidx.compose.foundation.layout.BoxWithConstraints</a></code>.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
 import androidx.compose.ui.unit.Constraints
@@ -782,7 +782,7 @@
     }
 }</pre>
       <p>Example usage with custom intrinsic measurements:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
 import androidx.compose.ui.unit.Constraints
@@ -917,7 +917,7 @@
       <p>This overload accepts a list of multiple composable content lambdas, which allows treating measurables put into different content lambdas differently - measure policy will provide a list of lists of Measurables, not just a single list. Such list has the same size as the list of contents passed into <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> and contains the list of measurables of the corresponding content lambda in the same order.</p>
       <p>Note that layouts emitted as part of all <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.collections.List,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MultiContentMeasurePolicy)">contents</a></code> lambdas will be added as a direct children for this <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code>. This means that if you set a custom z index on some children, the drawing order will be calculated as if they were all provided as part of one lambda.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
 
@@ -1007,7 +1007,7 @@
       <p>During the lookahead pass, the layout adjustment logic defined in <code><a href="/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">LookaheadLayoutScope.intermediateLayout</a></code> will be skipped, so that any transient morphing of the layout is not taken into account when predetermining the target layout.</p>
       <p>Once the lookahead is finished, another measure & layout pass will begin. <code><a href="/reference/kotlin/androidx/compose/ui/layout/LookaheadLayoutScope.html#(androidx.compose.ui.Modifier).intermediateLayout(kotlin.Function4)">LookaheadLayoutScope.intermediateLayout</a></code> can be used to create an intermediate layout based on incoming constraints and the lookahead results. This can result in layouts that gradually change their sizes & positions towards the target layout calculated by the lookahead.</p>
       <p><em>Caveat:</em> <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#SubcomposeLayout(androidx.compose.ui.Modifier,kotlin.Function2)">SubcomposeLayout</a></code> is not yet supported in <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#LookaheadLayout(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">LookaheadLayout</a></code>. It will be supported in an upcoming release.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
@@ -1167,7 +1167,7 @@
           <p>You want to compose your items lazily based on the available size. For example you have a list of 100 items and instead of composing all of them you only compose the ones which are currently visible(say 5 of them) and compose next items when the component is scrolled.</p>
         </li>
       </ul>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.SubcomposeLayout
 import androidx.compose.ui.unit.IntSize
 
@@ -1235,7 +1235,7 @@
           <p>You want to compose your items lazily based on the available size. For example you have a list of 100 items and instead of composing all of them you only compose the ones which are currently visible(say 5 of them) and compose next items when the component is scrolled.</p>
         </li>
       </ul>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.SubcomposeLayout
 import androidx.compose.ui.unit.IntSize
 
@@ -1359,7 +1359,7 @@
       <p>Creates a <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> that allows changing how the wrapped element is measured and laid out.</p>
       <p>This is a convenience API of creating a custom <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> modifier, without having to create a class or an object that implements the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> interface. The intrinsic measurements follow the default logic provided by the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code>.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -1404,7 +1404,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">layoutId</a>(layoutId:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Tag the element with <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">layoutId</a></code> to identify the element within its parent.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
@@ -1437,7 +1437,7 @@
       <p>Invoke <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).onGloballyPositioned(kotlin.Function1)">onGloballyPositioned</a></code> with the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> of the element when the global position of the content may have changed. Note that it will be called <b>after</b> a composition when the coordinates are finalized.</p>
       <p>This callback will be invoked at least once when the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> are available, and every time the element's position changes within the window. However, it is not guaranteed to be invoked every time the position <em>relative to the screen</em> of the modified element changes. For example, the system may move the contents inside a window around without firing a callback. If you are using the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a></code> to calculate position on the screen, and not just inside the window, you may not receive a callback.</p>
       <p>Usage example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -1468,7 +1468,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).onPlaced(kotlin.Function1)">onPlaced</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).onPlaced(kotlin.Function1)">onPlaced</a>(onPlaced:&nbsp;(<a href="/reference/kotlin/androidx/compose/ui/layout/LayoutCoordinates.html">LayoutCoordinates</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Invoke <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).onPlaced(kotlin.Function1)">onPlaced</a></code> after the parent <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> and parent layout has been placed and before child <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> is placed. This allows child <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">LayoutModifier</a></code> to adjust its own placement based on where the parent is.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
@@ -1538,7 +1538,7 @@
       <p>Using the <code>onSizeChanged</code> size value in a <code><a href="/reference/kotlin/androidx/compose/runtime/MutableState.html">MutableState</a></code> to update layout causes the new size value to be read and the layout to be recomposed in the succeeding frame, resulting in a one frame lag.</p>
       <p>You can use <code>onSizeChanged</code> to affect drawing operations. Use <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">Layout</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#SubcomposeLayout(androidx.compose.ui.Modifier,kotlin.Function2)">SubcomposeLayout</a></code> to enable the size of one component to affect the size of another.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.layout.onSizeChanged
 
@@ -1647,7 +1647,7 @@
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/layout/Measurable.html">Measurable</a>.<a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.layout.Measurable).layoutId()">layoutId</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?</pre>
       <p>Retrieves the tag associated to a composable with the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">Modifier.layoutId</a></code> modifier. For a parent data value to be returned by this property when not using the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#(androidx.compose.ui.Modifier).layoutId(kotlin.Any)">Modifier.layoutId</a></code> modifier, the parent data value should implement the <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutIdParentData.html">LayoutIdParentData</a></code> interface.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.ui.layout.Layout
 import androidx.compose.ui.layout.layout
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/modifier/ModifierLocalNode.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/modifier/ModifierLocalNode.html
index a49970d..595d05c 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/modifier/ModifierLocalNode.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/modifier/ModifierLocalNode.html
@@ -37,7 +37,7 @@
     <hr>
     <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> that is capable of consuming and providing <code><a href="/reference/kotlin/androidx/compose/ui/modifier/ModifierLocal.html">ModifierLocal</a></code> values.</p>
     <p>This is the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> equivalent of the <code><a href="/reference/kotlin/androidx/compose/ui/modifier/ModifierLocalConsumer.html">ModifierLocalConsumer</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/modifier/ModifierLocalProvider.html">ModifierLocalProvider</a></code> interfaces.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.modifier.modifierLocalMapOf
 import androidx.compose.ui.modifier.modifierLocalOf
 import androidx.compose.ui.node.modifierElementOf
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/modifier/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/modifier/package-summary.html
index 5c8d553..5c4bd05 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/modifier/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/modifier/package-summary.html
@@ -178,7 +178,7 @@
       <h3 class="api-name" id="modifierLocalOf(kotlin.Function0)">modifierLocalOf</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?&gt; <a href="/reference/kotlin/androidx/compose/ui/modifier/package-summary.html#modifierLocalOf(kotlin.Function0)">modifierLocalOf</a>(defaultFactory:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> T):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/modifier/ProvidableModifierLocal.html">ProvidableModifierLocal</a>&lt;T&gt;</pre>
       <p>Creates a <code><a href="/reference/kotlin/androidx/compose/ui/modifier/ProvidableModifierLocal.html">ProvidableModifierLocal</a></code> and specifies a default factory.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -205,7 +205,7 @@
 
 )</pre>
       <p>Sample 2: Modifier sending a message to another to its left.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -241,7 +241,7 @@
 )</pre>
       <p>Here are examples where a modifier can communicate with another across layout nodes:</p>
       <p>Sample 1: Modifier sending a message to a modifier on a child layout node.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
@@ -266,7 +266,7 @@
     )
 }</pre>
       <p>Sample 2: Modifier sending a message to a modifier on a parent layout node.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.runtime.mutableStateOf
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/DelegatingNode.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/DelegatingNode.html
index 5cb045f..c72c043 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/DelegatingNode.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/DelegatingNode.html
@@ -33,7 +33,7 @@
     <hr>
     <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> which is able to delegate work to other <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> instances.</p>
     <p>This can be useful to compose multiple node implementations into one.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.semantics.SemanticsConfiguration
 import androidx.compose.ui.semantics.onClick
 
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/DrawModifierNode.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/DrawModifierNode.html
index cafc652..47a875f 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/DrawModifierNode.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/DrawModifierNode.html
@@ -15,7 +15,7 @@
     <hr>
     <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> that draws into the space of the layout.</p>
     <p>This is the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> equivalent of <code><a href="/reference/kotlin/androidx/compose/ui/draw/DrawModifier.html">androidx.compose.ui.draw.DrawModifier</a></code></p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.ui.node.modifierElementOf
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/GlobalPositionAwareModifierNode.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/GlobalPositionAwareModifierNode.html
index 319e888..05d726b 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/GlobalPositionAwareModifierNode.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/GlobalPositionAwareModifierNode.html
@@ -16,7 +16,7 @@
     <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> whose <code><a href="/reference/kotlin/androidx/compose/ui/node/GlobalPositionAwareModifierNode.html#onGloballyPositioned(androidx.compose.ui.layout.LayoutCoordinates)">onGloballyPositioned</a></code> is called with the final LayoutCoordinates of the Layout when the global position of the content may have changed. Note that it will be called after a composition when the coordinates are finalized.</p>
     <p>This is the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> equivalent of <code><a href="/reference/kotlin/androidx/compose/ui/layout/OnGloballyPositionedModifier.html">androidx.compose.ui.layout.OnGloballyPositionedModifier</a></code></p>
     <p>Usage example:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -42,7 +42,7 @@
     Box(Modifier.size(20.dp).background(Color.Green))
     Box(Modifier.size(20.dp).background(Color.Blue))
 }</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.positionInRoot
 import androidx.compose.ui.layout.positionInWindow
 import androidx.compose.ui.node.modifierElementOf
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/LayoutAwareModifierNode.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/LayoutAwareModifierNode.html
index 2640bc7..db38562 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/LayoutAwareModifierNode.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/LayoutAwareModifierNode.html
@@ -16,7 +16,7 @@
     <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> which receives various callbacks in response to local changes in layout.</p>
     <p>This is the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> equivalent of <code><a href="/reference/kotlin/androidx/compose/ui/layout/OnRemeasuredModifier.html">androidx.compose.ui.layout.OnRemeasuredModifier</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/layout/OnPlacedModifier.html">androidx.compose.ui.layout.OnPlacedModifier</a></code></p>
     <p>Example usage:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.layout.onSizeChanged
 
@@ -28,7 +28,7 @@
         println(&quot;The size of the Text in pixels is $size&quot;)
     }
 )</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.core.Animatable
 import androidx.compose.animation.core.spring
 import androidx.compose.foundation.background
@@ -83,7 +83,7 @@
         )
     }
 }</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 
 class SizeLoggerNode(var id: String) : LayoutAwareModifierNode, Modifier.Node() {
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/LayoutModifierNode.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/LayoutModifierNode.html
index 6569ddc..158f283 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/LayoutModifierNode.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/LayoutModifierNode.html
@@ -37,7 +37,7 @@
     <hr>
     <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> that changes how its wrapped content is measured and laid out. It has the same measurement and layout functionality as the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">androidx.compose.ui.layout.Layout</a></code> component, while wrapping exactly one layout due to it being a modifier. In contrast, the <code><a href="/reference/kotlin/androidx/compose/ui/layout/package-summary.html#Layout(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MeasurePolicy)">androidx.compose.ui.layout.Layout</a></code> component is used to define the layout behavior of multiple children.</p>
     <p>This is the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> equivalent of <code><a href="/reference/kotlin/androidx/compose/ui/layout/LayoutModifier.html">androidx.compose.ui.layout.LayoutModifier</a></code></p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/PointerInputModifierNode.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/PointerInputModifierNode.html
index 0bd026d..bddb5dc 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/PointerInputModifierNode.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/PointerInputModifierNode.html
@@ -15,7 +15,7 @@
     <hr>
     <p>A <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> that receives <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputChange.html">PointerInputChange</a></code>s, interprets them, and consumes the aspects of the changes that it is react to such that other <code><a href="/reference/kotlin/androidx/compose/ui/node/PointerInputModifierNode.html">PointerInputModifierNode</a></code>s don't also react to them.</p>
     <p>This is the <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">androidx.compose.ui.Modifier.Node</a></code> equivalent of <code><a href="/reference/kotlin/androidx/compose/ui/input/pointer/PointerInputModifier.html">androidx.compose.ui.input.pointer.PointerInputModifier</a></code></p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 
 class OnPointerEventNode(var callback: (PointerEvent) -&gt; Unit) :
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/package-summary.html
index 885244d..c945d2c 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/node/package-summary.html
@@ -229,7 +229,7 @@
       <h3 class="api-name" id="modifierElementOf(kotlin.Any,kotlin.Function0,kotlin.Function1,kotlin.Function1)">modifierElementOf</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>inline&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a>&gt; <a href="/reference/kotlin/androidx/compose/ui/node/package-summary.html#modifierElementOf(kotlin.Any,kotlin.Function0,kotlin.Function1,kotlin.Function1)">modifierElementOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;key:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>?,<br>&nbsp;&nbsp;&nbsp;&nbsp;crossinline&nbsp;create:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> T,<br>&nbsp;&nbsp;&nbsp;&nbsp;crossinline&nbsp;update:&nbsp;(T) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;crossinline&nbsp;definitions:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>A helpful API for constructing a <code><a href="/reference/kotlin/androidx/compose/ui/node/ModifierNodeElement.html">ModifierNodeElement</a></code> corresponding to a particular <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> implementation.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 
 class Circle(var color: Color) : DrawModifierNode, Modifier.Node() {
@@ -246,7 +246,7 @@
         properties[&quot;color&quot;] = color
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
@@ -278,7 +278,7 @@
 Box(Modifier.background(Color.Gray).verticalPadding(50.dp)) {
     Box(Modifier.fillMaxSize().background(Color.DarkGray))
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.ui.node.modifierElementOf
@@ -298,7 +298,7 @@
     }
 )
 Box(Modifier.fillMaxSize().circle(Color.Blue))</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.layout.positionInRoot
 import androidx.compose.ui.layout.positionInWindow
 import androidx.compose.ui.node.modifierElementOf
@@ -327,7 +327,7 @@
         properties[&quot;id&quot;] = id
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 
 class SizeLoggerNode(var id: String) : LayoutAwareModifierNode, Modifier.Node() {
@@ -345,7 +345,7 @@
         properties[&quot;id&quot;] = id
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 
 class OnPointerEventNode(var callback: (PointerEvent) -&gt; Unit) :
@@ -441,7 +441,7 @@
       <h3 class="api-name" id="modifierElementOf(kotlin.Function0,kotlin.Function1)">modifierElementOf</h3>
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/ExperimentalComposeUiApi.html">ExperimentalComposeUiApi</a><br>inline&nbsp;fun&nbsp;&lt;T&nbsp;:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a>&gt; <a href="/reference/kotlin/androidx/compose/ui/node/package-summary.html#modifierElementOf(kotlin.Function0,kotlin.Function1)">modifierElementOf</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;crossinline&nbsp;create:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> T,<br>&nbsp;&nbsp;&nbsp;&nbsp;crossinline&nbsp;definitions:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>A helpful API for constructing a <code><a href="/reference/kotlin/androidx/compose/ui/node/ModifierNodeElement.html">ModifierNodeElement</a></code> corresponding to a particular <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.Node.html">Modifier.Node</a></code> implementation. This overload is expected to be used for parameter-less Modifier factories. For Modifier factories with parameters, consider using the overload of this method which accepts a &quot;params&quot; and &quot;update&quot; parameter.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 
 class Circle(var color: Color) : DrawModifierNode, Modifier.Node() {
@@ -458,7 +458,7 @@
         properties[&quot;color&quot;] = color
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.node.modifierElementOf
 import androidx.compose.ui.semantics.SemanticsConfiguration
 import androidx.compose.ui.semantics.heading
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/package-summary.html
index fdafe08..3e6ad58 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/package-summary.html
@@ -227,7 +227,7 @@
       <p>Declare a just-in-time composition of a <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that will be composed for each element it modifies. <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> may be used to implement <b>stateful modifiers</b> that have instance-specific state for each modified element, allowing the same <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> instance to be safely reused for multiple elements while maintaining element-specific state.</p>
       <p>If <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -246,7 +246,7 @@
         Modifier
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -276,7 +276,7 @@
       <p>When keys are provided, <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
       <p>If <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -295,7 +295,7 @@
         Modifier
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -325,7 +325,7 @@
       <p>When keys are provided, <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
       <p>If <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Any,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -344,7 +344,7 @@
         Modifier
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -374,7 +374,7 @@
       <p>When keys are provided, <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
       <p>If <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Any,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -393,7 +393,7 @@
         Modifier
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -423,7 +423,7 @@
       <p>When keys are provided, <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.Function1,kotlin.Function1)">composed</a></code> produces a <code><a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></code> that will compare <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">equals</a></code> to another modifier constructed with the same keys in order to take advantage of caching and skipping optimizations. <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)">fullyQualifiedName</a></code> should be the fully-qualified <code>import</code> name for your modifier factory function, e.g. <code>com.example.myapp.ui.fancyPadding</code>.</p>
       <p>If <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).composed(kotlin.String,kotlin.Array,kotlin.Function1,kotlin.Function1)">inspectorInfo</a></code> is specified this modifier will be visible to tools during development. Specify the name and arguments of the original modifier.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -442,7 +442,7 @@
         Modifier
     }
 )</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.composed
 import androidx.compose.ui.platform.debugInspectorInfo
 
@@ -475,7 +475,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a>(zIndex:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Creates a modifier that controls the drawing order for the children of the same layout parent. A child with larger <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> will be drawn on top of all the children with smaller <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code>. When children have the same <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> the original order in which the parent placed the children is used.</p>
       <p>Note that if there would be multiple <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> modifiers applied for the same layout the sum of their values will be used as the final zIndex. If no <code><a href="/reference/kotlin/androidx/compose/ui/package-summary.html#(androidx.compose.ui.Modifier).zIndex(kotlin.Float)">zIndex</a></code> were applied for the layout then the default zIndex is 0.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.material.Text
 import androidx.compose.ui.zIndex
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/platform/SoftwareKeyboardController.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/platform/SoftwareKeyboardController.html
index 31f7e17..b64fd5c 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/platform/SoftwareKeyboardController.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/platform/SoftwareKeyboardController.html
@@ -65,7 +65,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/platform/SoftwareKeyboardController.html#hide()">hide</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Hide the software keyboard.</p>
         <p>This request is best effort, if the system cannot hide the software keyboard this call will silently be ignored.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -143,7 +143,7 @@
         <p>Request that the system show a software keyboard.</p>
         <p>This request is best effort. If the system can currently show a software keyboard, it will be shown. However, there is no guarantee that the system will be able to show a software keyboard. If the system cannot show a software keyboard currently, this call will be silently ignored.</p>
         <p>The software keyboard will never show if there is no composable that will accept text input, such as a <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)">TextField</a></code> when it is focused. You may find it useful to ensure focus when calling this function.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/platform/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/platform/package-summary.html
index 98b673c..2718ed4 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/platform/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/platform/package-summary.html
@@ -498,7 +498,7 @@
       <pre class="api-signature no-pretty-print">inline&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/platform/package-summary.html#debugInspectorInfo(kotlin.Function1)">debugInspectorInfo</a>(crossinline&nbsp;definitions:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Use this to specify modifier information for compose tooling.</p>
       <p>This factory method allows the specified information to be stripped out by ProGuard in release builds.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.platform.debugInspectorInfo
@@ -534,7 +534,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/platform/package-summary.html#rememberNestedScrollInteropConnection(android.view.View)">rememberNestedScrollInteropConnection</a>(hostView:&nbsp;<a href="https://developer.android.com/reference/android/view/View.html">View</a> = LocalView.current):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a></pre>
       <p>Create and <code><a href="/reference/kotlin/androidx/compose/runtime/package-summary.html#remember(kotlin.Function0)">remember</a></code> the <code><a href="/reference/kotlin/androidx/compose/ui/input/nestedscroll/NestedScrollConnection.html">NestedScrollConnection</a></code> that enables Nested Scroll Interop between a View parent that implements <code><a href="/reference/kotlin/androidx/core/view/NestedScrollingParent3.html">androidx.core.view.NestedScrollingParent3</a></code> and a Compose child. This should be used in conjunction with a <code><a href="/reference/kotlin/androidx/compose/ui/input/nestedscroll/package-summary.html#(androidx.compose.ui.Modifier).nestedScroll(androidx.compose.ui.input.nestedscroll.NestedScrollConnection,androidx.compose.ui.input.nestedscroll.NestedScrollDispatcher)">androidx.compose.ui.input.nestedscroll.nestedScroll</a></code> modifier. Nested Scroll is enabled by default on the compose side and you can use this connection to enable both nested scroll on the view side and to add glue logic between View and compose.</p>
       <p>Note that this only covers the use case where a cooperating parent is used. A cooperating parent is one that implements NestedScrollingParent3, a key layout that does that is <code><a href="/reference/kotlin/androidx/coordinatorlayout/widget/CoordinatorLayout.html">androidx.coordinatorlayout.widget.CoordinatorLayout</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -604,7 +604,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.Modifier).inspectable(kotlin.Function1,kotlin.Function1)">inspectable</h3>
       <pre class="api-signature no-pretty-print">inline&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.<a href="/reference/kotlin/androidx/compose/ui/platform/package-summary.html#(androidx.compose.ui.Modifier).inspectable(kotlin.Function1,kotlin.Function1)">inspectable</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;noinline&nbsp;inspectorInfo:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;factory:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a><br>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/Modifier.html">Modifier</a></pre>
       <p>Use this to group a common set of modifiers and provide <code><a href="/reference/kotlin/androidx/compose/ui/platform/InspectorInfo.html">InspectorInfo</a></code> for the resulting modifier.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.ui.platform.debugInspectorInfo
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/res/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/res/package-summary.html
index bee5235..6bb7a16 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/res/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/res/package-summary.html
@@ -428,7 +428,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/res/package-summary.html#painterResource(kotlin.Int)">painterResource</a>(id:&nbsp;@<a href="/reference/kotlin/androidx/annotation/DrawableRes.html">DrawableRes</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/painter/Painter.html">Painter</a></pre>
       <p>Create a <code><a href="/reference/kotlin/androidx/compose/ui/graphics/painter/Painter.html">Painter</a></code> from an Android resource id. This can load either an instance of <code><a href="/reference/kotlin/androidx/compose/ui/graphics/painter/BitmapPainter.html">BitmapPainter</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/graphics/vector/VectorPainter.html">VectorPainter</a></code> for <code><a href="/reference/kotlin/androidx/compose/ui/graphics/ImageBitmap.html">ImageBitmap</a></code> based assets or vector based assets respectively. The resources with the given id must point to either fully rasterized images (ex. PNG or JPG files) or VectorDrawable xml assets. API based xml Drawables are not supported here.</p>
       <p>Example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.requiredSize
 import androidx.compose.ui.res.painterResource
@@ -443,7 +443,7 @@
 )</pre>
       <p>Alternative Drawable implementations can be used with compose by calling <code><a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/package-summary.html#(androidx.compose.ui.graphics.drawscope.DrawScope).drawIntoCanvas(kotlin.Function1)">drawIntoCanvas</a></code> and drawing with the Android framework canvas provided through <code><a href="/reference/kotlin/androidx/compose/ui/graphics/package-summary.html#(androidx.compose.ui.graphics.Canvas).nativeCanvas()">nativeCanvas</a></code></p>
       <p>Example:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.requiredSize
 import androidx.compose.ui.draw.drawBehind
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html
index 06c3181..ca12c37 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Builder class for AnnotatedString. Enables construction of an <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a></code> using methods such as <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#append(kotlin.String)">append</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#addStyle(androidx.compose.ui.text.SpanStyle,kotlin.Int,kotlin.Int)">addStyle</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
@@ -34,7 +34,7 @@
     toAnnotatedString()
 }</pre>
     <p>This class implements <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/-appendable/index.html">Appendable</a></code> and can be used with other APIs that don't know about <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a></code>s:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 val words = listOf(&quot;Hello&quot;, &quot;World&quot;)
@@ -347,7 +347,7 @@
         <h3 class="api-name" id="addStringAnnotation(kotlin.String,kotlin.String,kotlin.Int,kotlin.Int)">addStringAnnotation</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#addStringAnnotation(kotlin.String,kotlin.String,kotlin.Int,kotlin.Int)">addStringAnnotation</a>(tag:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>,&nbsp;annotation:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>,&nbsp;start:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>,&nbsp;end:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Set an Annotation for the given <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">range</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 buildAnnotatedString {
@@ -499,7 +499,7 @@
         <h3 class="api-name" id="addTtsAnnotation(androidx.compose.ui.text.TtsAnnotation,kotlin.Int,kotlin.Int)">addTtsAnnotation</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#addTtsAnnotation(androidx.compose.ui.text.TtsAnnotation,kotlin.Int,kotlin.Int)">addTtsAnnotation</a>(ttsAnnotation:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/TtsAnnotation.html">TtsAnnotation</a>,&nbsp;start:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>,&nbsp;end:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Set a <code><a href="/reference/kotlin/androidx/compose/ui/text/TtsAnnotation.html">TtsAnnotation</a></code> for the given <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">range</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 buildAnnotatedString {
@@ -569,7 +569,7 @@
         <h3 class="api-name" id="addUrlAnnotation(androidx.compose.ui.text.UrlAnnotation,kotlin.Int,kotlin.Int)">addUrlAnnotation</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#addUrlAnnotation(androidx.compose.ui.text.UrlAnnotation,kotlin.Int,kotlin.Int)">addUrlAnnotation</a>(urlAnnotation:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/UrlAnnotation.html">UrlAnnotation</a>,&nbsp;start:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>,&nbsp;end:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Set a <code><a href="/reference/kotlin/androidx/compose/ui/text/UrlAnnotation.html">UrlAnnotation</a></code> for the given <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.text/index.html">range</a></code>. URLs may be treated specially by screen readers, including being identified while reading text with an audio icon or being summarized in a links menu.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 buildAnnotatedString {
@@ -847,7 +847,7 @@
         <h3 class="api-name" id="pushStringAnnotation(kotlin.String,kotlin.String)">pushStringAnnotation</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#pushStringAnnotation(kotlin.String,kotlin.String)">pushStringAnnotation</a>(tag:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>,&nbsp;annotation:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></pre>
         <p>Attach the given <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#pushStringAnnotation(kotlin.String,kotlin.String)">annotation</a></code> to any appended text until a corresponding <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#pop()">pop</a></code> is called.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 buildAnnotatedString {
@@ -917,7 +917,7 @@
         <h3 class="api-name" id="pushStyle(androidx.compose.ui.text.ParagraphStyle)">pushStyle</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#pushStyle(androidx.compose.ui.text.ParagraphStyle)">pushStyle</a>(style:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></pre>
         <p>Applies the given <code><a href="/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a></code> to any appended text until a corresponding <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#pop()">pop</a></code> is called.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.ParagraphStyle
 
 with(AnnotatedString.Builder()) {
@@ -958,7 +958,7 @@
         <h3 class="api-name" id="pushStyle(androidx.compose.ui.text.SpanStyle)">pushStyle</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#pushStyle(androidx.compose.ui.text.SpanStyle)">pushStyle</a>(style:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></pre>
         <p>Applies the given <code><a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a></code> to any appended text until a corresponding <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#pop()">pop</a></code> is called.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
@@ -1000,7 +1000,7 @@
         <h3 class="api-name" id="pushTtsAnnotation(androidx.compose.ui.text.TtsAnnotation)">pushTtsAnnotation</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#pushTtsAnnotation(androidx.compose.ui.text.TtsAnnotation)">pushTtsAnnotation</a>(ttsAnnotation:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/TtsAnnotation.html">TtsAnnotation</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></pre>
         <p>Attach the given <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#pushTtsAnnotation(androidx.compose.ui.text.TtsAnnotation)">ttsAnnotation</a></code> to any appended text until a corresponding <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#pop()">pop</a></code> is called.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 buildAnnotatedString {
@@ -1064,7 +1064,7 @@
         <h3 class="api-name" id="pushUrlAnnotation(androidx.compose.ui.text.UrlAnnotation)">pushUrlAnnotation</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#pushUrlAnnotation(androidx.compose.ui.text.UrlAnnotation)">pushUrlAnnotation</a>(urlAnnotation:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/UrlAnnotation.html">UrlAnnotation</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></pre>
         <p>Attach the given <code><a href="/reference/kotlin/androidx/compose/ui/text/UrlAnnotation.html">UrlAnnotation</a></code> to any appended text until a corresponding <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#pop()">pop</a></code> is called.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.buildAnnotatedString
 
 buildAnnotatedString {
@@ -1378,7 +1378,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">withStyle</h3>
         <pre class="api-signature no-pretty-print">inline&nbsp;fun&nbsp;&lt;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>&gt; <a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>.<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">withStyle</a>(style:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a>,&nbsp;block:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>.() <span style="white-space: nowrap;">-&gt;</span> R):&nbsp;R</pre>
         <p>Pushes <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">style</a></code> to the <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a></code>, executes <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">block</a></code> and then pops the <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">style</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.withStyle
@@ -1466,7 +1466,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">withStyle</h3>
         <pre class="api-signature no-pretty-print">inline&nbsp;fun&nbsp;&lt;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>&gt; <a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>.<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">withStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;style:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;crossinline&nbsp;block:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>.() <span style="white-space: nowrap;">-&gt;</span> R<br>):&nbsp;R</pre>
         <p>Pushes <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">style</a></code> to the <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a></code>, executes <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">block</a></code> and then pops the <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">style</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.withStyle
@@ -1554,7 +1554,7 @@
         <h3 class="api-name" id="(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">appendInlineContent</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>.<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html#(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">appendInlineContent</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;id:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;alternateText:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a> = REPLACEMENT_CHAR<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Used to insert composables into the text layout. This method can be used together with the inlineContent parameter of <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code>. It will append the <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">alternateText</a></code> to this <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a></code> and also mark this range of text to be replaced by a composable. <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#BasicText(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int)">BasicText</a></code> will try to find an <code><a href="/reference/kotlin/androidx/compose/foundation/text/InlineTextContent.html">InlineTextContent</a></code> in the map defined by inlineContent whose key equals to <code><a href="/reference/kotlin/androidx/compose/foundation/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).appendInlineContent(kotlin.String,kotlin.String)">id</a></code>, and it will use the <code><a href="/reference/kotlin/androidx/compose/foundation/text/InlineTextContent.html#children()">InlineTextContent.children</a></code> to replace this range of text.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html
index 0cb9e61..84e2420 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html
@@ -284,7 +284,7 @@
         <h3 class="api-name" id="AnnotatedString(kotlin.String,kotlin.collections.List,kotlin.collections.List)">AnnotatedString</h3>
         <pre class="api-signature no-pretty-print"><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html#AnnotatedString(kotlin.String,kotlin.collections.List,kotlin.collections.List)">AnnotatedString</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;text:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;spanStyles:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html">List</a>&lt;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Range.html">AnnotatedString.Range</a>&lt;<a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a>&gt;&gt; = listOf(),<br>&nbsp;&nbsp;&nbsp;&nbsp;paragraphStyles:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html">List</a>&lt;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Range.html">AnnotatedString.Range</a>&lt;<a href="/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a>&gt;&gt; = listOf()<br>)</pre>
         <p>The basic data structure of text with multiple styles. To construct an <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a></code> you can use <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">Builder</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.ParagraphStyle
 import androidx.compose.ui.text.SpanStyle
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html
index e0d1ad2..85e08ff 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Paragraph styling configuration for a paragraph. The difference between <code><a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a></code> and <code>ParagraphStyle</code> is that, <code>ParagraphStyle</code> can be applied to a whole <code><a href="/reference/kotlin/androidx/compose/ui/text/Paragraph.html">Paragraph</a></code> while <code><a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a></code> can be applied at the character level. Once a portion of the text is marked with a <code>ParagraphStyle</code>, that portion will be separated from the remaining as if a line feed character was added.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.style.TextIndent
@@ -30,7 +30,7 @@
         &quot;nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&quot;,
     style = textStyle
 )</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.ParagraphStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -255,7 +255,7 @@
         <h3 class="api-name" id="ParagraphStyle(androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformParagraphStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens)">ParagraphStyle</h3>
         <pre class="api-signature no-pretty-print"><a href="/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html#ParagraphStyle(androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformParagraphStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens)">ParagraphStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;textAlign:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextAlign.html">TextAlign</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDirection:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDirection.html">TextDirection</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;lineHeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;textIndent:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextIndent.html">TextIndent</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;platformStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/PlatformParagraphStyle.html">PlatformParagraphStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;lineHeightStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/LineHeightStyle.html">LineHeightStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;lineBreak:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/LineBreak.html">LineBreak</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;hyphens:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/Hyphens.html">Hyphens</a>? = null<br>)</pre>
         <p>Paragraph styling configuration for a paragraph. The difference between <code><a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a></code> and <code>ParagraphStyle</code> is that, <code>ParagraphStyle</code> can be applied to a whole <code><a href="/reference/kotlin/androidx/compose/ui/text/Paragraph.html">Paragraph</a></code> while <code><a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a></code> can be applied at the character level. Once a portion of the text is marked with a <code>ParagraphStyle</code>, that portion will be separated from the remaining as if a line feed character was added.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.style.TextIndent
@@ -271,7 +271,7 @@
         &quot;nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&quot;,
     style = textStyle
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.ParagraphStyle
 import androidx.compose.ui.text.buildAnnotatedString
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/SpanStyle.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/SpanStyle.html
index 60ba712..39714ad 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/SpanStyle.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/SpanStyle.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Styling configuration for a text span. This configuration only allows character level styling, in order to set paragraph level styling such as line height, or text alignment please see <code><a href="/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -31,7 +31,7 @@
         }
     }
 )</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
@@ -335,7 +335,7 @@
         <h3 class="api-name" id="SpanStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow)">SpanStyle</h3>
         <pre class="api-signature no-pretty-print"><a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html#SpanStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow)">SpanStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSize:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontWeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSynthesis:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFamily:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFeatureSettings:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;letterSpacing:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;baselineShift:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textGeometricTransform:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;localeList:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDecoration:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;shadow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shadow.html">Shadow</a>? = null<br>)</pre>
         <p>Styling configuration for a text span. This configuration only allows character level styling, in order to set paragraph level styling such as line height, or text alignment please see <code><a href="/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -352,7 +352,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
@@ -502,7 +502,7 @@
         <h3 class="api-name" id="SpanStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.PlatformSpanStyle)">SpanStyle</h3>
         <pre class="api-signature no-pretty-print"><a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html#SpanStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.PlatformSpanStyle)">SpanStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSize:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontWeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSynthesis:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFamily:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFeatureSettings:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;letterSpacing:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;baselineShift:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textGeometricTransform:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;localeList:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDecoration:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;shadow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shadow.html">Shadow</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;platformStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/PlatformSpanStyle.html">PlatformSpanStyle</a>? = null<br>)</pre>
         <p>Styling configuration for a text span. This configuration only allows character level styling, in order to set paragraph level styling such as line height, or text alignment please see <code><a href="/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -519,7 +519,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
@@ -675,7 +675,7 @@
         <h3 class="api-name" id="SpanStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.PlatformSpanStyle,androidx.compose.ui.graphics.drawscope.DrawStyle)">SpanStyle</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br><a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html#SpanStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.PlatformSpanStyle,androidx.compose.ui.graphics.drawscope.DrawStyle)">SpanStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSize:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontWeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSynthesis:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFamily:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFeatureSettings:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;letterSpacing:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;baselineShift:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textGeometricTransform:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;localeList:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDecoration:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;shadow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shadow.html">Shadow</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;platformStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/PlatformSpanStyle.html">PlatformSpanStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;drawStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>? = null<br>)</pre>
         <p>Styling configuration for a text span. This configuration only allows character level styling, in order to set paragraph level styling such as line height, or text alignment please see <code><a href="/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -692,7 +692,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
@@ -854,7 +854,7 @@
         <h3 class="api-name" id="SpanStyle(androidx.compose.ui.graphics.Brush,kotlin.Float,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.PlatformSpanStyle,androidx.compose.ui.graphics.drawscope.DrawStyle)">SpanStyle</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br><a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html#SpanStyle(androidx.compose.ui.graphics.Brush,kotlin.Float,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.PlatformSpanStyle,androidx.compose.ui.graphics.drawscope.DrawStyle)">SpanStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;brush:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a>?,<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = Float.NaN,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSize:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontWeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSynthesis:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFamily:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFeatureSettings:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;letterSpacing:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;baselineShift:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textGeometricTransform:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;localeList:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDecoration:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;shadow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shadow.html">Shadow</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;platformStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/PlatformSpanStyle.html">PlatformSpanStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;drawStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>? = null<br>)</pre>
         <p>Styling configuration for a text span. This configuration only allows character level styling, in order to set paragraph level styling such as line height, or text alignment please see <code><a href="/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -876,7 +876,7 @@
         }
     }
 )</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/TextStyle.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/TextStyle.html
index 06488f7..ee083c2 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/TextStyle.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/TextStyle.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Styling configuration for a <code>Text</code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 
@@ -437,7 +437,7 @@
         <h3 class="api-name" id="TextStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens)">TextStyle</h3>
         <pre class="api-signature no-pretty-print"><a href="/reference/kotlin/androidx/compose/ui/text/TextStyle.html#TextStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens)">TextStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSize:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontWeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSynthesis:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFamily:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFeatureSettings:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;letterSpacing:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;baselineShift:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textGeometricTransform:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;localeList:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDecoration:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;shadow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shadow.html">Shadow</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textAlign:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextAlign.html">TextAlign</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDirection:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDirection.html">TextDirection</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;lineHeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;textIndent:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextIndent.html">TextIndent</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;platformStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/PlatformTextStyle.html">PlatformTextStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;lineHeightStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/LineHeightStyle.html">LineHeightStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;lineBreak:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/LineBreak.html">LineBreak</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;hyphens:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/Hyphens.html">Hyphens</a>? = null<br>)</pre>
         <p>Styling configuration for a <code>Text</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 
@@ -606,7 +606,7 @@
         <h3 class="api-name" id="TextStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens,androidx.compose.ui.text.style.TextMotion)">TextStyle</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br><a href="/reference/kotlin/androidx/compose/ui/text/TextStyle.html#TextStyle(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens,androidx.compose.ui.text.style.TextMotion)">TextStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSize:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontWeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSynthesis:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFamily:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFeatureSettings:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;letterSpacing:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;baselineShift:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textGeometricTransform:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;localeList:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDecoration:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;shadow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shadow.html">Shadow</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;drawStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textAlign:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextAlign.html">TextAlign</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDirection:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDirection.html">TextDirection</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;lineHeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;textIndent:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextIndent.html">TextIndent</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;platformStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/PlatformTextStyle.html">PlatformTextStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;lineHeightStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/LineHeightStyle.html">LineHeightStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;lineBreak:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/LineBreak.html">LineBreak</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;hyphens:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/Hyphens.html">Hyphens</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textMotion:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextMotion.html">TextMotion</a>? = null<br>)</pre>
         <p>Styling configuration for a <code>Text</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 
@@ -787,7 +787,7 @@
         <h3 class="api-name" id="TextStyle(androidx.compose.ui.graphics.Brush,kotlin.Float,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens,androidx.compose.ui.text.style.TextMotion)">TextStyle</h3>
         <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br><a href="/reference/kotlin/androidx/compose/ui/text/TextStyle.html#TextStyle(androidx.compose.ui.graphics.Brush,kotlin.Float,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens,androidx.compose.ui.text.style.TextMotion)">TextStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;brush:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a>?,<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = Float.NaN,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSize:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontWeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontSynthesis:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html">FontSynthesis</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFamily:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html">FontFamily</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;fontFeatureSettings:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;letterSpacing:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;baselineShift:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/BaselineShift.html">BaselineShift</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textGeometricTransform:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextGeometricTransform.html">TextGeometricTransform</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;localeList:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/intl/LocaleList.html">LocaleList</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDecoration:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;shadow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shadow.html">Shadow</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;drawStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textAlign:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextAlign.html">TextAlign</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDirection:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDirection.html">TextDirection</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;lineHeight:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a> = TextUnit.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;textIndent:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextIndent.html">TextIndent</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;platformStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/PlatformTextStyle.html">PlatformTextStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;lineHeightStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/LineHeightStyle.html">LineHeightStyle</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;lineBreak:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/LineBreak.html">LineBreak</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;hyphens:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/Hyphens.html">Hyphens</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textMotion:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextMotion.html">TextMotion</a>? = null<br>)</pre>
         <p>Styling configuration for a <code>Text</code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html
index 700b2a8..306f953 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html
@@ -223,7 +223,7 @@
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html#Cursive()">Cursive</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/GenericFontFamily.html">GenericFontFamily</a></pre>
         <p>Cursive, hand-written like font family.</p>
         <p>If the device doesn't support this font family, the system will fallback to the default font.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
@@ -241,7 +241,7 @@
         <h3 class="api-name" id="Monospace()">Monospace</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html#Monospace()">Monospace</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/GenericFontFamily.html">GenericFontFamily</a></pre>
         <p>Font family where glyphs have the same fixed width.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
@@ -254,7 +254,7 @@
         <h3 class="api-name" id="SansSerif()">SansSerif</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html#SansSerif()">SansSerif</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/GenericFontFamily.html">GenericFontFamily</a></pre>
         <p>Font family with low contrast and plain stroke endings.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
@@ -267,7 +267,7 @@
         <h3 class="api-name" id="Serif()">Serif</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/FontFamily.html#Serif()">Serif</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/font/GenericFontFamily.html">GenericFontFamily</a></pre>
         <p>The formal text style for scripts.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/FontListFontFamily.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/FontListFontFamily.html
index 7cd629f..ecc0d83 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/FontListFontFamily.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/FontListFontFamily.html
@@ -38,14 +38,14 @@
     </div>
     <hr>
     <p>Defines a font family with list of <code><a href="/reference/kotlin/androidx/compose/ui/text/font/Font.html">Font</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
     text = &quot;Demo Text sans-serif&quot;,
     fontFamily = FontFamily.SansSerif
 )</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.font.Font
 import androidx.compose.ui.text.font.FontFamily
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html
index 8796769..7b7af0b 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html
@@ -18,7 +18,7 @@
     <p>If the font family does not include a requested <code><a href="/reference/kotlin/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/text/font/FontStyle.html">FontStyle</a></code>, the system fakes bold or slanted glyphs when the <code><a href="/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html#Weight()">Weight</a></code> or <code><a href="/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html#Style()">Style</a></code>, respectively, or both when <code><a href="/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html#All()">All</a></code> is set. If this is not desired, use <code><a href="/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis.html#None()">None</a></code> to disable font synthesis.</p>
     <p>It is possible to fake an increase of <code><a href="/reference/kotlin/androidx/compose/ui/text/font/FontWeight.html">FontWeight</a></code> but not a decrease. It is possible to fake a regular font slanted, but not vice versa.</p>
     <p><code>FontSynthesis</code> works the same way as the <a href="https://www.w3.org/TR/css-fonts-4/#font-synthesis">CSS font-synthesis</a> property.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.Font
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/ResourceFont.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/ResourceFont.html
index 7ecca01..7ec27ca 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/ResourceFont.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/font/ResourceFont.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Defines a font to be used while rendering text with resource ID.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.font.Font
 import androidx.compose.ui.text.font.FontFamily
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/input/PasswordVisualTransformation.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/input/PasswordVisualTransformation.html
index a0599f1..eaf21c3 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/input/PasswordVisualTransformation.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/input/PasswordVisualTransformation.html
@@ -132,7 +132,7 @@
         <p>Change the visual output of given text.</p>
         <p>Note that the returned text length can be different length from the given text. The composable will call the offset translator for converting offsets for various reasons, cursor drawing position, text selection by gesture, etc.</p>
         <p>Example: The ASCII only password (replacing with '*' chars) original text   : thisispassword transformed text: **************</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.input.TransformedText
 
@@ -146,7 +146,7 @@
     OffsetMapping.Identity
 )</pre>
         <p>Example: Credit Card Visual Output (inserting hyphens each 4 digits) original text   : 1234567890123456 transformed text: 1234-5678-9012-3456</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.input.TransformedText
 
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/input/VisualTransformation.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/input/VisualTransformation.html
index a7085e3..0ead3c8 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/input/VisualTransformation.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/input/VisualTransformation.html
@@ -98,7 +98,7 @@
         <p>Change the visual output of given text.</p>
         <p>Note that the returned text length can be different length from the given text. The composable will call the offset translator for converting offsets for various reasons, cursor drawing position, text selection by gesture, etc.</p>
         <p>Example: The ASCII only password (replacing with '*' chars) original text   : thisispassword transformed text: **************</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.input.TransformedText
 
@@ -112,7 +112,7 @@
     OffsetMapping.Identity
 )</pre>
         <p>Example: Credit Card Visual Output (inserting hyphens each 4 digits) original text   : 1234567890123456 transformed text: 1234-5678-9012-3456</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.input.TransformedText
 
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/package-summary.html
index b69e440..a770951 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/package-summary.html
@@ -1056,7 +1056,7 @@
       <h3 class="api-name" id="buildAnnotatedString(kotlin.Function1)">buildAnnotatedString</h3>
       <pre class="api-signature no-pretty-print">inline&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#buildAnnotatedString(kotlin.Function1)">buildAnnotatedString</a>(builder:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>.() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.html">AnnotatedString</a></pre>
       <p>Build a new AnnotatedString by populating newly created <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a></code> provided by <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#buildAnnotatedString(kotlin.Function1)">builder</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.withStyle
@@ -1495,7 +1495,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>.<a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.graphics.drawscope.DrawScope).drawText(androidx.compose.ui.text.TextLayoutResult,androidx.compose.ui.graphics.Brush,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.drawscope.DrawStyle)">drawText</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;textLayoutResult:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/TextLayoutResult.html">TextLayoutResult</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;brush:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Brush.html">Brush</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;topLeft:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a> = Offset.Zero,<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = Float.NaN,<br>&nbsp;&nbsp;&nbsp;&nbsp;shadow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shadow.html">Shadow</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDecoration:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;drawStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>? = null<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Draw an existing text layout as produced by <code><a href="/reference/kotlin/androidx/compose/ui/text/TextMeasurer.html">TextMeasurer</a></code>.</p>
       <p>This draw function cannot relayout when async font loading resolves. If using async fonts or other dynamic text layout, you are responsible for invalidating layout on changes.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.runtime.mutableStateOf
@@ -1594,7 +1594,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/ui/text/ExperimentalTextApi.html">ExperimentalTextApi</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.html">DrawScope</a>.<a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.graphics.drawscope.DrawScope).drawText(androidx.compose.ui.text.TextLayoutResult,androidx.compose.ui.graphics.Color,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.drawscope.DrawStyle)">drawText</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;textLayoutResult:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/TextLayoutResult.html">TextLayoutResult</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Color.html">Color</a> = Color.Unspecified,<br>&nbsp;&nbsp;&nbsp;&nbsp;topLeft:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/geometry/Offset.html">Offset</a> = Offset.Zero,<br>&nbsp;&nbsp;&nbsp;&nbsp;alpha:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a> = Float.NaN,<br>&nbsp;&nbsp;&nbsp;&nbsp;shadow:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/Shadow.html">Shadow</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;textDecoration:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;drawStyle:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawStyle.html">DrawStyle</a>? = null<br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Draw an existing text layout as produced by <code><a href="/reference/kotlin/androidx/compose/ui/text/TextMeasurer.html">TextMeasurer</a></code>.</p>
       <p>This draw function cannot relayout when async font loading resolves. If using async fonts or other dynamic text layout, you are responsible for invalidating layout on changes.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.runtime.mutableStateOf
@@ -2400,7 +2400,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">withStyle</h3>
       <pre class="api-signature no-pretty-print">inline&nbsp;fun&nbsp;&lt;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>&gt; <a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>.<a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">withStyle</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;style:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/ParagraphStyle.html">ParagraphStyle</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;crossinline&nbsp;block:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>.() <span style="white-space: nowrap;">-&gt;</span> R<br>):&nbsp;R</pre>
       <p>Pushes <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">style</a></code> to the <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a></code>, executes <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">block</a></code> and then pops the <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.ParagraphStyle,kotlin.Function1)">style</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.withStyle
@@ -2488,7 +2488,7 @@
       <h3 class="api-name" id="(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">withStyle</h3>
       <pre class="api-signature no-pretty-print">inline&nbsp;fun&nbsp;&lt;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>&gt; <a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>.<a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">withStyle</a>(style:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/SpanStyle.html">SpanStyle</a>,&nbsp;block:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a>.() <span style="white-space: nowrap;">-&gt;</span> R):&nbsp;R</pre>
       <p>Pushes <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">style</a></code> to the <code><a href="/reference/kotlin/androidx/compose/ui/text/AnnotatedString.Builder.html">AnnotatedString.Builder</a></code>, executes <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">block</a></code> and then pops the <code><a href="/reference/kotlin/androidx/compose/ui/text/package-summary.html#(androidx.compose.ui.text.AnnotatedString.Builder).withStyle(androidx.compose.ui.text.SpanStyle,kotlin.Function1)">style</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.withStyle
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/BaselineShift.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/BaselineShift.html
index d9e8560..63c6226 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/BaselineShift.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/BaselineShift.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>The amount by which the text is shifted up or down from current the baseline.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
@@ -32,7 +32,7 @@
         }
     }
 )</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.buildAnnotatedString
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/LineBreak.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/LineBreak.html
index 0e0c2f2..b5c75d2 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/LineBreak.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/LineBreak.html
@@ -16,7 +16,7 @@
     <p>When soft wrap is enabled and the width of the text exceeds the width of its container, line breaks are inserted in the text to split it over multiple lines.</p>
     <p>There are a number of parameters that affect how the line breaks are inserted. For example, the breaking algorithm can be changed to one with improved readability at the cost of speed. Another example is the strictness, which in some languages determines which symbols can appear at the start of a line.</p>
     <p><code>LineBreak</code> represents a configuration for line breaking, offering several presets for different use cases: <code><a href="/reference/kotlin/androidx/compose/ui/text/style/LineBreak.html#Simple()">Simple</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/text/style/LineBreak.html#Heading()">Heading</a></code>, <code><a href="/reference/kotlin/androidx/compose/ui/text/style/LineBreak.html#Paragraph()">Paragraph</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 
@@ -35,7 +35,7 @@
     )
 )</pre>
     <p>For further customization, each platform has its own parameters. An example on Android:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.style.LineBreak
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html
index ac936ca..04d4c92 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html
@@ -146,7 +146,7 @@
         <h3 class="api-name" id="combine(kotlin.collections.List)">combine</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html#combine(kotlin.collections.List)">combine</a>(decorations:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html">List</a>&lt;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>&gt;):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a></pre>
         <p>Creates a decoration that includes all the given decorations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
@@ -182,7 +182,7 @@
         <h3 class="api-name" id="LineThrough()">LineThrough</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html#LineThrough()">LineThrough</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a></pre>
         <p>Draws a horizontal line over the text.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
@@ -198,7 +198,7 @@
         <h3 class="api-name" id="Underline()">Underline</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html#Underline()">Underline</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a></pre>
         <p>Draws a horizontal line below the text.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
@@ -247,7 +247,7 @@
         <h3 class="api-name" id="plus(androidx.compose.ui.text.style.TextDecoration)">plus</h3>
         <pre class="api-signature no-pretty-print">operator&nbsp;fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html#plus(androidx.compose.ui.text.style.TextDecoration)">plus</a>(decoration:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a>):&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextDecoration.html">TextDecoration</a></pre>
         <p>Creates a decoration that includes both of the TextDecorations.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.material.Text
 
 Text(
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/TextOverflow.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/TextOverflow.html
index 822d22d..15854c4 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/TextOverflow.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/text/style/TextOverflow.html
@@ -78,7 +78,7 @@
         <h3 class="api-name" id="Clip()">Clip</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextOverflow.html#Clip()">Clip</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextOverflow.html">TextOverflow</a></pre>
         <p>Clip the overflowing text to fix its container.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
 import androidx.compose.material.Text
@@ -94,7 +94,7 @@
         <h3 class="api-name" id="Ellipsis()">Ellipsis</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextOverflow.html#Ellipsis()">Ellipsis</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextOverflow.html">TextOverflow</a></pre>
         <p>Use an ellipsis to indicate that the text has overflowed.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.width
 import androidx.compose.material.Text
@@ -111,7 +111,7 @@
         <h3 class="api-name" id="Visible()">Visible</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextOverflow.html#Visible()">Visible</a>:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/text/style/TextOverflow.html">TextOverflow</a></pre>
         <p>Display all text, even if there is not enough space in the specified bounds. When overflow is visible, text may be rendered outside the bounds of the composable displaying the text. This ensures that all text is displayed to the user, and is typically the right choice for most text display. It does mean that the text may visually occupy a region larger than the bounds of it's composable. This can lead to situations where text displays outside the bounds of the background and clickable on a Text composable with a fixed height and width.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
@@ -138,7 +138,7 @@
     )
 }</pre>
         <p>To make the background and click region expand to match the size of the text, allow it to expand vertically/horizontally using <code>Modifier.heightIn</code>/<code>Modifier.widthIn</code> or similar.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/unit/Density.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/unit/Density.html
index 2cdf5a7..94b0e6a 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/unit/Density.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/unit/Density.html
@@ -118,7 +118,7 @@
 </devsite-expandable>    </div>
     <hr>
     <p>A density of the screen. Used for the conversions between pixels, <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html">Dp</a></code>, <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/unit/TextUnit.html">TextUnit</a></code>.</p>
-    <pre class="prettyprint">val sizeInPx = with(LocalDensity.current) { 16.dp.toPx() }</pre>
+    <pre class="prettyprint lang-kotlin">val sizeInPx = with(LocalDensity.current) { 16.dp.toPx() }</pre>
     <h2>Summary</h2>
     <div class="devsite-table-wrapper">
       <table class="responsive">
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/unit/Dp.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/unit/Dp.html
index 5551948..c2ca261 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/unit/Dp.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/unit/Dp.html
@@ -14,7 +14,7 @@
     </p>
     <hr>
     <p>Dimension value representing device-independent pixels (dp). Component APIs specify their dimensions such as line thickness in DP with Dp objects. Hairline (1 pixel) thickness may be specified with <code><a href="/reference/kotlin/androidx/compose/ui/unit/Dp.html#Hairline()">Hairline</a></code>, a dimension that take up no space. Dp are normally defined using <code><a href="/reference/kotlin/androidx/compose/ui/unit/package-summary.html#(kotlin.Int).dp()">dp</a></code>, which can be applied to <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html">Int</a></code>, <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-double/index.html">Double</a></code>, and <code><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a></code>.</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.padding
 
@@ -27,7 +27,7 @@
     )
 )</pre>
     <p>Drawing and Layout are done in pixels. To retrieve the pixel size of a Dp, use <code><a href="/reference/kotlin/androidx/compose/ui/unit/Density.html#(androidx.compose.ui.unit.Dp).toPx()">Density.toPx</a></code>:</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.ui.graphics.drawscope.Stroke
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/viewinterop/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/viewinterop/package-summary.html
index 0d121e8..cb6ceac 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/viewinterop/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/viewinterop/package-summary.html
@@ -50,7 +50,7 @@
       <p><code><a href="/reference/kotlin/androidx/compose/ui/viewinterop/package-summary.html#AndroidView(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)">AndroidView</a></code> is commonly needed for using Views that are infeasible to be reimplemented in Compose and there is no corresponding Compose API. Common examples for the moment are WebView, SurfaceView, AdView, etc.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/ui/viewinterop/package-summary.html#AndroidView(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)">AndroidView</a></code> will not clip its content to the layout bounds. Use <code><a href="https://developer.android.com/reference/android/view/View.html#setClipToOutline(kotlin.Boolean)">View.setClipToOutline</a></code> on the child View to clip the contents, if desired. Developers will likely want to do this with all subclasses of SurfaceView to keep its contents contained.</p>
       <p><code><a href="/reference/kotlin/androidx/compose/ui/viewinterop/package-summary.html#AndroidView(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)">AndroidView</a></code> has nested scroll interop capabilities if the containing view has nested scroll enabled. This means this Composable can dispatch scroll deltas if it is placed inside a container that participates in nested scroll. For more information on how to enable nested scroll interop:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.gestures.rememberScrollableState
 import androidx.compose.foundation.gestures.scrollable
 import androidx.compose.foundation.layout.Box
@@ -78,7 +78,7 @@
         }
     )
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import android.widget.TextView
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
diff --git a/testData/compose/docs/reference/kotlin/androidx/compose/ui/window/package-summary.html b/testData/compose/docs/reference/kotlin/androidx/compose/ui/window/package-summary.html
index 5f7d4a6..e3b3a8a 100644
--- a/testData/compose/docs/reference/kotlin/androidx/compose/ui/window/package-summary.html
+++ b/testData/compose/docs/reference/kotlin/androidx/compose/ui/window/package-summary.html
@@ -116,7 +116,7 @@
       <p>A dialog is a small window that prompts the user to make a decision or enter additional information. A dialog does not fill the screen and is normally used for modal events that require users to take an action before they can proceed.</p>
       <p>The dialog is visible as long as it is part of the composition hierarchy. In order to let the user dismiss the Dialog, the implementation of <code><a href="/reference/kotlin/androidx/compose/ui/window/package-summary.html#Dialog(kotlin.Function0,androidx.compose.ui.window.DialogProperties,kotlin.Function0)">onDismissRequest</a></code> should contain a way to remove the dialog from the composition hierarchy.</p>
       <p>Example usage:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -174,7 +174,7 @@
       <p>Opens a popup with the given content.</p>
       <p>A popup is a floating container that appears on top of the current activity. It is especially useful for non-modal UI surfaces that remain hidden until they are needed, for example floating menus like Cut/Copy/Paste.</p>
       <p>The popup is positioned relative to its parent, using the <code><a href="/reference/kotlin/androidx/compose/ui/window/package-summary.html#Popup(androidx.compose.ui.Alignment,androidx.compose.ui.unit.IntOffset,kotlin.Function0,androidx.compose.ui.window.PopupProperties,kotlin.Function0)">alignment</a></code> and <code><a href="/reference/kotlin/androidx/compose/ui/window/package-summary.html#Popup(androidx.compose.ui.Alignment,androidx.compose.ui.unit.IntOffset,kotlin.Function0,androidx.compose.ui.window.PopupProperties,kotlin.Function0)">offset</a></code>. The popup is visible as long as it is part of the composition hierarchy.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
@@ -246,7 +246,7 @@
       <pre class="api-signature no-pretty-print">@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a><br>fun&nbsp;<a href="/reference/kotlin/androidx/compose/ui/window/package-summary.html#Popup(androidx.compose.ui.window.PopupPositionProvider,kotlin.Function0,androidx.compose.ui.window.PopupProperties,kotlin.Function0)">Popup</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;popupPositionProvider:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/window/PopupPositionProvider.html">PopupPositionProvider</a>,<br>&nbsp;&nbsp;&nbsp;&nbsp;onDismissRequest:&nbsp;(() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>)? = null,<br>&nbsp;&nbsp;&nbsp;&nbsp;properties:&nbsp;<a href="/reference/kotlin/androidx/compose/ui/window/PopupProperties.html">PopupProperties</a> = PopupProperties(),<br>&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;@<a href="/reference/kotlin/androidx/compose/runtime/Composable.html">Composable</a> () <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>Opens a popup with the given content.</p>
       <p>The popup is positioned using a custom <code><a href="/reference/kotlin/androidx/compose/ui/window/package-summary.html#Popup(androidx.compose.ui.window.PopupPositionProvider,kotlin.Function0,androidx.compose.ui.window.PopupProperties,kotlin.Function0)">popupPositionProvider</a></code>.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.size
diff --git a/testData/fragment/docs/reference/androidx/fragment/app/Fragment.html b/testData/fragment/docs/reference/androidx/fragment/app/Fragment.html
index ba2e9fa..b3c6d24 100644
--- a/testData/fragment/docs/reference/androidx/fragment/app/Fragment.html
+++ b/testData/fragment/docs/reference/androidx/fragment/app/Fragment.html
@@ -2570,7 +2570,7 @@
         <p>Called when a fragment is being created as part of a view layout inflation, typically from setting the content view of an activity. This may be called immediately after the fragment is created from a <code><a href="/reference/androidx/fragment/app/FragmentContainerView.html">FragmentContainerView</a></code> in a layout file. Note this is <em>before</em> the fragment's <code><a href="/reference/androidx/fragment/app/Fragment.html#onAttach(android.content.Context)">onAttach</a></code> has been called; all you should do here is parse the attributes and save them away. </p>
         <p>This is called <em>the first time</em> the fragment is inflated. If it is being inflated into a new instance with saved state, this method will not be called a second time for the restored state fragment.</p>
         <p>Here is a typical implementation of a fragment that can take parameters both through attributes supplied here as well from <code><a href="/reference/androidx/fragment/app/Fragment.html#getArguments()">getArguments</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-java">
 public static class MyFragment extends Fragment {
     CharSequence mLabel;
 
@@ -2634,13 +2634,13 @@
 }
 </pre>
         <p>Note that parsing the XML attributes uses a &quot;styleable&quot; resource. The declaration for the styleable used here is:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-xml">
 &lt;declare-styleable name=&quot;FragmentArguments&quot;&gt;
     &lt;attr name=&quot;android:label&quot; /&gt;
 &lt;/declare-styleable&gt;
 </pre>
         <p>The fragment can then be declared within its activity's content layout through a tag like this:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-xml">
 &lt;androidx.fragment.app.FragmentContainerView
         class=&quot;com.example.android.supportv4.app.FragmentArgumentsSupport$MyFragment&quot;
         android:id=&quot;@+id/embedded&quot;
@@ -2649,7 +2649,7 @@
         android:label=&quot;@string/fragment_arguments_embedded&quot; /&gt;
 </pre>
         <p>This fragment can also be created dynamically from arguments given at runtime in the arguments Bundle; here is an example of doing so at creation of the containing activity:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-java">
 @Override protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(R.layout.fragment_arguments_support);
diff --git a/testData/fragment/docs/reference/androidx/fragment/app/FragmentPagerAdapter.html b/testData/fragment/docs/reference/androidx/fragment/app/FragmentPagerAdapter.html
index e3fde33..a998af2 100644
--- a/testData/fragment/docs/reference/androidx/fragment/app/FragmentPagerAdapter.html
+++ b/testData/fragment/docs/reference/androidx/fragment/app/FragmentPagerAdapter.html
@@ -39,7 +39,7 @@
     <p>When using FragmentPagerAdapter the host ViewPager must have a valid ID set.</p>
     <p>Subclasses only need to implement <code><a href="/reference/androidx/fragment/app/FragmentPagerAdapter.html#getItem(int)">getItem</a></code> and <code><a href="/reference/androidx/viewpager/widget/PagerAdapter.html#getCount()">getCount</a></code> to have a working adapter. </p>
 Here is an example implementation of a pager containing fragments of lists:
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-java">
 public class FragmentPagerSupport extends FragmentActivity {
     static final int NUM_ITEMS = 10;
 
@@ -145,7 +145,7 @@
 }
 </pre>
 The <code>R.layout.fragment_pager</code>resource of the top-level fragment is:
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-xml">
 &lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
               android:orientation=&quot;vertical&quot; android:padding=&quot;4dip&quot;
               android:gravity=&quot;center_horizontal&quot;
@@ -174,7 +174,7 @@
 &lt;/LinearLayout&gt;
 </pre>
 The <code>R.layout.fragment_pager_list</code>resource containing each individual fragment's layout is:
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-xml">
 &lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
               android:orientation=&quot;vertical&quot;
               android:layout_width=&quot;match_parent&quot;
diff --git a/testData/fragment/docs/reference/androidx/fragment/app/FragmentStatePagerAdapter.html b/testData/fragment/docs/reference/androidx/fragment/app/FragmentStatePagerAdapter.html
index 557b132..4df268d 100644
--- a/testData/fragment/docs/reference/androidx/fragment/app/FragmentStatePagerAdapter.html
+++ b/testData/fragment/docs/reference/androidx/fragment/app/FragmentStatePagerAdapter.html
@@ -39,7 +39,7 @@
     <p>When using FragmentPagerAdapter the host ViewPager must have a valid ID set.</p>
     <p>Subclasses only need to implement <code><a href="/reference/androidx/fragment/app/FragmentStatePagerAdapter.html#getItem(int)">getItem</a></code> and <code><a href="/reference/androidx/viewpager/widget/PagerAdapter.html#getCount()">getCount</a></code> to have a working adapter. </p>
 Here is an example implementation of a pager containing fragments of lists:
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-java">
 public class FragmentStatePagerSupport extends FragmentActivity {
     static final int NUM_ITEMS = 10;
 
@@ -145,7 +145,7 @@
 }
 </pre>
 The <code>R.layout.fragment_pager</code>resource of the top-level fragment is:
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-xml">
 &lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
               android:orientation=&quot;vertical&quot; android:padding=&quot;4dip&quot;
               android:gravity=&quot;center_horizontal&quot;
@@ -174,7 +174,7 @@
 &lt;/LinearLayout&gt;
 </pre>
 The <code>R.layout.fragment_pager_list</code>resource containing each individual fragment's layout is:
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-xml">
 &lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
               android:orientation=&quot;vertical&quot;
               android:layout_width=&quot;match_parent&quot;
diff --git a/testData/fragment/docs/reference/kotlin/androidx/fragment/app/Fragment.html b/testData/fragment/docs/reference/kotlin/androidx/fragment/app/Fragment.html
index 5cd1898..277a94f 100644
--- a/testData/fragment/docs/reference/kotlin/androidx/fragment/app/Fragment.html
+++ b/testData/fragment/docs/reference/kotlin/androidx/fragment/app/Fragment.html
@@ -2570,7 +2570,7 @@
         <p>Called when a fragment is being created as part of a view layout inflation, typically from setting the content view of an activity. This may be called immediately after the fragment is created from a <code><a href="/reference/kotlin/androidx/fragment/app/FragmentContainerView.html">FragmentContainerView</a></code> in a layout file. Note this is <em>before</em> the fragment's <code><a href="/reference/kotlin/androidx/fragment/app/Fragment.html#onAttach(android.content.Context)">onAttach</a></code> has been called; all you should do here is parse the attributes and save them away. </p>
         <p>This is called <em>the first time</em> the fragment is inflated. If it is being inflated into a new instance with saved state, this method will not be called a second time for the restored state fragment.</p>
         <p>Here is a typical implementation of a fragment that can take parameters both through attributes supplied here as well from <code><a href="/reference/kotlin/androidx/fragment/app/Fragment.html#getArguments()">getArguments</a></code>:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-java">
 public static class MyFragment extends Fragment {
     CharSequence mLabel;
 
@@ -2634,13 +2634,13 @@
 }
 </pre>
         <p>Note that parsing the XML attributes uses a &quot;styleable&quot; resource. The declaration for the styleable used here is:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-xml">
 &lt;declare-styleable name=&quot;FragmentArguments&quot;&gt;
     &lt;attr name=&quot;android:label&quot; /&gt;
 &lt;/declare-styleable&gt;
 </pre>
         <p>The fragment can then be declared within its activity's content layout through a tag like this:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-xml">
 &lt;androidx.fragment.app.FragmentContainerView
         class=&quot;com.example.android.supportv4.app.FragmentArgumentsSupport$MyFragment&quot;
         android:id=&quot;@+id/embedded&quot;
@@ -2649,7 +2649,7 @@
         android:label=&quot;@string/fragment_arguments_embedded&quot; /&gt;
 </pre>
         <p>This fragment can also be created dynamically from arguments given at runtime in the arguments Bundle; here is an example of doing so at creation of the containing activity:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-java">
 @Override protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(R.layout.fragment_arguments_support);
diff --git a/testData/fragment/docs/reference/kotlin/androidx/fragment/app/FragmentPagerAdapter.html b/testData/fragment/docs/reference/kotlin/androidx/fragment/app/FragmentPagerAdapter.html
index 0f99a41..fce0f1b 100644
--- a/testData/fragment/docs/reference/kotlin/androidx/fragment/app/FragmentPagerAdapter.html
+++ b/testData/fragment/docs/reference/kotlin/androidx/fragment/app/FragmentPagerAdapter.html
@@ -39,7 +39,7 @@
     <p>When using FragmentPagerAdapter the host ViewPager must have a valid ID set.</p>
     <p>Subclasses only need to implement <code><a href="/reference/kotlin/androidx/fragment/app/FragmentPagerAdapter.html#getItem(int)">getItem</a></code> and <code><a href="/reference/kotlin/androidx/viewpager/widget/PagerAdapter.html#getCount()">getCount</a></code> to have a working adapter. </p>
 Here is an example implementation of a pager containing fragments of lists:
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-java">
 public class FragmentPagerSupport extends FragmentActivity {
     static final int NUM_ITEMS = 10;
 
@@ -145,7 +145,7 @@
 }
 </pre>
 The <code>R.layout.fragment_pager</code>resource of the top-level fragment is:
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-xml">
 &lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
               android:orientation=&quot;vertical&quot; android:padding=&quot;4dip&quot;
               android:gravity=&quot;center_horizontal&quot;
@@ -174,7 +174,7 @@
 &lt;/LinearLayout&gt;
 </pre>
 The <code>R.layout.fragment_pager_list</code>resource containing each individual fragment's layout is:
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-xml">
 &lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
               android:orientation=&quot;vertical&quot;
               android:layout_width=&quot;match_parent&quot;
diff --git a/testData/fragment/docs/reference/kotlin/androidx/fragment/app/FragmentStatePagerAdapter.html b/testData/fragment/docs/reference/kotlin/androidx/fragment/app/FragmentStatePagerAdapter.html
index 15cdf61..7b1b93c 100644
--- a/testData/fragment/docs/reference/kotlin/androidx/fragment/app/FragmentStatePagerAdapter.html
+++ b/testData/fragment/docs/reference/kotlin/androidx/fragment/app/FragmentStatePagerAdapter.html
@@ -39,7 +39,7 @@
     <p>When using FragmentPagerAdapter the host ViewPager must have a valid ID set.</p>
     <p>Subclasses only need to implement <code><a href="/reference/kotlin/androidx/fragment/app/FragmentStatePagerAdapter.html#getItem(int)">getItem</a></code> and <code><a href="/reference/kotlin/androidx/viewpager/widget/PagerAdapter.html#getCount()">getCount</a></code> to have a working adapter. </p>
 Here is an example implementation of a pager containing fragments of lists:
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-java">
 public class FragmentStatePagerSupport extends FragmentActivity {
     static final int NUM_ITEMS = 10;
 
@@ -145,7 +145,7 @@
 }
 </pre>
 The <code>R.layout.fragment_pager</code>resource of the top-level fragment is:
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-xml">
 &lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
               android:orientation=&quot;vertical&quot; android:padding=&quot;4dip&quot;
               android:gravity=&quot;center_horizontal&quot;
@@ -174,7 +174,7 @@
 &lt;/LinearLayout&gt;
 </pre>
 The <code>R.layout.fragment_pager_list</code>resource containing each individual fragment's layout is:
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-xml">
 &lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
               android:orientation=&quot;vertical&quot;
               android:layout_width=&quot;match_parent&quot;
diff --git a/testData/paging/docs/reference/androidx/paging/AsyncPagingDataDiffer.html b/testData/paging/docs/reference/androidx/paging/AsyncPagingDataDiffer.html
index a533700..bab4357 100644
--- a/testData/paging/docs/reference/androidx/paging/AsyncPagingDataDiffer.html
+++ b/testData/paging/docs/reference/androidx/paging/AsyncPagingDataDiffer.html
@@ -163,7 +163,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/paging/AsyncPagingDataDiffer.html#addLoadStateListener(kotlin.Function1)">addLoadStateListener</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;listener<br>)</pre>
         <p>Add a <code><a href="/reference/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a></code> listener to observe the loading state of the current <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code>.</p>
         <p>As new <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> generations are submitted and displayed, the listener will be notified to reflect the current <code><a href="/reference/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a></code>.</p>
-        <pre class="prettyprint">val adapter = UserPagingAdapter()
+        <pre class="prettyprint lang-kotlin">val adapter = UserPagingAdapter()
 adapter.addLoadStateListener {
     // show a retry button outside the list when refresh hits an error
     retryButton.isVisible = it.refresh is LoadState.Error
@@ -351,7 +351,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a>&gt;&nbsp;<a href="/reference/androidx/paging/AsyncPagingDataDiffer.html#getLoadStateFlow()">getLoadStateFlow</a>()</pre>
         <p>A hot <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> of <code><a href="/reference/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a></code> that emits a snapshot whenever the loading state of the current <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> changes.</p>
         <p>This flow is conflated, so it buffers the last update to <code><a href="/reference/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a></code> and immediately delivers the current load states on collection.</p>
-        <pre class="prettyprint">val adapter = UserPagingAdapter()
+        <pre class="prettyprint lang-kotlin">val adapter = UserPagingAdapter()
 lifecycleScope.launch {
     adapter.loadStateFlow
         .map { it.refresh }
@@ -439,7 +439,7 @@
         <p>Refresh the data presented by this <code><a href="/reference/androidx/paging/AsyncPagingDataDiffer.html">AsyncPagingDataDiffer</a></code>.</p>
         <p><code><a href="/reference/androidx/paging/AsyncPagingDataDiffer.html#refresh()">refresh</a></code> triggers the creation of a new <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> with a new instance of <code><a href="/reference/androidx/paging/PagingSource.html">PagingSource</a></code> to represent an updated snapshot of the backing dataset. If a <code><a href="/reference/androidx/paging/RemoteMediator.html">RemoteMediator</a></code> is set, calling <code><a href="/reference/androidx/paging/AsyncPagingDataDiffer.html#refresh()">refresh</a></code> will also trigger a call to <code><a href="/reference/androidx/paging/RemoteMediator.html#load(androidx.paging.LoadType,androidx.paging.PagingState)">RemoteMediator.load</a></code> with <code><a href="/reference/androidx/paging/LoadType.html#REFRESH">LoadType</a></code> to allow <code><a href="/reference/androidx/paging/RemoteMediator.html">RemoteMediator</a></code> to check for updates to the dataset backing <code><a href="/reference/androidx/paging/PagingSource.html">PagingSource</a></code>.</p>
         <p>Note: This API is intended for UI-driven refresh signals, such as swipe-to-refresh. Invalidation due repository-layer signals, such as DB-updates, should instead use <code><a href="/reference/androidx/paging/PagingSource.html#invalidate()">PagingSource.invalidate</a></code>.</p>
-        <pre class="prettyprint">class MyActivity : AppCompatActivity() {
+        <pre class="prettyprint lang-kotlin">class MyActivity : AppCompatActivity() {
     private lateinit var binding: MyActivityBinding
     private val pagingAdapter = UserPagingAdapter()
 
diff --git a/testData/paging/docs/reference/androidx/paging/CachedPagingDataKt.html b/testData/paging/docs/reference/androidx/paging/CachedPagingDataKt.html
index 4084738..ea8071f 100644
--- a/testData/paging/docs/reference/androidx/paging/CachedPagingDataKt.html
+++ b/testData/paging/docs/reference/androidx/paging/CachedPagingDataKt.html
@@ -43,7 +43,7 @@
         <p>A common use case for this caching is to cache <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> in a ViewModel. This can ensure that, upon configuration change (e.g. rotation), then new Activity will receive the existing data immediately rather than fetching it from scratch.</p>
         <p>Calling <code><a href="/reference/androidx/paging/package-summary.html#(kotlinx.coroutines.flow.Flow).cachedIn(kotlinx.coroutines.CoroutineScope)">cachedIn</a></code> is required to allow calling androidx.paging.AsyncPagingDataAdapter on the same instance of <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> emitted by <code><a href="/reference/androidx/paging/Pager.html">Pager</a></code> or any of its transformed derivatives, as reloading data from scratch on the same generation of <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> is an unsupported operation.</p>
         <p>Note that this does not turn the <code>Flow&lt;PagingData&gt;</code> into a hot stream. It won't execute any unnecessary code unless it is being collected.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.viewModels
 import androidx.paging.Pager
 import androidx.paging.PagingConfig
diff --git a/testData/paging/docs/reference/androidx/paging/ListenableFuturePagingSource.html b/testData/paging/docs/reference/androidx/paging/ListenableFuturePagingSource.html
index 6e3fceb..ac71ee7 100644
--- a/testData/paging/docs/reference/androidx/paging/ListenableFuturePagingSource.html
+++ b/testData/paging/docs/reference/androidx/paging/ListenableFuturePagingSource.html
@@ -32,7 +32,7 @@
     </div>
     <hr>
     <p><code><a href="https://guava.dev/releases/18.0/api/docs/package-list/com/google/common/util/concurrent/ListenableFuture.html">ListenableFuture</a></code>-based compatibility wrapper around <code><a href="/reference/androidx/paging/PagingSource.html">PagingSource</a></code>'s suspending APIs.</p>
-    <pre class="prettyprint">class MyListenableFuturePagingSource(
+    <pre class="prettyprint lang-kotlin">class MyListenableFuturePagingSource(
     val myBackend: GuavaBackendService,
     val searchTerm: String
 ) : ListenableFuturePagingSource&lt;String, Item&gt;() {
diff --git a/testData/paging/docs/reference/androidx/paging/LoadStateAdapter.html b/testData/paging/docs/reference/androidx/paging/LoadStateAdapter.html
index e987faf..288a733 100644
--- a/testData/paging/docs/reference/androidx/paging/LoadStateAdapter.html
+++ b/testData/paging/docs/reference/androidx/paging/LoadStateAdapter.html
@@ -35,7 +35,7 @@
     <p>By default will use one shared <code><a href="/reference/androidx/recyclerview/widget/RecyclerView.Adapter.html#getItemViewType(kotlin.Int)">view type</a></code> for all items.</p>
     <p>By default, both <code><a href="/reference/androidx/paging/LoadState.Loading.html">LoadState.Loading</a></code> and <code><a href="/reference/androidx/paging/LoadState.Error.html">LoadState.Error</a></code> are presented as adapter items, other states are not. To configure this, override <code><a href="/reference/androidx/paging/LoadStateAdapter.html#displayLoadStateAsItem(androidx.paging.LoadState)">displayLoadStateAsItem</a></code>.</p>
     <p>To present this Adapter as a header and or footer alongside your <code><a href="/reference/androidx/paging/PagingDataAdapter.html">PagingDataAdapter</a></code>, see <code><a href="/reference/androidx/paging/PagingDataAdapter.html#withLoadStateHeaderAndFooter(androidx.paging.LoadStateAdapter,androidx.paging.LoadStateAdapter)">PagingDataAdapter.withLoadStateHeaderAndFooter</a></code>, or use <code><a href="/reference/androidx/recyclerview/widget/ConcatAdapter.html">ConcatAdapter</a></code> directly to concatenate Adapters.</p>
-    <pre class="prettyprint">class LoadStateViewHolder(
+    <pre class="prettyprint lang-kotlin">class LoadStateViewHolder(
     parent: ViewGroup,
     retry: () -&gt; Unit
 ) : RecyclerView.ViewHolder(
diff --git a/testData/paging/docs/reference/androidx/paging/PagingData.html b/testData/paging/docs/reference/androidx/paging/PagingData.html
index 3ae5386..88a8fc9 100644
--- a/testData/paging/docs/reference/androidx/paging/PagingData.html
+++ b/testData/paging/docs/reference/androidx/paging/PagingData.html
@@ -375,7 +375,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&nbsp;&lt;T&nbsp;extends&nbsp;R,&nbsp;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/paging/PagingDataFutures.html">PagingDataFutures</a>.<a href="/reference/androidx/paging/PagingData.html#(androidx.paging.PagingData).insertSeparatorsAsync(com.google.common.util.concurrent.AsyncFunction,java.util.concurrent.Executor)">insertSeparatorsAsync</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://guava.dev/releases/18.0/api/docs/package-list/com/google/common/util/concurrent/AsyncFunction.html">AsyncFunction</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/AdjacentItems.html">AdjacentItems</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;,&nbsp;R&gt;&nbsp;generator,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/concurrent/Executor.html">Executor</a>&nbsp;executor<br>)</pre>
         <p>Returns a <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/androidx/paging/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(com.google.common.util.concurrent.AsyncFunction,java.util.concurrent.Executor)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
         <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.rxjava2.insertSeparatorsAsync
 
@@ -409,7 +409,7 @@
         executor
     )
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.map
 import androidx.paging.rxjava2.insertSeparatorsAsync
@@ -758,7 +758,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&nbsp;&lt;T&nbsp;extends&nbsp;R,&nbsp;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/paging/PagingRx.html">PagingRx</a>.<a href="/reference/androidx/paging/PagingData.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">insertSeparatorsAsync</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;T,&nbsp;T,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/io/reactivex/Maybe.html">Maybe</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&gt;&nbsp;generator<br>)</pre>
         <p>Returns a <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/androidx/paging/rxjava2/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
         <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.rxjava2.insertSeparatorsAsync
 
@@ -785,7 +785,7 @@
         }.subscribeOn(Schedulers.computation())
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.map
 import androidx.paging.rxjava2.insertSeparatorsAsync
@@ -827,7 +827,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&nbsp;&lt;T&nbsp;extends&nbsp;R,&nbsp;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/paging/PagingRx.html">PagingRx</a>.<a href="/reference/androidx/paging/PagingData.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">insertSeparatorsAsync</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;T,&nbsp;T,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/io/reactivex/rxjava3/core/Maybe.html">Maybe</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&gt;&nbsp;generator<br>)</pre>
         <p>Returns a <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/androidx/paging/rxjava3/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
         <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.rxjava2.insertSeparatorsAsync
 
@@ -854,7 +854,7 @@
         }.subscribeOn(Schedulers.computation())
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.map
 import androidx.paging.rxjava2.insertSeparatorsAsync
diff --git a/testData/paging/docs/reference/androidx/paging/PagingDataAdapter.html b/testData/paging/docs/reference/androidx/paging/PagingDataAdapter.html
index 33be87f..63fbcf3 100644
--- a/testData/paging/docs/reference/androidx/paging/PagingDataAdapter.html
+++ b/testData/paging/docs/reference/androidx/paging/PagingDataAdapter.html
@@ -37,7 +37,7 @@
     <p>If using RxJava and LiveData extensions on <code><a href="/reference/androidx/paging/Pager.html">Pager</a></code>, use the non-suspending overload of <code><a href="/reference/androidx/paging/PagingDataAdapter.html#submitData(androidx.paging.PagingData)">submitData</a></code>, which accepts a <code><a href="/reference/androidx/lifecycle/Lifecycle.html">Lifecycle</a></code>.</p>
     <p><code><a href="/reference/androidx/paging/PagingDataAdapter.html">PagingDataAdapter</a></code> listens to internal <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> loading events as <code><a href="/reference/androidx/paging/PagingSource.LoadResult.Page.html">pages</a></code> are loaded, and uses <code><a href="/reference/androidx/recyclerview/widget/DiffUtil.html">DiffUtil</a></code> on a background thread to compute fine grained updates as updated content in the form of new PagingData objects are received.</p>
     <p><em>State Restoration</em>: To be able to restore <code><a href="/reference/androidx/recyclerview/widget/RecyclerView.html">RecyclerView</a></code> state (e.g. scroll position) after a configuration change / application recreate, <code><a href="/reference/androidx/paging/PagingDataAdapter.html">PagingDataAdapter</a></code> calls <code><a href="/reference/androidx/recyclerview/widget/RecyclerView.Adapter.html#setStateRestorationPolicy(androidx.recyclerview.widget.RecyclerView.Adapter.StateRestorationPolicy)">RecyclerView.Adapter.setStateRestorationPolicy</a></code> with <code><a href="/reference/androidx/recyclerview/widget/RecyclerView.Adapter.StateRestorationPolicy.PREVENT.html">RecyclerView.Adapter.StateRestorationPolicy.PREVENT</a></code> upon initialization and waits for the first page to load before allowing state restoration. Any other call to <code><a href="/reference/androidx/recyclerview/widget/RecyclerView.Adapter.html#setStateRestorationPolicy(androidx.recyclerview.widget.RecyclerView.Adapter.StateRestorationPolicy)">RecyclerView.Adapter.setStateRestorationPolicy</a></code> by the application will disable this logic and will rely on the user set value.</p>
-    <pre class="prettyprint">val USER_COMPARATOR = object : DiffUtil.ItemCallback&lt;User&gt;() {
+    <pre class="prettyprint lang-kotlin">val USER_COMPARATOR = object : DiffUtil.ItemCallback&lt;User&gt;() {
     override fun areItemsTheSame(oldItem: User, newItem: User): Boolean =
         // User ID serves as unique ID
         oldItem.userId == newItem.userId
@@ -454,7 +454,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/paging/PagingDataAdapter.html#addLoadStateListener(kotlin.Function1)">addLoadStateListener</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;listener<br>)</pre>
         <p>Add a <code><a href="/reference/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a></code> listener to observe the loading state of the current <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code>.</p>
         <p>As new <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> generations are submitted and displayed, the listener will be notified to reflect the current <code><a href="/reference/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a></code>.</p>
-        <pre class="prettyprint">val adapter = UserPagingAdapter()
+        <pre class="prettyprint lang-kotlin">val adapter = UserPagingAdapter()
 adapter.addLoadStateListener {
     // show a retry button outside the list when refresh hits an error
     retryButton.isVisible = it.refresh is LoadState.Error
@@ -650,7 +650,7 @@
         <p>Refresh the data presented by this <code><a href="/reference/androidx/paging/PagingDataAdapter.html">PagingDataAdapter</a></code>.</p>
         <p><code><a href="/reference/androidx/paging/PagingDataAdapter.html#refresh()">refresh</a></code> triggers the creation of a new <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> with a new instance of <code><a href="/reference/androidx/paging/PagingSource.html">PagingSource</a></code> to represent an updated snapshot of the backing dataset. If a <code><a href="/reference/androidx/paging/RemoteMediator.html">RemoteMediator</a></code> is set, calling <code><a href="/reference/androidx/paging/PagingDataAdapter.html#refresh()">refresh</a></code> will also trigger a call to <code><a href="/reference/androidx/paging/RemoteMediator.html#load(androidx.paging.LoadType,androidx.paging.PagingState)">RemoteMediator.load</a></code> with <code><a href="/reference/androidx/paging/LoadType.html#REFRESH">LoadType</a></code> to allow <code><a href="/reference/androidx/paging/RemoteMediator.html">RemoteMediator</a></code> to check for updates to the dataset backing <code><a href="/reference/androidx/paging/PagingSource.html">PagingSource</a></code>.</p>
         <p>Note: This API is intended for UI-driven refresh signals, such as swipe-to-refresh. Invalidation due repository-layer signals, such as DB-updates, should instead use <code><a href="/reference/androidx/paging/PagingSource.html#invalidate()">PagingSource.invalidate</a></code>.</p>
-        <pre class="prettyprint">class MyActivity : AppCompatActivity() {
+        <pre class="prettyprint lang-kotlin">class MyActivity : AppCompatActivity() {
     private lateinit var binding: MyActivityBinding
     private val pagingAdapter = UserPagingAdapter()
 
@@ -856,7 +856,7 @@
         <p>Present a <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> until it is invalidated by a call to <code><a href="/reference/androidx/paging/PagingDataAdapter.html#refresh()">refresh</a></code> or <code><a href="/reference/androidx/paging/PagingSource.html#invalidate()">PagingSource.invalidate</a></code>.</p>
         <p>This method is typically used when collecting from a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> produced by <code><a href="/reference/androidx/paging/Pager.html">Pager</a></code>. For RxJava or LiveData support, use the non-suspending overload of <code><a href="/reference/androidx/paging/PagingDataAdapter.html#submitData(androidx.paging.PagingData)">submitData</a></code>, which accepts a <code><a href="/reference/androidx/lifecycle/Lifecycle.html">Lifecycle</a></code>.</p>
         <p>Note: This method suspends while it is actively presenting page loads from a <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code>, until the <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> is invalidated. Although cancellation will propagate to this call automatically, collecting from a <code><a href="/reference/androidx/paging/Pager.html#flow()">Pager.flow</a></code> with the intention of presenting the most up-to-date representation of your backing dataset should typically be done using <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/index.html">collectLatest</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.viewModels
 
 class MyFlowActivity : AppCompatActivity() {
@@ -901,7 +901,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/androidx/paging/PagingDataAdapter.html#submitData(androidx.lifecycle.Lifecycle,androidx.paging.PagingData)">submitData</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/lifecycle/Lifecycle.html">Lifecycle</a>&nbsp;lifecycle,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;pagingData<br>)</pre>
         <p>Present a <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> until it is either invalidated or another call to <code><a href="/reference/androidx/paging/PagingDataAdapter.html#submitData(androidx.paging.PagingData)">submitData</a></code> is made.</p>
         <p>This method is typically used when observing a RxJava or LiveData stream produced by <code><a href="/reference/androidx/paging/Pager.html">Pager</a></code>. For <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> support, use the suspending overload of <code><a href="/reference/androidx/paging/PagingDataAdapter.html#submitData(androidx.paging.PagingData)">submitData</a></code>, which automates cancellation via <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-coroutine-scope/index.html">CoroutineScope</a></code> instead of relying of <code><a href="/reference/androidx/lifecycle/Lifecycle.html">Lifecycle</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.viewModels
 
 class MyLiveDataActivity : AppCompatActivity() {
@@ -916,7 +916,7 @@
         }
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.viewModels
 
 class MyRxJava2Activity : AppCompatActivity() {
diff --git a/testData/paging/docs/reference/androidx/paging/PagingDataFutures.html b/testData/paging/docs/reference/androidx/paging/PagingDataFutures.html
index 60267fe..eb81859 100644
--- a/testData/paging/docs/reference/androidx/paging/PagingDataFutures.html
+++ b/testData/paging/docs/reference/androidx/paging/PagingDataFutures.html
@@ -125,7 +125,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&nbsp;&lt;T&nbsp;extends&nbsp;R,&nbsp;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/paging/PagingDataFutures.html#(androidx.paging.PagingData).insertSeparators(com.google.common.util.concurrent.AsyncFunction,java.util.concurrent.Executor)">insertSeparators</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://guava.dev/releases/18.0/api/docs/package-list/com/google/common/util/concurrent/AsyncFunction.html">AsyncFunction</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/AdjacentItems.html">AdjacentItems</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;,&nbsp;R&gt;&nbsp;generator,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/concurrent/Executor.html">Executor</a>&nbsp;executor<br>)</pre>
         <p>Returns a <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/androidx/paging/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(com.google.common.util.concurrent.AsyncFunction,java.util.concurrent.Executor)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
         <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.rxjava2.insertSeparatorsAsync
 
@@ -159,7 +159,7 @@
         executor
     )
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.map
 import androidx.paging.rxjava2.insertSeparatorsAsync
diff --git a/testData/paging/docs/reference/androidx/paging/PagingSource.LoadResult.Error.html b/testData/paging/docs/reference/androidx/paging/PagingSource.LoadResult.Error.html
index a51f44e..d5471cb 100644
--- a/testData/paging/docs/reference/androidx/paging/PagingSource.LoadResult.Error.html
+++ b/testData/paging/docs/reference/androidx/paging/PagingSource.LoadResult.Error.html
@@ -33,7 +33,7 @@
     <hr>
     <p>Error result object for <code><a href="/reference/androidx/paging/PagingSource.html#load(androidx.paging.PagingSource.LoadParams)">PagingSource.load</a></code>.</p>
     <p>This return type indicates an expected, recoverable error (such as a network load failure). This failure will be forwarded to the UI as a <code><a href="/reference/androidx/paging/LoadState.Error.html">LoadState.Error</a></code>, and may be retried.</p>
-    <pre class="prettyprint">/**
+    <pre class="prettyprint lang-kotlin">/**
  * Sample page-keyed PagingSource, which uses Int page number to load pages.
  *
  * Loads Items from network requests via Retrofit to a backend service.
diff --git a/testData/paging/docs/reference/androidx/paging/PagingSource.LoadResult.Page.html b/testData/paging/docs/reference/androidx/paging/PagingSource.LoadResult.Page.html
index fc4053d..16de1a6 100644
--- a/testData/paging/docs/reference/androidx/paging/PagingSource.LoadResult.Page.html
+++ b/testData/paging/docs/reference/androidx/paging/PagingSource.LoadResult.Page.html
@@ -32,7 +32,7 @@
     </div>
     <hr>
     <p>Success result object for <code><a href="/reference/androidx/paging/PagingSource.html#load(androidx.paging.PagingSource.LoadParams)">PagingSource.load</a></code>.</p>
-    <pre class="prettyprint">// One common method of pagination is to use next (and optionally previous) tokens.
+    <pre class="prettyprint lang-kotlin">// One common method of pagination is to use next (and optionally previous) tokens.
 // The below code shows you how to
 data class NetworkResponseObject(
     val items: List&lt;Item&gt;,
@@ -48,7 +48,7 @@
     nextKey = next, // next token will be the params.key of a subsequent append load
     itemsAfter = approximateItemsRemaining
 )</pre>
-    <pre class="prettyprint">// If you load by page number, the response may not define how to load the next page.
+    <pre class="prettyprint lang-kotlin">// If you load by page number, the response may not define how to load the next page.
 data class NetworkResponseObject(
     val items: List&lt;Item&gt;
 )
diff --git a/testData/paging/docs/reference/androidx/paging/PagingSource.html b/testData/paging/docs/reference/androidx/paging/PagingSource.html
index 604d041..8713de6 100644
--- a/testData/paging/docs/reference/androidx/paging/PagingSource.html
+++ b/testData/paging/docs/reference/androidx/paging/PagingSource.html
@@ -57,7 +57,7 @@
     <p>A <code><a href="/reference/androidx/paging/PagingSource.html">PagingSource</a></code> / <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> pair is a snapshot of the data set. A new <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> / <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> must be created if an update occurs, such as a reorder, insert, delete, or content update occurs. A <code><a href="/reference/androidx/paging/PagingSource.html">PagingSource</a></code> must detect that it cannot continue loading its snapshot (for instance, when Database query notices a table being invalidated), and call <code><a href="/reference/androidx/paging/PagingSource.html#invalidate()">invalidate</a></code>. Then a new <code><a href="/reference/androidx/paging/PagingSource.html">PagingSource</a></code> / <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> pair would be created to represent data from the new state of the database query.</p>
     <h3> Presenting Data to UI</h3>
     <p>To present data loaded by a <code><a href="/reference/androidx/paging/PagingSource.html">PagingSource</a></code> to a <code>RecyclerView</code>, create an instance of <code><a href="/reference/androidx/paging/Pager.html">Pager</a></code>, which provides a stream of <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> that you may collect from and submit to a <code><a href="/reference/androidx/paging/PagingDataAdapter.html">PagingDataAdapter</a></code>.</p>
-    <pre class="prettyprint">/**
+    <pre class="prettyprint lang-kotlin">/**
  * Sample page-keyed PagingSource, which uses Int page number to load pages.
  *
  * Loads Items from network requests via Retrofit to a backend service.
@@ -108,7 +108,7 @@
         }
     }
 }</pre>
-    <pre class="prettyprint">/**
+    <pre class="prettyprint lang-kotlin">/**
  * Sample item-keyed [PagingSource], which uses String tokens to load pages.
  *
  * Loads Items from network requests via Retrofit to a backend service.
diff --git a/testData/paging/docs/reference/androidx/paging/RemoteMediator.html b/testData/paging/docs/reference/androidx/paging/RemoteMediator.html
index bf93e09..98bf4d5 100644
--- a/testData/paging/docs/reference/androidx/paging/RemoteMediator.html
+++ b/testData/paging/docs/reference/androidx/paging/RemoteMediator.html
@@ -61,7 +61,7 @@
         <p><code><a href="/reference/androidx/paging/PagingSource.html">PagingSource</a></code> returns a <code><a href="/reference/androidx/paging/PagingSource.LoadResult.html">LoadResult</a></code> which signals a boundary condition, i.e., the most recent <code><a href="/reference/androidx/paging/PagingSource.LoadResult.Page.html">LoadResult.Page</a></code> in the <code><a href="/reference/androidx/paging/LoadType.html#PREPEND">PREPEND</a></code> or <code><a href="/reference/androidx/paging/LoadType.html#APPEND">APPEND</a></code> direction has <code><a href="/reference/androidx/paging/PagingSource.LoadResult.Page.html#prevKey()">LoadResult.Page.prevKey</a></code> or <code><a href="/reference/androidx/paging/PagingSource.LoadResult.Page.html#nextKey()">LoadResult.Page.nextKey</a></code> set to <code>null</code> respectively.</p>
       </li>
     </ul>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.room.withTransaction
 
 /**
@@ -145,7 +145,7 @@
         }
     }
 }</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.paging.samples.shared.RemoteKey
 import androidx.room.withTransaction
 
diff --git a/testData/paging/docs/reference/androidx/paging/rxjava2/PagingRx.html b/testData/paging/docs/reference/androidx/paging/rxjava2/PagingRx.html
index a75620c..33721ce 100644
--- a/testData/paging/docs/reference/androidx/paging/rxjava2/PagingRx.html
+++ b/testData/paging/docs/reference/androidx/paging/rxjava2/PagingRx.html
@@ -167,7 +167,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&nbsp;&lt;T&nbsp;extends&nbsp;R,&nbsp;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/paging/rxjava2/PagingRx.html#(androidx.paging.PagingData).insertSeparators(kotlin.Function2)">insertSeparators</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;T,&nbsp;T,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/io/reactivex/Maybe.html">Maybe</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&gt;&nbsp;generator<br>)</pre>
         <p>Returns a <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/androidx/paging/rxjava2/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
         <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.rxjava2.insertSeparatorsAsync
 
@@ -194,7 +194,7 @@
         }.subscribeOn(Schedulers.computation())
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.map
 import androidx.paging.rxjava2.insertSeparatorsAsync
diff --git a/testData/paging/docs/reference/androidx/paging/rxjava2/RxPagingSource.html b/testData/paging/docs/reference/androidx/paging/rxjava2/RxPagingSource.html
index 0da3d47..304aae7 100644
--- a/testData/paging/docs/reference/androidx/paging/rxjava2/RxPagingSource.html
+++ b/testData/paging/docs/reference/androidx/paging/rxjava2/RxPagingSource.html
@@ -32,7 +32,7 @@
     </div>
     <hr>
     <p>Rx-based compatibility wrapper around <code><a href="/reference/androidx/paging/PagingSource.html">PagingSource</a></code>'s suspending APIs.</p>
-    <pre class="prettyprint">/**
+    <pre class="prettyprint lang-kotlin">/**
  * Sample RxPagingSource which loads `Item`s from network requests via Retrofit to a backend
  * service, which uses String tokens to load pages (each response has a next/previous token).
  */
diff --git a/testData/paging/docs/reference/androidx/paging/rxjava3/PagingRx.html b/testData/paging/docs/reference/androidx/paging/rxjava3/PagingRx.html
index c2201c6..a0a59af 100644
--- a/testData/paging/docs/reference/androidx/paging/rxjava3/PagingRx.html
+++ b/testData/paging/docs/reference/androidx/paging/rxjava3/PagingRx.html
@@ -167,7 +167,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&nbsp;&lt;T&nbsp;extends&nbsp;R,&nbsp;R&nbsp;extends&nbsp;<a href="https://developer.android.com/reference/java/lang/Object.html">Object</a>&gt; <a href="/reference/androidx/paging/rxjava3/PagingRx.html#(androidx.paging.PagingData).insertSeparators(kotlin.Function2)">insertSeparators</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/androidx/paging/PagingData.html">PagingData</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> T&gt;&nbsp;receiver,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function2&lt;T,&nbsp;T,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="/reference/io/reactivex/rxjava3/core/Maybe.html">Maybe</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> R&gt;&gt;&nbsp;generator<br>)</pre>
         <p>Returns a <code><a href="/reference/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/androidx/paging/rxjava3/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
         <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.rxjava2.insertSeparatorsAsync
 
@@ -194,7 +194,7 @@
         }.subscribeOn(Schedulers.computation())
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.map
 import androidx.paging.rxjava2.insertSeparatorsAsync
diff --git a/testData/paging/docs/reference/androidx/paging/rxjava3/RxPagingSource.html b/testData/paging/docs/reference/androidx/paging/rxjava3/RxPagingSource.html
index 230d9d0..7d258a3 100644
--- a/testData/paging/docs/reference/androidx/paging/rxjava3/RxPagingSource.html
+++ b/testData/paging/docs/reference/androidx/paging/rxjava3/RxPagingSource.html
@@ -32,7 +32,7 @@
     </div>
     <hr>
     <p>Rx-based compatibility wrapper around <code><a href="/reference/androidx/paging/PagingSource.html">PagingSource</a></code>'s suspending APIs.</p>
-    <pre class="prettyprint">/**
+    <pre class="prettyprint lang-kotlin">/**
  * Sample RxPagingSource which loads `Item`s from network requests via Retrofit to a backend
  * service, which uses String tokens to load pages (each response has a next/previous token).
  */
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/AsyncPagingDataDiffer.html b/testData/paging/docs/reference/kotlin/androidx/paging/AsyncPagingDataDiffer.html
index 64e6f8f..2cd6a6c 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/AsyncPagingDataDiffer.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/AsyncPagingDataDiffer.html
@@ -178,7 +178,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/paging/AsyncPagingDataDiffer.html#addLoadStateListener(kotlin.Function1)">addLoadStateListener</a>(listener:&nbsp;(<a href="/reference/kotlin/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Add a <code><a href="/reference/kotlin/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a></code> listener to observe the loading state of the current <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code>.</p>
         <p>As new <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> generations are submitted and displayed, the listener will be notified to reflect the current <code><a href="/reference/kotlin/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a></code>.</p>
-        <pre class="prettyprint">val adapter = UserPagingAdapter()
+        <pre class="prettyprint lang-kotlin">val adapter = UserPagingAdapter()
 adapter.addLoadStateListener {
     // show a retry button outside the list when refresh hits an error
     retryButton.isVisible = it.refresh is LoadState.Error
@@ -388,7 +388,7 @@
         <p>Refresh the data presented by this <code><a href="/reference/kotlin/androidx/paging/AsyncPagingDataDiffer.html">AsyncPagingDataDiffer</a></code>.</p>
         <p><code><a href="/reference/kotlin/androidx/paging/AsyncPagingDataDiffer.html#refresh()">refresh</a></code> triggers the creation of a new <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> with a new instance of <code><a href="/reference/kotlin/androidx/paging/PagingSource.html">PagingSource</a></code> to represent an updated snapshot of the backing dataset. If a <code><a href="/reference/kotlin/androidx/paging/RemoteMediator.html">RemoteMediator</a></code> is set, calling <code><a href="/reference/kotlin/androidx/paging/AsyncPagingDataDiffer.html#refresh()">refresh</a></code> will also trigger a call to <code><a href="/reference/kotlin/androidx/paging/RemoteMediator.html#load(androidx.paging.LoadType,androidx.paging.PagingState)">RemoteMediator.load</a></code> with <code><a href="/reference/kotlin/androidx/paging/LoadType.html#REFRESH">LoadType</a></code> to allow <code><a href="/reference/kotlin/androidx/paging/RemoteMediator.html">RemoteMediator</a></code> to check for updates to the dataset backing <code><a href="/reference/kotlin/androidx/paging/PagingSource.html">PagingSource</a></code>.</p>
         <p>Note: This API is intended for UI-driven refresh signals, such as swipe-to-refresh. Invalidation due repository-layer signals, such as DB-updates, should instead use <code><a href="/reference/kotlin/androidx/paging/PagingSource.html#invalidate()">PagingSource.invalidate</a></code>.</p>
-        <pre class="prettyprint">class MyActivity : AppCompatActivity() {
+        <pre class="prettyprint lang-kotlin">class MyActivity : AppCompatActivity() {
     private lateinit var binding: MyActivityBinding
     private val pagingAdapter = UserPagingAdapter()
 
@@ -626,7 +626,7 @@
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/androidx/paging/AsyncPagingDataDiffer.html#loadStateFlow()">loadStateFlow</a>:&nbsp;<a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a>&lt;<a href="/reference/kotlin/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a>&gt;</pre>
         <p>A hot <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> of <code><a href="/reference/kotlin/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a></code> that emits a snapshot whenever the loading state of the current <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> changes.</p>
         <p>This flow is conflated, so it buffers the last update to <code><a href="/reference/kotlin/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a></code> and immediately delivers the current load states on collection.</p>
-        <pre class="prettyprint">val adapter = UserPagingAdapter()
+        <pre class="prettyprint lang-kotlin">val adapter = UserPagingAdapter()
 lifecycleScope.launch {
     adapter.loadStateFlow
         .map { it.refresh }
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/ListenableFuturePagingSource.html b/testData/paging/docs/reference/kotlin/androidx/paging/ListenableFuturePagingSource.html
index 54d613a..9b1c39e 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/ListenableFuturePagingSource.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/ListenableFuturePagingSource.html
@@ -32,7 +32,7 @@
     </div>
     <hr>
     <p><code><a href="https://guava.dev/releases/18.0/api/docs/package-list/com/google/common/util/concurrent/ListenableFuture.html">ListenableFuture</a></code>-based compatibility wrapper around <code><a href="/reference/kotlin/androidx/paging/PagingSource.html">PagingSource</a></code>'s suspending APIs.</p>
-    <pre class="prettyprint">class MyListenableFuturePagingSource(
+    <pre class="prettyprint lang-kotlin">class MyListenableFuturePagingSource(
     val myBackend: GuavaBackendService,
     val searchTerm: String
 ) : ListenableFuturePagingSource&lt;String, Item&gt;() {
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/LoadStateAdapter.html b/testData/paging/docs/reference/kotlin/androidx/paging/LoadStateAdapter.html
index ac304e5..69386ff 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/LoadStateAdapter.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/LoadStateAdapter.html
@@ -35,7 +35,7 @@
     <p>By default will use one shared <code><a href="/reference/kotlin/androidx/recyclerview/widget/RecyclerView.Adapter.html#getItemViewType(kotlin.Int)">view type</a></code> for all items.</p>
     <p>By default, both <code><a href="/reference/kotlin/androidx/paging/LoadState.Loading.html">LoadState.Loading</a></code> and <code><a href="/reference/kotlin/androidx/paging/LoadState.Error.html">LoadState.Error</a></code> are presented as adapter items, other states are not. To configure this, override <code><a href="/reference/kotlin/androidx/paging/LoadStateAdapter.html#displayLoadStateAsItem(androidx.paging.LoadState)">displayLoadStateAsItem</a></code>.</p>
     <p>To present this Adapter as a header and or footer alongside your <code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html">PagingDataAdapter</a></code>, see <code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html#withLoadStateHeaderAndFooter(androidx.paging.LoadStateAdapter,androidx.paging.LoadStateAdapter)">PagingDataAdapter.withLoadStateHeaderAndFooter</a></code>, or use <code><a href="/reference/kotlin/androidx/recyclerview/widget/ConcatAdapter.html">ConcatAdapter</a></code> directly to concatenate Adapters.</p>
-    <pre class="prettyprint">class LoadStateViewHolder(
+    <pre class="prettyprint lang-kotlin">class LoadStateViewHolder(
     parent: ViewGroup,
     retry: () -&gt; Unit
 ) : RecyclerView.ViewHolder(
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/PagingData.html b/testData/paging/docs/reference/kotlin/androidx/paging/PagingData.html
index 3cf6118..939e978 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/PagingData.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/PagingData.html
@@ -403,7 +403,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;R,&nbsp;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>&gt; <a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/paging/PagingData.html#(androidx.paging.PagingData).insertSeparatorsAsync(com.google.common.util.concurrent.AsyncFunction,java.util.concurrent.Executor)">insertSeparatorsAsync</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;generator:&nbsp;<a href="https://guava.dev/releases/18.0/api/docs/package-list/com/google/common/util/concurrent/AsyncFunction.html">AsyncFunction</a>&lt;<a href="/reference/kotlin/androidx/paging/AdjacentItems.html">AdjacentItems</a>&lt;T&gt;,&nbsp;R?&gt;,<br>&nbsp;&nbsp;&nbsp;&nbsp;executor:&nbsp;<a href="https://developer.android.com/reference/java/util/concurrent/Executor.html">Executor</a><br>):&nbsp;<a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;R&gt;</pre>
         <p>Returns a <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/kotlin/androidx/paging/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(com.google.common.util.concurrent.AsyncFunction,java.util.concurrent.Executor)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
         <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.rxjava2.insertSeparatorsAsync
 
@@ -437,7 +437,7 @@
         executor
     )
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.map
 import androidx.paging.rxjava2.insertSeparatorsAsync
@@ -711,7 +711,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;R,&nbsp;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>&gt; <a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/paging/PagingData.html#(androidx.paging.PagingData).insertSeparators(androidx.paging.TerminalSeparatorType,kotlin.coroutines.SuspendFunction2)">insertSeparators</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;terminalSeparatorType:&nbsp;<a href="/reference/kotlin/androidx/paging/TerminalSeparatorType.html">TerminalSeparatorType</a> = FULLY_COMPLETE,<br>&nbsp;&nbsp;&nbsp;&nbsp;generator:&nbsp;suspend&nbsp;(T?, T?) <span style="white-space: nowrap;">-&gt;</span> R?<br>):&nbsp;<a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;R&gt;</pre>
         <p>Returns a <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/kotlin/androidx/paging/package-summary.html#(androidx.paging.PagingData).insertSeparators(androidx.paging.TerminalSeparatorType,kotlin.coroutines.SuspendFunction2)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
         <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparators
 
 /*
@@ -735,7 +735,7 @@
         }
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparators
 import androidx.paging.map
 
@@ -891,7 +891,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;R,&nbsp;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>&gt; <a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/paging/PagingData.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">insertSeparatorsAsync</a>(generator:&nbsp;(T?, T?) <span style="white-space: nowrap;">-&gt;</span> <a href="/reference/kotlin/io/reactivex/Maybe.html">Maybe</a>&lt;R&gt;):&nbsp;<a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;R&gt;</pre>
         <p>Returns a <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/kotlin/androidx/paging/rxjava2/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
         <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.rxjava2.insertSeparatorsAsync
 
@@ -918,7 +918,7 @@
         }.subscribeOn(Schedulers.computation())
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.map
 import androidx.paging.rxjava2.insertSeparatorsAsync
@@ -960,7 +960,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;R,&nbsp;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>&gt; <a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/paging/PagingData.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">insertSeparatorsAsync</a>(generator:&nbsp;(T?, T?) <span style="white-space: nowrap;">-&gt;</span> <a href="/reference/kotlin/io/reactivex/rxjava3/core/Maybe.html">Maybe</a>&lt;R&gt;):&nbsp;<a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;R&gt;</pre>
         <p>Returns a <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/kotlin/androidx/paging/rxjava3/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
         <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.rxjava2.insertSeparatorsAsync
 
@@ -987,7 +987,7 @@
         }.subscribeOn(Schedulers.computation())
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.map
 import androidx.paging.rxjava2.insertSeparatorsAsync
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/PagingDataAdapter.html b/testData/paging/docs/reference/kotlin/androidx/paging/PagingDataAdapter.html
index fcfc815..e16e003 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/PagingDataAdapter.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/PagingDataAdapter.html
@@ -37,7 +37,7 @@
     <p>If using RxJava and LiveData extensions on <code><a href="/reference/kotlin/androidx/paging/Pager.html">Pager</a></code>, use the non-suspending overload of <code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html#submitData(androidx.paging.PagingData)">submitData</a></code>, which accepts a <code><a href="/reference/kotlin/androidx/lifecycle/Lifecycle.html">Lifecycle</a></code>.</p>
     <p><code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html">PagingDataAdapter</a></code> listens to internal <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> loading events as <code><a href="/reference/kotlin/androidx/paging/PagingSource.LoadResult.Page.html">pages</a></code> are loaded, and uses <code><a href="/reference/kotlin/androidx/recyclerview/widget/DiffUtil.html">DiffUtil</a></code> on a background thread to compute fine grained updates as updated content in the form of new PagingData objects are received.</p>
     <p><em>State Restoration</em>: To be able to restore <code><a href="/reference/kotlin/androidx/recyclerview/widget/RecyclerView.html">RecyclerView</a></code> state (e.g. scroll position) after a configuration change / application recreate, <code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html">PagingDataAdapter</a></code> calls <code><a href="/reference/kotlin/androidx/recyclerview/widget/RecyclerView.Adapter.html#setStateRestorationPolicy(androidx.recyclerview.widget.RecyclerView.Adapter.StateRestorationPolicy)">RecyclerView.Adapter.setStateRestorationPolicy</a></code> with <code><a href="/reference/kotlin/androidx/recyclerview/widget/RecyclerView.Adapter.StateRestorationPolicy.PREVENT.html">RecyclerView.Adapter.StateRestorationPolicy.PREVENT</a></code> upon initialization and waits for the first page to load before allowing state restoration. Any other call to <code><a href="/reference/kotlin/androidx/recyclerview/widget/RecyclerView.Adapter.html#setStateRestorationPolicy(androidx.recyclerview.widget.RecyclerView.Adapter.StateRestorationPolicy)">RecyclerView.Adapter.setStateRestorationPolicy</a></code> by the application will disable this logic and will rely on the user set value.</p>
-    <pre class="prettyprint">val USER_COMPARATOR = object : DiffUtil.ItemCallback&lt;User&gt;() {
+    <pre class="prettyprint lang-kotlin">val USER_COMPARATOR = object : DiffUtil.ItemCallback&lt;User&gt;() {
     override fun areItemsTheSame(oldItem: User, newItem: User): Boolean =
         // User ID serves as unique ID
         oldItem.userId == newItem.userId
@@ -469,7 +469,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html#addLoadStateListener(kotlin.Function1)">addLoadStateListener</a>(listener:&nbsp;(<a href="/reference/kotlin/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a>) <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Add a <code><a href="/reference/kotlin/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a></code> listener to observe the loading state of the current <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code>.</p>
         <p>As new <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> generations are submitted and displayed, the listener will be notified to reflect the current <code><a href="/reference/kotlin/androidx/paging/CombinedLoadStates.html">CombinedLoadStates</a></code>.</p>
-        <pre class="prettyprint">val adapter = UserPagingAdapter()
+        <pre class="prettyprint lang-kotlin">val adapter = UserPagingAdapter()
 adapter.addLoadStateListener {
     // show a retry button outside the list when refresh hits an error
     retryButton.isVisible = it.refresh is LoadState.Error
@@ -641,7 +641,7 @@
         <p>Refresh the data presented by this <code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html">PagingDataAdapter</a></code>.</p>
         <p><code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html#refresh()">refresh</a></code> triggers the creation of a new <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> with a new instance of <code><a href="/reference/kotlin/androidx/paging/PagingSource.html">PagingSource</a></code> to represent an updated snapshot of the backing dataset. If a <code><a href="/reference/kotlin/androidx/paging/RemoteMediator.html">RemoteMediator</a></code> is set, calling <code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html#refresh()">refresh</a></code> will also trigger a call to <code><a href="/reference/kotlin/androidx/paging/RemoteMediator.html#load(androidx.paging.LoadType,androidx.paging.PagingState)">RemoteMediator.load</a></code> with <code><a href="/reference/kotlin/androidx/paging/LoadType.html#REFRESH">LoadType</a></code> to allow <code><a href="/reference/kotlin/androidx/paging/RemoteMediator.html">RemoteMediator</a></code> to check for updates to the dataset backing <code><a href="/reference/kotlin/androidx/paging/PagingSource.html">PagingSource</a></code>.</p>
         <p>Note: This API is intended for UI-driven refresh signals, such as swipe-to-refresh. Invalidation due repository-layer signals, such as DB-updates, should instead use <code><a href="/reference/kotlin/androidx/paging/PagingSource.html#invalidate()">PagingSource.invalidate</a></code>.</p>
-        <pre class="prettyprint">class MyActivity : AppCompatActivity() {
+        <pre class="prettyprint lang-kotlin">class MyActivity : AppCompatActivity() {
     private lateinit var binding: MyActivityBinding
     private val pagingAdapter = UserPagingAdapter()
 
@@ -847,7 +847,7 @@
         <p>Present a <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> until it is invalidated by a call to <code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html#refresh()">refresh</a></code> or <code><a href="/reference/kotlin/androidx/paging/PagingSource.html#invalidate()">PagingSource.invalidate</a></code>.</p>
         <p>This method is typically used when collecting from a <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> produced by <code><a href="/reference/kotlin/androidx/paging/Pager.html">Pager</a></code>. For RxJava or LiveData support, use the non-suspending overload of <code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html#submitData(androidx.paging.PagingData)">submitData</a></code>, which accepts a <code><a href="/reference/kotlin/androidx/lifecycle/Lifecycle.html">Lifecycle</a></code>.</p>
         <p>Note: This method suspends while it is actively presenting page loads from a <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code>, until the <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> is invalidated. Although cancellation will propagate to this call automatically, collecting from a <code><a href="/reference/kotlin/androidx/paging/Pager.html#flow()">Pager.flow</a></code> with the intention of presenting the most up-to-date representation of your backing dataset should typically be done using <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/index.html">collectLatest</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.viewModels
 
 class MyFlowActivity : AppCompatActivity() {
@@ -892,7 +892,7 @@
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html#submitData(androidx.lifecycle.Lifecycle,androidx.paging.PagingData)">submitData</a>(lifecycle:&nbsp;<a href="/reference/kotlin/androidx/lifecycle/Lifecycle.html">Lifecycle</a>,&nbsp;pagingData:&nbsp;<a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;T&gt;):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>Present a <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> until it is either invalidated or another call to <code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html#submitData(androidx.paging.PagingData)">submitData</a></code> is made.</p>
         <p>This method is typically used when observing a RxJava or LiveData stream produced by <code><a href="/reference/kotlin/androidx/paging/Pager.html">Pager</a></code>. For <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines.flow/-flow/index.html">Flow</a></code> support, use the suspending overload of <code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html#submitData(androidx.paging.PagingData)">submitData</a></code>, which automates cancellation via <code><a href="https://kotlinlang.org/api/kotlinx.coroutines/kotlinx-coroutines-core/kotlinx.coroutines/-coroutine-scope/index.html">CoroutineScope</a></code> instead of relying of <code><a href="/reference/kotlin/androidx/lifecycle/Lifecycle.html">Lifecycle</a></code>.</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.viewModels
 
 class MyLiveDataActivity : AppCompatActivity() {
@@ -907,7 +907,7 @@
         }
     }
 }</pre>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.activity.viewModels
 
 class MyRxJava2Activity : AppCompatActivity() {
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/PagingSource.LoadResult.Error.html b/testData/paging/docs/reference/kotlin/androidx/paging/PagingSource.LoadResult.Error.html
index 3b60783..b7558ee 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/PagingSource.LoadResult.Error.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/PagingSource.LoadResult.Error.html
@@ -33,7 +33,7 @@
     <hr>
     <p>Error result object for <code><a href="/reference/kotlin/androidx/paging/PagingSource.html#load(androidx.paging.PagingSource.LoadParams)">PagingSource.load</a></code>.</p>
     <p>This return type indicates an expected, recoverable error (such as a network load failure). This failure will be forwarded to the UI as a <code><a href="/reference/kotlin/androidx/paging/LoadState.Error.html">LoadState.Error</a></code>, and may be retried.</p>
-    <pre class="prettyprint">/**
+    <pre class="prettyprint lang-kotlin">/**
  * Sample page-keyed PagingSource, which uses Int page number to load pages.
  *
  * Loads Items from network requests via Retrofit to a backend service.
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/PagingSource.LoadResult.Page.html b/testData/paging/docs/reference/kotlin/androidx/paging/PagingSource.LoadResult.Page.html
index d495730..a4a899d 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/PagingSource.LoadResult.Page.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/PagingSource.LoadResult.Page.html
@@ -32,7 +32,7 @@
     </div>
     <hr>
     <p>Success result object for <code><a href="/reference/kotlin/androidx/paging/PagingSource.html#load(androidx.paging.PagingSource.LoadParams)">PagingSource.load</a></code>.</p>
-    <pre class="prettyprint">// One common method of pagination is to use next (and optionally previous) tokens.
+    <pre class="prettyprint lang-kotlin">// One common method of pagination is to use next (and optionally previous) tokens.
 // The below code shows you how to
 data class NetworkResponseObject(
     val items: List&lt;Item&gt;,
@@ -48,7 +48,7 @@
     nextKey = next, // next token will be the params.key of a subsequent append load
     itemsAfter = approximateItemsRemaining
 )</pre>
-    <pre class="prettyprint">// If you load by page number, the response may not define how to load the next page.
+    <pre class="prettyprint lang-kotlin">// If you load by page number, the response may not define how to load the next page.
 data class NetworkResponseObject(
     val items: List&lt;Item&gt;
 )
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/PagingSource.html b/testData/paging/docs/reference/kotlin/androidx/paging/PagingSource.html
index 343474e..8d81e36 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/PagingSource.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/PagingSource.html
@@ -57,7 +57,7 @@
     <p>A <code><a href="/reference/kotlin/androidx/paging/PagingSource.html">PagingSource</a></code> / <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> pair is a snapshot of the data set. A new <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> / <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> must be created if an update occurs, such as a reorder, insert, delete, or content update occurs. A <code><a href="/reference/kotlin/androidx/paging/PagingSource.html">PagingSource</a></code> must detect that it cannot continue loading its snapshot (for instance, when Database query notices a table being invalidated), and call <code><a href="/reference/kotlin/androidx/paging/PagingSource.html#invalidate()">invalidate</a></code>. Then a new <code><a href="/reference/kotlin/androidx/paging/PagingSource.html">PagingSource</a></code> / <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> pair would be created to represent data from the new state of the database query.</p>
     <h3> Presenting Data to UI</h3>
     <p>To present data loaded by a <code><a href="/reference/kotlin/androidx/paging/PagingSource.html">PagingSource</a></code> to a <code>RecyclerView</code>, create an instance of <code><a href="/reference/kotlin/androidx/paging/Pager.html">Pager</a></code>, which provides a stream of <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> that you may collect from and submit to a <code><a href="/reference/kotlin/androidx/paging/PagingDataAdapter.html">PagingDataAdapter</a></code>.</p>
-    <pre class="prettyprint">/**
+    <pre class="prettyprint lang-kotlin">/**
  * Sample page-keyed PagingSource, which uses Int page number to load pages.
  *
  * Loads Items from network requests via Retrofit to a backend service.
@@ -108,7 +108,7 @@
         }
     }
 }</pre>
-    <pre class="prettyprint">/**
+    <pre class="prettyprint lang-kotlin">/**
  * Sample item-keyed [PagingSource], which uses String tokens to load pages.
  *
  * Loads Items from network requests via Retrofit to a backend service.
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/RemoteMediator.html b/testData/paging/docs/reference/kotlin/androidx/paging/RemoteMediator.html
index 9b9832f..7166a7a 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/RemoteMediator.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/RemoteMediator.html
@@ -61,7 +61,7 @@
         <p><code><a href="/reference/kotlin/androidx/paging/PagingSource.html">PagingSource</a></code> returns a <code><a href="/reference/kotlin/androidx/paging/PagingSource.LoadResult.html">LoadResult</a></code> which signals a boundary condition, i.e., the most recent <code><a href="/reference/kotlin/androidx/paging/PagingSource.LoadResult.Page.html">LoadResult.Page</a></code> in the <code><a href="/reference/kotlin/androidx/paging/LoadType.html#PREPEND">PREPEND</a></code> or <code><a href="/reference/kotlin/androidx/paging/LoadType.html#APPEND">APPEND</a></code> direction has <code><a href="/reference/kotlin/androidx/paging/PagingSource.LoadResult.Page.html#prevKey()">LoadResult.Page.prevKey</a></code> or <code><a href="/reference/kotlin/androidx/paging/PagingSource.LoadResult.Page.html#nextKey()">LoadResult.Page.nextKey</a></code> set to <code>null</code> respectively.</p>
       </li>
     </ul>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.room.withTransaction
 
 /**
@@ -145,7 +145,7 @@
         }
     }
 }</pre>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.paging.samples.shared.RemoteKey
 import androidx.room.withTransaction
 
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/package-summary.html b/testData/paging/docs/reference/kotlin/androidx/paging/package-summary.html
index 8a0055a..96f6a82 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/package-summary.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/package-summary.html
@@ -922,7 +922,7 @@
       <p>A common use case for this caching is to cache <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> in a ViewModel. This can ensure that, upon configuration change (e.g. rotation), then new Activity will receive the existing data immediately rather than fetching it from scratch.</p>
       <p>Calling <code><a href="/reference/kotlin/androidx/paging/package-summary.html#(kotlinx.coroutines.flow.Flow).cachedIn(kotlinx.coroutines.CoroutineScope)">cachedIn</a></code> is required to allow calling androidx.paging.AsyncPagingDataAdapter on the same instance of <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> emitted by <code><a href="/reference/kotlin/androidx/paging/Pager.html">Pager</a></code> or any of its transformed derivatives, as reloading data from scratch on the same generation of <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> is an unsupported operation.</p>
       <p>Note that this does not turn the <code>Flow&lt;PagingData&gt;</code> into a hot stream. It won't execute any unnecessary code unless it is being collected.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.activity.viewModels
 import androidx.paging.Pager
 import androidx.paging.PagingConfig
@@ -1257,7 +1257,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;R,&nbsp;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>&gt; <a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/paging/package-summary.html#(androidx.paging.PagingData).insertSeparators(androidx.paging.TerminalSeparatorType,kotlin.coroutines.SuspendFunction2)">insertSeparators</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;terminalSeparatorType:&nbsp;<a href="/reference/kotlin/androidx/paging/TerminalSeparatorType.html">TerminalSeparatorType</a> = FULLY_COMPLETE,<br>&nbsp;&nbsp;&nbsp;&nbsp;generator:&nbsp;suspend&nbsp;(T?, T?) <span style="white-space: nowrap;">-&gt;</span> R?<br>):&nbsp;<a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;R&gt;</pre>
       <p>Returns a <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/kotlin/androidx/paging/package-summary.html#(androidx.paging.PagingData).insertSeparators(androidx.paging.TerminalSeparatorType,kotlin.coroutines.SuspendFunction2)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
       <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparators
 
 /*
@@ -1281,7 +1281,7 @@
         }
     }
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparators
 import androidx.paging.map
 
@@ -1347,7 +1347,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;R,&nbsp;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>&gt; <a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/paging/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(com.google.common.util.concurrent.AsyncFunction,java.util.concurrent.Executor)">insertSeparatorsAsync</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;generator:&nbsp;<a href="https://guava.dev/releases/18.0/api/docs/package-list/com/google/common/util/concurrent/AsyncFunction.html">AsyncFunction</a>&lt;<a href="/reference/kotlin/androidx/paging/AdjacentItems.html">AdjacentItems</a>&lt;T&gt;,&nbsp;R?&gt;,<br>&nbsp;&nbsp;&nbsp;&nbsp;executor:&nbsp;<a href="https://developer.android.com/reference/java/util/concurrent/Executor.html">Executor</a><br>):&nbsp;<a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;R&gt;</pre>
       <p>Returns a <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/kotlin/androidx/paging/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(com.google.common.util.concurrent.AsyncFunction,java.util.concurrent.Executor)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
       <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.rxjava2.insertSeparatorsAsync
 
@@ -1381,7 +1381,7 @@
         executor
     )
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.map
 import androidx.paging.rxjava2.insertSeparatorsAsync
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/rxjava2/RxPagingSource.html b/testData/paging/docs/reference/kotlin/androidx/paging/rxjava2/RxPagingSource.html
index 5a90535..317d9d1 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/rxjava2/RxPagingSource.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/rxjava2/RxPagingSource.html
@@ -32,7 +32,7 @@
     </div>
     <hr>
     <p>Rx-based compatibility wrapper around <code><a href="/reference/kotlin/androidx/paging/PagingSource.html">PagingSource</a></code>'s suspending APIs.</p>
-    <pre class="prettyprint">/**
+    <pre class="prettyprint lang-kotlin">/**
  * Sample RxPagingSource which loads `Item`s from network requests via Retrofit to a backend
  * service, which uses String tokens to load pages (each response has a next/previous token).
  */
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/rxjava2/package-summary.html b/testData/paging/docs/reference/kotlin/androidx/paging/rxjava2/package-summary.html
index abf7168..46e6bd5 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/rxjava2/package-summary.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/rxjava2/package-summary.html
@@ -179,7 +179,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;R,&nbsp;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>&gt; <a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/paging/rxjava2/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">insertSeparatorsAsync</a>(generator:&nbsp;(T?, T?) <span style="white-space: nowrap;">-&gt;</span> <a href="/reference/kotlin/io/reactivex/Maybe.html">Maybe</a>&lt;R&gt;):&nbsp;<a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;R&gt;</pre>
       <p>Returns a <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/kotlin/androidx/paging/rxjava2/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
       <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.rxjava2.insertSeparatorsAsync
 
@@ -206,7 +206,7 @@
         }.subscribeOn(Schedulers.computation())
     }
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.map
 import androidx.paging.rxjava2.insertSeparatorsAsync
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/rxjava3/RxPagingSource.html b/testData/paging/docs/reference/kotlin/androidx/paging/rxjava3/RxPagingSource.html
index 6df295c..3a2e834 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/rxjava3/RxPagingSource.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/rxjava3/RxPagingSource.html
@@ -32,7 +32,7 @@
     </div>
     <hr>
     <p>Rx-based compatibility wrapper around <code><a href="/reference/kotlin/androidx/paging/PagingSource.html">PagingSource</a></code>'s suspending APIs.</p>
-    <pre class="prettyprint">/**
+    <pre class="prettyprint lang-kotlin">/**
  * Sample RxPagingSource which loads `Item`s from network requests via Retrofit to a backend
  * service, which uses String tokens to load pages (each response has a next/previous token).
  */
diff --git a/testData/paging/docs/reference/kotlin/androidx/paging/rxjava3/package-summary.html b/testData/paging/docs/reference/kotlin/androidx/paging/rxjava3/package-summary.html
index 7fef0f4..8742b04 100644
--- a/testData/paging/docs/reference/kotlin/androidx/paging/rxjava3/package-summary.html
+++ b/testData/paging/docs/reference/kotlin/androidx/paging/rxjava3/package-summary.html
@@ -241,7 +241,7 @@
       <pre class="api-signature no-pretty-print">fun&nbsp;&lt;T&nbsp;:&nbsp;R,&nbsp;R&nbsp;:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-any/index.html">Any</a>&gt; <a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;T&gt;.<a href="/reference/kotlin/androidx/paging/rxjava3/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">insertSeparatorsAsync</a>(generator:&nbsp;(T?, T?) <span style="white-space: nowrap;">-&gt;</span> <a href="/reference/kotlin/io/reactivex/rxjava3/core/Maybe.html">Maybe</a>&lt;R&gt;):&nbsp;<a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a>&lt;R&gt;</pre>
       <p>Returns a <code><a href="/reference/kotlin/androidx/paging/PagingData.html">PagingData</a></code> containing each original element, with an optional separator generated by <code><a href="/reference/kotlin/androidx/paging/rxjava3/package-summary.html#(androidx.paging.PagingData).insertSeparatorsAsync(kotlin.Function2)">generator</a></code>, given the elements before and after (or null, in boundary conditions).</p>
       <p>Note that this transform is applied asynchronously, as pages are loaded. Potential separators between pages are only computed once both pages are loaded.</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.rxjava2.insertSeparatorsAsync
 
@@ -268,7 +268,7 @@
         }.subscribeOn(Schedulers.computation())
     }
 }</pre>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.paging.insertSeparatorsAsync
 import androidx.paging.map
 import androidx.paging.rxjava2.insertSeparatorsAsync
diff --git a/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/SamplerKt.html b/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/SamplerKt.html
index fee129c..c9311fd 100644
--- a/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/SamplerKt.html
+++ b/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/SamplerKt.html
@@ -60,7 +60,7 @@
         <h3 class="api-name" id="(kotlin.collections.List).getTopLevelExtensionProperty()">getTopLevelExtensionProperty</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-pair/index.html">Pair</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>&gt;&nbsp;<a href="/reference/dokkatest/sampleAnnotation/SamplerKt.html#(kotlin.collections.List).getTopLevelExtensionProperty()">getTopLevelExtensionProperty</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/List.html">List</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&gt;&nbsp;receiver)</pre>
         <p>top-level extension property docs</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -76,7 +76,7 @@
 
 }</pre>
         <p>and after some text, we have another sample</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.anotherFakeLibrary.FooFooFoo
 
 val weAreUsingFooFooFoo by lazy { FooFooFoo() }</pre>
@@ -85,7 +85,7 @@
         <h3 class="api-name" id="getTopLevelProperty()">getTopLevelProperty</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;<a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;<a href="/reference/dokkatest/sampleAnnotation/SamplerKt.html#getTopLevelProperty()">getTopLevelProperty</a>()</pre>
         <p>top-level non-extension property docs</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -103,7 +103,7 @@
         <p>and this is a Java sample from Kotlin source using Kotlin syntax (does not work):</p>
         <p>dokkatest.sampleAnnotation.samples.FragmentArgumentsSupport.onCreate</p>
         <p>and this is a Java sample from Kotlin source using Java syntax:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-java">
 public static class MyFragment extends Fragment {
     CharSequence mLabel;
 
@@ -171,7 +171,7 @@
         <h3 class="api-name" id="(kotlin.collections.List).topLevelExtensionFunction()">topLevelExtensionFunction</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-pair/index.html">Pair</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>&gt;&nbsp;<a href="/reference/dokkatest/sampleAnnotation/SamplerKt.html#(kotlin.collections.List).topLevelExtensionFunction()">topLevelExtensionFunction</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/List.html">List</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&gt;&nbsp;receiver)</pre>
         <p>top-level extension function docs</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -192,7 +192,7 @@
         <h3 class="api-name" id="topLevelFunction()">topLevelFunction</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/dokkatest/sampleAnnotation/SamplerKt.html#topLevelFunction()">topLevelFunction</a>()</pre>
         <p>top-level non-extension function docs</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
diff --git a/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/TopLevelClass.InnerClass.html b/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/TopLevelClass.InnerClass.html
index d103d07..8caae3c 100644
--- a/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/TopLevelClass.InnerClass.html
+++ b/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/TopLevelClass.InnerClass.html
@@ -11,7 +11,7 @@
     </p>
     <hr>
     <p>inner class docs</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
diff --git a/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/TopLevelClass.InnerInterface.html b/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/TopLevelClass.InnerInterface.html
index 0972ac8..92eaf89 100644
--- a/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/TopLevelClass.InnerInterface.html
+++ b/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/TopLevelClass.InnerInterface.html
@@ -11,7 +11,7 @@
     </p>
     <hr>
     <p>inner interface docs</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
diff --git a/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/TopLevelClass.html b/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/TopLevelClass.html
index 4c65023..348fd37 100644
--- a/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/TopLevelClass.html
+++ b/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/TopLevelClass.html
@@ -11,7 +11,7 @@
     </p>
     <hr>
     <p>top-level class docs</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -130,7 +130,7 @@
         <h3 class="api-name" id="classFunction()">classFunction</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;void&nbsp;<a href="/reference/dokkatest/sampleAnnotation/TopLevelClass.html#classFunction()">classFunction</a>()</pre>
         <p>top-level non-extension property docs</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -150,7 +150,7 @@
         <h3 class="api-name" id="getClassProperty()">getClassProperty</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;<a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;<a href="/reference/dokkatest/sampleAnnotation/TopLevelClass.html#getClassProperty()">getClassProperty</a>()</pre>
         <p>class non-extension property docs</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -170,7 +170,7 @@
         <h3 class="api-name" id="(kotlin.collections.List).getInClassExtensionProperty()">getInClassExtensionProperty</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-pair/index.html">Pair</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>&gt;&nbsp;<a href="/reference/dokkatest/sampleAnnotation/TopLevelClass.html#(kotlin.collections.List).getInClassExtensionProperty()">getInClassExtensionProperty</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/List.html">List</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&gt;&nbsp;receiver)</pre>
         <p>in-class extension property docs</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -190,7 +190,7 @@
         <h3 class="api-name" id="(kotlin.collections.List).inClassExtensionFunction()">inClassExtensionFunction</h3>
         <pre class="api-signature no-pretty-print">public&nbsp;final&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-pair/index.html">Pair</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>,&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/Float.html">Float</a>&gt;&nbsp;<a href="/reference/dokkatest/sampleAnnotation/TopLevelClass.html#(kotlin.collections.List).inClassExtensionFunction()">inClassExtensionFunction</a>(@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/List.html">List</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&gt;&nbsp;receiver)</pre>
         <p>in-class extension function docs</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
diff --git a/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/dokkatest/samples/TabRowKt.html b/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/dokkatest/samples/TabRowKt.html
index 0d05e9a..3ca7705 100644
--- a/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/dokkatest/samples/TabRowKt.html
+++ b/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/dokkatest/samples/TabRowKt.html
@@ -40,7 +40,7 @@
         <pre class="api-signature no-pretty-print">public&nbsp;static&nbsp;final&nbsp;void&nbsp;<a href="/reference/dokkatest/sampleAnnotation/dokkatest/samples/TabRowKt.html#TabRow(kotlin.Int,kotlin.String,kotlin.String,kotlin.String,kotlin.Function1,kotlin.Function0,kotlin.Function0)">TabRow</a>(<br>&nbsp;&nbsp;&nbsp;&nbsp;int&nbsp;selectedTabIndex,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;modifier,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;backgroundColor,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&nbsp;contentColor,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function1&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/util/List.html">List</a>&lt;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> <a href="https://developer.android.com/reference/java/lang/String.html">String</a>&gt;,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;indicator,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;divider,<br>&nbsp;&nbsp;&nbsp;&nbsp;@<a href="/reference/androidx/annotation/NonNull.html">NonNull</a> Function0&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a>&gt;&nbsp;tabs<br>)</pre>
         <p>A TabRow contains a row of Tabs, and displays an indicator underneath the currently selected tab. A TabRow places its tabs evenly spaced along the entire row, with each tab taking up an equal amount of space. See ScrollableTabRow for a tab row that does not enforce equal size, and allows scrolling to tabs that do not fit on screen.</p>
         <p>A simple example with text tabs looks like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material.Tab
 import androidx.compose.material.TabRow
@@ -67,7 +67,7 @@
     )
 }</pre>
         <p>You can also provide your own custom tab, such as:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material.TabRow
 import androidx.compose.material.Text
@@ -89,7 +89,7 @@
     )
 }</pre>
         <p>Where the custom tab itself could look like:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -119,7 +119,7 @@
 }</pre>
         <p>As well as customizing the tab, you can also provide a custom <code><a href="/reference/dokkatest/sampleAnnotation/dokkatest/samples/package-summary.html#TabRow(kotlin.Int,kotlin.String,kotlin.String,kotlin.String,kotlin.Function1,kotlin.Function0,kotlin.Function0)">indicator</a></code>, to customize the indicator displayed for a tab. <code><a href="/reference/dokkatest/sampleAnnotation/dokkatest/samples/package-summary.html#TabRow(kotlin.Int,kotlin.String,kotlin.String,kotlin.String,kotlin.Function1,kotlin.Function0,kotlin.Function0)">indicator</a></code> will be placed to fill the entire TabRow, so it should internally take care of sizing and positioning the indicator to match changes to <code><a href="/reference/dokkatest/sampleAnnotation/dokkatest/samples/package-summary.html#TabRow(kotlin.Int,kotlin.String,kotlin.String,kotlin.String,kotlin.Function1,kotlin.Function0,kotlin.Function0)">selectedTabIndex</a></code>.</p>
         <p>For example, given an indicator that draws a rounded rectangle near the edges of the Tab:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Box
@@ -136,7 +136,7 @@
         .border(BorderStroke(2.dp, color), RoundedCornerShape(5.dp))
 )</pre>
         <p>We can reuse TabRowDefaults.tabIndicatorOffset and just provide this indicator, as we aren't changing how the size and position of the indicator changes between tabs:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material.Tab
 import androidx.compose.material.TabRowDefaults.tabIndicatorOffset
@@ -173,7 +173,7 @@
     )
 }</pre>
         <p>You may also want to use a custom transition, to allow you to dynamically change the appearance of the indicator as it animates between tabs, such as changing its color or size. <code><a href="/reference/dokkatest/sampleAnnotation/dokkatest/samples/package-summary.html#TabRow(kotlin.Int,kotlin.String,kotlin.String,kotlin.String,kotlin.Function1,kotlin.Function0,kotlin.Function0)">indicator</a></code> is stacked on top of the entire TabRow, so you just need to provide a custom transition that animates the offset of the indicator from the start of the TabRow. For example, take the following example that uses a transition to animate the offset, width, and color of the same FancyIndicator from before, also adding a physics based 'spring' effect to the indicator in the direction of motion:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.spring
@@ -232,7 +232,7 @@
         .width(indicatorEnd - indicatorStart)
 )</pre>
         <p>We can now just pass this indicator directly to TabRow:</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material.Tab
 import androidx.compose.material.TabRow
diff --git a/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/topLevelInterface.html b/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/topLevelInterface.html
index cf0e8dd..2eddfd2 100644
--- a/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/topLevelInterface.html
+++ b/testData/sampleAnnotation/docs/reference/dokkatest/sampleAnnotation/topLevelInterface.html
@@ -11,7 +11,7 @@
     </p>
     <hr>
     <p>inner class docs</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
diff --git a/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.InnerClass.html b/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.InnerClass.html
index 333e60e..085c458 100644
--- a/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.InnerClass.html
+++ b/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.InnerClass.html
@@ -11,7 +11,7 @@
     </p>
     <hr>
     <p>inner class docs</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
diff --git a/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.InnerInterface.html b/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.InnerInterface.html
index 3144cc2..f45f9bf 100644
--- a/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.InnerInterface.html
+++ b/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.InnerInterface.html
@@ -11,7 +11,7 @@
     </p>
     <hr>
     <p>inner interface docs</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
diff --git a/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.html b/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.html
index bb0a1f2..f92a9ee 100644
--- a/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.html
+++ b/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.html
@@ -11,7 +11,7 @@
     </p>
     <hr>
     <p>top-level class docs</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -145,7 +145,7 @@
         <h3 class="api-name" id="classFunction()">classFunction</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.html#classFunction()">classFunction</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
         <p>top-level non-extension property docs</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -165,7 +165,7 @@
         <h3 class="api-name" id="(kotlin.collections.List).inClassExtensionFunction()">inClassExtensionFunction</h3>
         <pre class="api-signature no-pretty-print">fun&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html">List</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>&gt;.<a href="/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.html#(kotlin.collections.List).inClassExtensionFunction()">inClassExtensionFunction</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-pair/index.html">Pair</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>&gt;</pre>
         <p>in-class extension function docs</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -188,7 +188,7 @@
         <h3 class="api-name" id="classProperty()">classProperty</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.html#classProperty()">classProperty</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>?</pre>
         <p>class non-extension property docs</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -208,7 +208,7 @@
         <h3 class="api-name" id="(kotlin.collections.List).inClassExtensionProperty()">inClassExtensionProperty</h3>
         <pre class="api-signature no-pretty-print">val&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html">List</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>&gt;.<a href="/reference/kotlin/dokkatest/sampleAnnotation/TopLevelClass.html#(kotlin.collections.List).inClassExtensionProperty()">inClassExtensionProperty</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-pair/index.html">Pair</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>&gt;</pre>
         <p>in-class extension property docs</p>
-        <pre class="prettyprint">
+        <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
diff --git a/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/dokkatest/samples/package-summary.html b/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/dokkatest/samples/package-summary.html
index 98a6546..13c28b7 100644
--- a/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/dokkatest/samples/package-summary.html
+++ b/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/dokkatest/samples/package-summary.html
@@ -36,7 +36,7 @@
     },<br>&nbsp;&nbsp;&nbsp;&nbsp;tabs:&nbsp;() <span style="white-space: nowrap;">-&gt;</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a><br>):&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>A TabRow contains a row of Tabs, and displays an indicator underneath the currently selected tab. A TabRow places its tabs evenly spaced along the entire row, with each tab taking up an equal amount of space. See ScrollableTabRow for a tab row that does not enforce equal size, and allows scrolling to tabs that do not fit on screen.</p>
       <p>A simple example with text tabs looks like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material.Tab
 import androidx.compose.material.TabRow
@@ -63,7 +63,7 @@
     )
 }</pre>
       <p>You can also provide your own custom tab, such as:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material.TabRow
 import androidx.compose.material.Text
@@ -85,7 +85,7 @@
     )
 }</pre>
       <p>Where the custom tab itself could look like:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -115,7 +115,7 @@
 }</pre>
       <p>As well as customizing the tab, you can also provide a custom <code><a href="/reference/kotlin/dokkatest/sampleAnnotation/dokkatest/samples/package-summary.html#TabRow(kotlin.Int,kotlin.String,kotlin.String,kotlin.String,kotlin.Function1,kotlin.Function0,kotlin.Function0)">indicator</a></code>, to customize the indicator displayed for a tab. <code><a href="/reference/kotlin/dokkatest/sampleAnnotation/dokkatest/samples/package-summary.html#TabRow(kotlin.Int,kotlin.String,kotlin.String,kotlin.String,kotlin.Function1,kotlin.Function0,kotlin.Function0)">indicator</a></code> will be placed to fill the entire TabRow, so it should internally take care of sizing and positioning the indicator to match changes to <code><a href="/reference/kotlin/dokkatest/sampleAnnotation/dokkatest/samples/package-summary.html#TabRow(kotlin.Int,kotlin.String,kotlin.String,kotlin.String,kotlin.Function1,kotlin.Function0,kotlin.Function0)">selectedTabIndex</a></code>.</p>
       <p>For example, given an indicator that draws a rounded rectangle near the edges of the Tab:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Box
@@ -132,7 +132,7 @@
         .border(BorderStroke(2.dp, color), RoundedCornerShape(5.dp))
 )</pre>
       <p>We can reuse TabRowDefaults.tabIndicatorOffset and just provide this indicator, as we aren't changing how the size and position of the indicator changes between tabs:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material.Tab
 import androidx.compose.material.TabRowDefaults.tabIndicatorOffset
@@ -169,7 +169,7 @@
     )
 }</pre>
       <p>You may also want to use a custom transition, to allow you to dynamically change the appearance of the indicator as it animates between tabs, such as changing its color or size. <code><a href="/reference/kotlin/dokkatest/sampleAnnotation/dokkatest/samples/package-summary.html#TabRow(kotlin.Int,kotlin.String,kotlin.String,kotlin.String,kotlin.Function1,kotlin.Function0,kotlin.Function0)">indicator</a></code> is stacked on top of the entire TabRow, so you just need to provide a custom transition that animates the offset of the indicator from the start of the TabRow. For example, take the following example that uses a transition to animate the offset, width, and color of the same FancyIndicator from before, also adding a physics based 'spring' effect to the indicator in the direction of motion:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.animation.animateColor
 import androidx.compose.animation.core.animateDp
 import androidx.compose.animation.core.spring
@@ -228,7 +228,7 @@
         .width(indicatorEnd - indicatorStart)
 )</pre>
       <p>We can now just pass this indicator directly to TabRow:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.compose.foundation.layout.Column
 import androidx.compose.material.Tab
 import androidx.compose.material.TabRow
diff --git a/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/package-summary.html b/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/package-summary.html
index 5f20027..3055a40 100644
--- a/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/package-summary.html
+++ b/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/package-summary.html
@@ -129,7 +129,7 @@
       <h3 class="api-name" id="topLevelFunction()">topLevelFunction</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="/reference/kotlin/dokkatest/sampleAnnotation/package-summary.html#topLevelFunction()">topLevelFunction</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html">Unit</a></pre>
       <p>top-level non-extension function docs</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -150,7 +150,7 @@
       <h3 class="api-name" id="(kotlin.collections.List).topLevelExtensionFunction()">topLevelExtensionFunction</h3>
       <pre class="api-signature no-pretty-print">fun&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html">List</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>&gt;.<a href="/reference/kotlin/dokkatest/sampleAnnotation/package-summary.html#(kotlin.collections.List).topLevelExtensionFunction()">topLevelExtensionFunction</a>():&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-pair/index.html">Pair</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>&gt;</pre>
       <p>top-level extension function docs</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -172,7 +172,7 @@
       <h3 class="api-name" id="topLevelProperty()">topLevelProperty</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="/reference/kotlin/dokkatest/sampleAnnotation/package-summary.html#topLevelProperty()">topLevelProperty</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>?</pre>
       <p>top-level non-extension property docs</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -190,7 +190,7 @@
       <p>and this is a Java sample from Kotlin source using Kotlin syntax (does not work):</p>
       <p>dokkatest.sampleAnnotation.samples.FragmentArgumentsSupport.onCreate</p>
       <p>and this is a Java sample from Kotlin source using Java syntax:</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-java">
 public static class MyFragment extends Fragment {
     CharSequence mLabel;
 
@@ -259,7 +259,7 @@
       <h3 class="api-name" id="(kotlin.collections.List).topLevelExtensionProperty()">topLevelExtensionProperty</h3>
       <pre class="api-signature no-pretty-print">val&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html">List</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html">String</a>&gt;.<a href="/reference/kotlin/dokkatest/sampleAnnotation/package-summary.html#(kotlin.collections.List).topLevelExtensionProperty()">topLevelExtensionProperty</a>:&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-pair/index.html">Pair</a>&lt;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>,&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-float/index.html">Float</a>&gt;</pre>
       <p>top-level extension property docs</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {
@@ -275,7 +275,7 @@
 
 }</pre>
       <p>and after some text, we have another sample</p>
-      <pre class="prettyprint">
+      <pre class="prettyprint lang-kotlin">
 import androidx.anotherFakeLibrary.FooFooFoo
 
 val weAreUsingFooFooFoo by lazy { FooFooFoo() }</pre>
diff --git a/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/topLevelInterface.html b/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/topLevelInterface.html
index eb3c8ef..d790482 100644
--- a/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/topLevelInterface.html
+++ b/testData/sampleAnnotation/docs/reference/kotlin/dokkatest/sampleAnnotation/topLevelInterface.html
@@ -11,7 +11,7 @@
     </p>
     <hr>
     <p>inner class docs</p>
-    <pre class="prettyprint">
+    <pre class="prettyprint lang-kotlin">
 import androidx.notARealLibrary.Thingy1
 
 class CustomPainter() {