diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
index 428ac512..48fe8824 100644
--- a/.github/workflows/lint.yml
+++ b/.github/workflows/lint.yml
@@ -49,8 +49,7 @@ jobs:
       - name: Run ktlint
         run: |
           cd android
-          ./gradlew lintKotlin --continue
-          ./gradlew :build-logic:convention:lint --continue
+          ./gradlew lint lintKotlin :build-logic:convention:lint --continue
 
   detekt:
     name: Detekt
diff --git a/README.md b/README.md
index 91e99497..a1b6e565 100644
--- a/README.md
+++ b/README.md
@@ -10,8 +10,6 @@
 
 [Android library details and usage notes are here.](/android/README.md).
 
-[API documentation is here.](https://guardian.github.io/source-apps/android/docs/index.html).
-
 # iOS Usage 
 
 ## Adding the Swift Package To Xcode
diff --git a/android/README.md b/android/README.md
index f1457397..4bbd5e6a 100644
--- a/android/README.md
+++ b/android/README.md
@@ -7,12 +7,23 @@
 
 ## Add the library dependency
 
-Add the dependency to `build.gradle.kts` for the consuming module:
+Add the dependency to `build.gradle.kts` for the consuming module.
+
+In `build.gradle.kts`:
 
 ```kotlin
 implementation("com.gu.source:source-android:<version>")
 ```
 
+In version catalog:
+```toml
+[versions]
+source = "<version>"
+
+[libraries]
+source = { module = "com.gu.source:source-android", version.ref = "source" }
+```
+
 <!-- Alternatively, add it to your app's core design module as an `api` dependency. It will be transitively available to all other modules:
 
 ```kotlin
@@ -28,7 +39,9 @@ The library provides design presets and components.
 
 The design presets are available name spaced under the `com.gu.Source` object, e.g. `Source.Typography.HeadlineBold15`.
 
-[API documentation is here.](https://guardian.github.io/source-apps/android/docs/index.html).
+**[Full API documentation is available here.](https://guardian.github.io/source-apps/android/docs/index.html)**
+
+---
 
 ### Typography presets
 
@@ -61,98 +74,31 @@ Text(
 ```
 
 ---
+
 ### Buttons
 
 Four core button components are available - `SourceButton`, `SourceIconButton`, `PlainSourceButton` and `SourceBaseIconButton`.
 
-#### Themed buttons
-
-
-The first two source buttons have preset style and size variants corresponding to Source specifications. Both _Core_ and _Reader Revenue_ themes are provided. The latter two use Source defined sizing but can be used for custom colour schemes.
+[See here for full details of the button components.][buttons]
 
 | Core theme | Reader revenue theme |
 | --- | --- |
 | ![Core themed text only buttons](https://github.com/user-attachments/assets/e69393fb-675b-4f0e-9f52-62a28736bcfc) | ![Reader revenue themed text only buttons](https://github.com/user-attachments/assets/7ca3d409-252e-45e1-964f-efd03b1ebe39) |
 
-##### Usage examples
-
-Using `SourceButton`:
-```kotlin
-SourceButton(
-    text = "Sign in",
-    priority = SourceButton.Priority.PrimaryOnWhite,
-    onClick = {},
-    size = SourceButton.Size.Small,
-)
-```
-
-Using `SourceIconButton` with a Material Icon:
-```kotlin
-SourceIconButton(
-    icon = Icons.Default.Person,
-    priority = SourceButton.Priority.SecondaryOnBlue,
-    contentDescription = null,
-    onClick = {},
-    size = SourceButton.Size.Medium,
-)
-```
-
-Using `SourceIconButton` with a drawable resource:
-```kotlin
-SourceIconButton(
-    painter = painterResource(R.drawable.ic_person),
-    priority = SourceButton.Priority.SecondaryOnBlue,
-    contentDescription = null,
-    onClick = {},
-)
-```
-
-#### Base buttons
+---
 
-The plain and base buttons are intended for when custom colour schemes are needed. These do not use preconfigured `priority` or `theme`. They expect to be directly be provided with `ButtonColours`. (`PlainSourceButton` is available from version `0.2.1`, `SourceBaseIconButton` is available from `0.3.0`)
+### Chips
 
-##### Usage examples
+Chip components are typically used for filter, tags, or actions in a concise 
+format.
 
-```kotlin
-PlainSourceButton(
-    text = "Culture themed",
-    onClick = {},
-    modifier = Modifier.align(CenterHorizontally),
-    buttonColours = ButtonColours(
-        border = AppColour(
-            light = Source.Palette.Culture200,
-            dark = Source.Palette.Culture800,
-        ),
-        container = AppColour(
-            light = Source.Palette.Culture800,
-            dark = Source.Palette.Culture200,
-        ),
-        content = AppColour(
-            light = Source.Palette.Culture200,
-            dark = Source.Palette.Culture800,
-        ),
-    ),
-)
-```
-
-```kotlin
-SourceBaseIconButton(
-    buttonColours = buttonColours,
-    size = SourceButton.Size.Small,
-    onClick = { },
-) {
-    Icon(
-        imageVector = Source.Icons.Base.ChevronRight,
-        contentDescription = null,
-        modifier = it,
-    )
-}
-```
+[See here for full details of the chip components.][chips]
 
 ---
+
 ### Pager progress components
 
-There are three pager progress components available:
+Three pager progress components are available:
 
 1. `PagerProgressIndicator` - a set of indicators to signify progress as a user
 progresses through the items in the pager
@@ -161,87 +107,12 @@ in a pager
 3. `PagerProgressBar` - a higher level component that combines the above two
 and has different phone and tablet behaviour.
 
+[See here for more details on pager progress components.][pager]
 
-#### `PagerProgressBar`
-
-The `PagerProgressBar` component is used to signify progress as a user flips through the items in a `HorizontalPager`. It is typically used for image carousels.
-
-The progress bar is styled to match Source specifications. It is expected to be placed below the pager.
-
-On tablets, the bar also displays `PagerProgressButtons` to allow the user to go
-to next or previous pages.
-
-##### Usage example
 
 ![Progress bar for tablets](https://github.com/user-attachments/assets/ec1c2520-8c2c-42c0-9a8c-631054e77a67)
 
-
-```kotlin
-Column(
-    modifier = modifier .widthIn(max = 695.dp),
-) {
-    HorizontalPager(
-        state = pagerState,
-        modifier = Modifier
-            .aspectRatio(695 / 544f)
-            .clip(RoundedCornerShape(16.dp)),
-    ) { page ->
-        SampleImage(
-            randomKey = page,
-            modifier = Modifier.fillMaxWidth(),
-        )
-    }
-    
-    // Place the bar below the pager
-    PagerProgressBar(pagerState = pagerState)
-}
-```
-
-#### Custom progress indicators
-
-`PagerProgressIndicator` is a lower level component used to signify progress in the bar. It provides a lot more options for customising appearance of the indicators.
-
-##### Usage example:
-
-![Custom indicator styling](https://github.com/user-attachments/assets/2d08a04d-a146-4ab0-a61c-5b8a89502cd1)
-
-
-```kotlin
-Column(modifier = Modifier.padding(8.dp)) {
-    HorizontalPager(state = pagerState) {
-        Box(
-            modifier = Modifier
-                .size(400.dp)
-                .background(Source.Palette.Neutral86, RoundedCornerShape(8.dp)),
-        ) {
-            Text(
-                text = (it + 1).toString(),
-                style = Source.Typography.Titlepiece70,
-                modifier = Modifier.align(Alignment.Center),
-                color = Source.Palette.Neutral46,
-            )
-        }
-    }
-    
-    // Place indicator below the pager, style it and set alignment explicitly
-    PagerProgressIndicator(
-        pagerState = pagerState,
-        selectedIndicatorColour = Source.Palette.Sport500,
-        unSelectedIndicatorColour = Source.Palette.Sport500.copy(alpha = 0.3F),
-        indicatorShape = CutCornerShape(8.dp),
-        maxIndicatorCount = 7,
-        numberOfItemsToScale = 5,
-        modifier = Modifier
-            .padding(top = 8.dp)
-            .align(Alignment.CenterHorizontally),
-    )
-}
-```
-
-#### `PagerProgressButton`s
-
-A set of next & previous icon buttons to progress through the pages. The button
-enabled state depends on availability of a next/previous page.
+---
 
 ### Alert banners
 
@@ -305,4 +176,9 @@ AlertBanner(
 
 ### Other notes
 
-1. We use the `com.gu` package name and group id so we can use the Guardian's Sonatype infra for signing and publishing the library. See [this comment](https://github.com/guardian/source-android/pull/10/files?w=1#r1567071142) for reference. 
\ No newline at end of file
+1. We use the `com.gu` package name and group id so we can use the Guardian's Sonatype infra for signing and publishing the library. See [this comment](https://github.com/guardian/source-android/pull/10/files?w=1#r1567071142) for reference. 
+
+
+[buttons]: ./source/src/main/kotlin/com/gu/source/components/buttons/README.md
+[pager]: ./source/src/main/kotlin/com/gu/source/components/pager/README.md
+[chips]: ./source/src/main/kotlin/com/gu/source/components/chips/README.md
\ No newline at end of file
diff --git a/android/build-logic/convention/build.gradle.kts b/android/build-logic/convention/build.gradle.kts
index 32a0cbbc..5d1cf272 100644
--- a/android/build-logic/convention/build.gradle.kts
+++ b/android/build-logic/convention/build.gradle.kts
@@ -50,11 +50,6 @@ gradlePlugin {
             implementationClass = "com.theguardian.convention.ComposeApplicationConventionPlugin"
             version = "1"
         }
-        register("guardianDetektPlugin") {
-            id = "com.theguardian.detekt"
-            implementationClass = "com.theguardian.convention.DetektPlugin"
-            version = "1"
-        }
         register("androidTestPlugin") {
             id = "com.theguardian.test.android"
             implementationClass = "com.theguardian.convention.AndroidTestConventionPlugin"
diff --git a/android/build-logic/convention/gradle-lint-baseline.xml b/android/build-logic/convention/gradle-lint-baseline.xml
index f798ed6d..9487c818 100644
--- a/android/build-logic/convention/gradle-lint-baseline.xml
+++ b/android/build-logic/convention/gradle-lint-baseline.xml
@@ -1,15 +1,26 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<issues format="6" by="lint 8.7.2" type="baseline" client="gradle" dependencies="false" name="AGP (8.7.2)" variant="all" version="8.7.2">
+<issues format="6" by="lint 8.7.3" type="baseline" client="gradle" dependencies="false" name="AGP (8.7.3)" variant="all" version="8.7.3">
 
     <issue
         id="GradleProjectIsolation"
         message="Avoid using method getRootProject"
-        errorLine1="            val rootProject = target.rootProject"
-        errorLine2="                                     ~~~~~~~~~~~">
+        errorLine1="                rootProject.layout.buildDirectory.file(&quot;reports/detekt/merge.sarif&quot;),"
+        errorLine2="                ~~~~~~~~~~~">
         <location
-            file="src/main/kotlin/com/theguardian/convention/DetektPlugin.kt"
-            line="23"
-            column="38"/>
+            file="src/main/kotlin/com/theguardian/convention/shared/SetupDetekt.kt"
+            line="20"
+            column="17"/>
+    </issue>
+
+    <issue
+        id="GradleProjectIsolation"
+        message="Avoid using method getRootProject"
+        errorLine1="            basePath = rootProject.projectDir.absolutePath"
+        errorLine2="                       ~~~~~~~~~~~">
+        <location
+            file="src/main/kotlin/com/theguardian/convention/shared/SetupDetekt.kt"
+            line="57"
+            column="24"/>
     </issue>
 
 </issues>
diff --git a/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/AndroidApplicationConventionPlugin.kt b/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/AndroidApplicationConventionPlugin.kt
index f9e0f9b0..25afe050 100644
--- a/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/AndroidApplicationConventionPlugin.kt
+++ b/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/AndroidApplicationConventionPlugin.kt
@@ -1,10 +1,7 @@
 package com.theguardian.convention
 
 import com.android.build.api.dsl.ApplicationExtension
-import com.theguardian.convention.shared.configureAndroidModule
-import com.theguardian.convention.shared.configureAndroidTests
-import com.theguardian.convention.shared.libs
-import com.theguardian.convention.shared.plugin
+import com.theguardian.convention.shared.*
 import org.gradle.api.Plugin
 import org.gradle.api.Project
 import org.gradle.kotlin.dsl.configure
@@ -29,6 +26,8 @@ class AndroidApplicationConventionPlugin : Plugin<Project> {
                 apply(libs.plugin("kotlinter").pluginId)
             }
 
+            setupDetekt()
+
             extensions.configure<ApplicationExtension> {
                 defaultConfig {
                     targetSdk = libs.findVersion("targetsdk").get().toString().toInt()
diff --git a/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/AndroidLibraryConventionPlugin.kt b/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/AndroidLibraryConventionPlugin.kt
index b69539f3..d8e2fd13 100644
--- a/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/AndroidLibraryConventionPlugin.kt
+++ b/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/AndroidLibraryConventionPlugin.kt
@@ -31,6 +31,8 @@ class AndroidLibraryConventionPlugin : Plugin<Project> {
                 apply(libs.plugin("kotlinter").pluginId)
             }
 
+            setupDetekt()
+
             extensions.configure<LibraryExtension> {
                 configureAndroidModule<KotlinAndroidProjectExtension>(this)
 
diff --git a/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/AndroidTestConventionPlugin.kt b/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/AndroidTestConventionPlugin.kt
index 1e924023..170647a9 100644
--- a/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/AndroidTestConventionPlugin.kt
+++ b/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/AndroidTestConventionPlugin.kt
@@ -1,10 +1,7 @@
 package com.theguardian.convention
 
 import com.android.build.gradle.TestExtension
-import com.theguardian.convention.shared.configureAndroidModule
-import com.theguardian.convention.shared.configureAndroidTests
-import com.theguardian.convention.shared.libs
-import com.theguardian.convention.shared.plugin
+import com.theguardian.convention.shared.*
 import org.gradle.api.Plugin
 import org.gradle.api.Project
 import org.gradle.kotlin.dsl.configure
@@ -29,6 +26,8 @@ class AndroidTestConventionPlugin : Plugin<Project> {
                 apply(libs.plugin("kotlinter").pluginId)
             }
 
+            setupDetekt()
+
             extensions.configure<TestExtension> {
                 configureAndroidModule<KotlinAndroidProjectExtension>(this)
 
diff --git a/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/DetektPlugin.kt b/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/DetektPlugin.kt
deleted file mode 100644
index b8c4fb64..00000000
--- a/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/DetektPlugin.kt
+++ /dev/null
@@ -1,73 +0,0 @@
-package com.theguardian.convention
-
-import com.theguardian.convention.shared.isJvmModule
-import com.theguardian.convention.shared.libs
-import com.theguardian.convention.shared.plugin
-import io.gitlab.arturbosch.detekt.Detekt
-import io.gitlab.arturbosch.detekt.extensions.DetektExtension
-import io.gitlab.arturbosch.detekt.report.ReportMergeTask
-import org.gradle.api.JavaVersion
-import org.gradle.api.Plugin
-import org.gradle.api.Project
-
-/**
- * The Detekt convention plugin applies detekt plugins, and sets up configuration based on settings.
- */
-class DetektPlugin : Plugin<Project> {
-    override fun apply(target: Project) {
-        with(target) {
-            with(pluginManager) {
-                apply(libs.plugin("detekt").pluginId)
-            }
-
-            val rootProject = target.rootProject
-
-            tasks.register("reportMerge", ReportMergeTask::class.java) {
-                output.set(
-                    rootProject.layout.buildDirectory.file("reports/detekt/merge.sarif")
-                )
-            }
-
-            val reportMerge = tasks.named("reportMerge", ReportMergeTask::class.java)
-
-            reportMerge.configure {
-                input.from(tasks.withType(Detekt::class.java).map { it.sarifReportFile })
-            }
-
-            // enable reports
-            tasks.withType(Detekt::class.java).configureEach {
-                jvmTarget = JavaVersion.VERSION_17.toString()
-                reports {
-                    xml.required.set(false)
-                    html.required.set(true)
-                    txt.required.set(true)
-                    md.required.set(false)
-
-                    sarif.required.set(true)
-                }
-
-                exclude(
-                    "**/build/*",
-                    "**/generated/*",
-                    "**/build.gradle.kts",
-                    "**/settings.gradle.kts",
-                )
-
-                finalizedBy(reportMerge)
-            }
-
-            extensions.configure(DetektExtension::class.java) {
-                toolVersion = libs.findVersion("detekt").get().requiredVersion
-                config.setFrom(file("$rootDir/config/detekt.yml"))
-                parallel = true
-
-                basePath = rootProject.projectDir.absolutePath
-
-                if (!target.isJvmModule()) {
-                    // By default only main and test sources are included. I've added androidTest too
-                    source.from("src/androidTest/java", "src/androidTest/kotlin")
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/KotlinLibraryConventionPlugin.kt b/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/KotlinLibraryConventionPlugin.kt
index ec5064f7..3ceb1665 100644
--- a/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/KotlinLibraryConventionPlugin.kt
+++ b/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/KotlinLibraryConventionPlugin.kt
@@ -3,6 +3,7 @@ package com.theguardian.convention
 import com.theguardian.convention.shared.addBaseDependencies
 import com.theguardian.convention.shared.libs
 import com.theguardian.convention.shared.plugin
+import com.theguardian.convention.shared.setupDetekt
 import org.gradle.api.Plugin
 import org.gradle.api.Project
 import org.jetbrains.kotlin.gradle.dsl.KotlinJvmProjectExtension
@@ -20,10 +21,11 @@ class KotlinLibraryConventionPlugin : Plugin<Project> {
         with(target) {
             with(pluginManager) {
                 apply("org.jetbrains.kotlin.jvm")
-                apply("jvm-module-test")
                 apply(libs.plugin("kotlinter").pluginId)
             }
 
+            setupDetekt()
+
             addBaseDependencies<KotlinJvmProjectExtension>()
         }
     }
diff --git a/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/shared/SetupDetekt.kt b/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/shared/SetupDetekt.kt
new file mode 100644
index 00000000..e74ff034
--- /dev/null
+++ b/android/build-logic/convention/src/main/kotlin/com/theguardian/convention/shared/SetupDetekt.kt
@@ -0,0 +1,66 @@
+package com.theguardian.convention.shared
+
+import io.gitlab.arturbosch.detekt.Detekt
+import io.gitlab.arturbosch.detekt.extensions.DetektExtension
+import io.gitlab.arturbosch.detekt.report.ReportMergeTask
+import org.gradle.api.JavaVersion
+import org.gradle.api.Project
+
+/**
+ * The Detekt convention plugin applies detekt plugins, and sets up configuration based on settings.
+ */
+fun Project.setupDetekt() {
+    with(this) {
+        with(pluginManager) {
+            this.apply(libs.plugin("detekt").pluginId)
+        }
+
+        tasks.register("reportMerge", ReportMergeTask::class.java) {
+            output.set(
+                rootProject.layout.buildDirectory.file("reports/detekt/merge.sarif"),
+            )
+        }
+
+        val reportMerge = tasks.named("reportMerge", ReportMergeTask::class.java)
+
+        reportMerge.configure {
+            input.from(tasks.withType(Detekt::class.java).map { it.sarifReportFile })
+        }
+
+        // enable reports
+        tasks.withType(Detekt::class.java).configureEach {
+            jvmTarget = JavaVersion.VERSION_17.toString()
+            reports {
+                xml.required.set(false)
+                html.required.set(true)
+                txt.required.set(true)
+                md.required.set(false)
+
+                sarif.required.set(true)
+            }
+
+            exclude(
+                "**/build/*",
+                "**/generated/*",
+                "**/build.gradle.kts",
+                "**/settings.gradle.kts",
+            )
+
+            finalizedBy(reportMerge)
+        }
+
+        extensions.configure(DetektExtension::class.java) {
+            toolVersion = libs.findVersion("detekt").get().requiredVersion
+            config.setFrom(file("${rootDir}/config/detekt.yml"))
+            parallel = true
+
+            basePath = rootProject.projectDir.absolutePath
+            ignoredBuildTypes = listOf("release")
+
+            if (!isJvmModule()) {
+                // By default only main and test sources are included. I've added androidTest too
+                source.from("src/androidTest/java", "src/androidTest/kotlin")
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/android/build.gradle.kts b/android/build.gradle.kts
index e3c09376..5a91f535 100644
--- a/android/build.gradle.kts
+++ b/android/build.gradle.kts
@@ -16,6 +16,7 @@ plugins {
     alias(libs.plugins.nexus.publish)
     alias(libs.plugins.compose.compiler) apply false
     alias(libs.plugins.dokka) apply false
+    alias(libs.plugins.gradle.binaryCompatibility)
 }
 
 group = libs.versions.group.get()
diff --git a/android/gradle/libs.versions.toml b/android/gradle/libs.versions.toml
index 2339293b..bd0db7b7 100644
--- a/android/gradle/libs.versions.toml
+++ b/android/gradle/libs.versions.toml
@@ -1,6 +1,6 @@
 [versions]
 group = "com.gu.source"
-libraryVersion = "0.5.0"
+libraryVersion = "0.6.0"
 compilesdk = "35"
 minsdk = "26"
 targetsdk = "34"
@@ -28,6 +28,8 @@ lint-gradle = "1.0.0-alpha02"
 nexus-publish = "2.0.0"
 timber = "5.0.1"
 
+gradle-binary-compatibility = "0.16.3"
+
 junit = "4.13.2"
 espressoCore = "3.6.1"
 androidx-junit = "1.2.1"
@@ -95,6 +97,7 @@ kgp = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
 kotlinter = { id = "org.jmailen.kotlinter", version.ref = "kotlinter" }
 paparazzi = { id = "app.cash.paparazzi", version.ref = "paparazzi" }
 dokka = { id = "org.jetbrains.dokka", version.ref = "dokka" }
+gradle-binaryCompatibility = { id = "org.jetbrains.kotlinx.binary-compatibility-validator", version.ref = "gradle-binary-compatibility" }
 
 nexus-publish = { id = "io.github.gradle-nexus.publish-plugin", version.ref = "nexus-publish" }
 
@@ -104,5 +107,4 @@ guardian-library-android = { id = "com.theguardian.library.android", version.ref
 guardian-test-android = { id = "com.theguardian.test.android", version.ref = "guardian-convention-plugins" }
 guardian-library-kotlin = { id = "com.theguardian.library.kotlin", version.ref = "guardian-convention-plugins" }
 guardian-compose-library = { id = "com.theguardian.compose.library", version.ref = "guardian-convention-plugins" }
-guardian-compose-application = { id = "com.theguardian.compose.application", version.ref = "guardian-convention-plugins" }
-guardian-detekt = { id = "com.theguardian.detekt", version.ref = "guardian-convention-plugins" }
\ No newline at end of file
+guardian-compose-application = { id = "com.theguardian.compose.application", version.ref = "guardian-convention-plugins" }
\ No newline at end of file
diff --git a/android/sample/build.gradle.kts b/android/sample/build.gradle.kts
index c68f0c5f..07f1c46e 100644
--- a/android/sample/build.gradle.kts
+++ b/android/sample/build.gradle.kts
@@ -1,7 +1,6 @@
 plugins {
     alias(libs.plugins.guardian.application)
     alias(libs.plugins.guardian.compose.application)
-    alias(libs.plugins.guardian.detekt)
 }
 
 android {
@@ -36,7 +35,7 @@ android {
 }
 
 detekt {
-    baseline = file("detekt-baseline-debug.xml")
+    baseline = file("detekt-baseline.xml")
 }
 
 dependencies {
diff --git a/android/sample/detekt-baseline-debug-debug.xml b/android/sample/detekt-baseline-debug-debug.xml
deleted file mode 100644
index 3d1f81e6..00000000
--- a/android/sample/detekt-baseline-debug-debug.xml
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" ?>
-<SmellBaseline>
-  <ManuallySuppressedIssues></ManuallySuppressedIssues>
-  <CurrentIssues>
-    <ID>CastNullableToNonNullableType:Theme.kt$as</ID>
-    <ID>UndocumentedPublicClass:MainActivity.kt$MainActivity : ComponentActivity</ID>
-    <ID>UndocumentedPublicFunction:Theme.kt$@Composable fun SourceForAndroidTheme( darkTheme: Boolean = isSystemInDarkTheme(), // Dynamic color is available on Android 12+ dynamicColor: Boolean = true, content: @Composable () -&gt; Unit, )</ID>
-    <ID>UndocumentedPublicProperty:Color.kt$val Pink40 = Color( color = 0xFF7D5260, )</ID>
-    <ID>UndocumentedPublicProperty:Color.kt$val Pink80 = Color(color = 0xFFEFB8C8)</ID>
-    <ID>UndocumentedPublicProperty:Color.kt$val Purple40 = Color(color = 0xFF6650a4)</ID>
-    <ID>UndocumentedPublicProperty:Color.kt$val Purple80 = Color(color = 0xFFD0BCFF)</ID>
-    <ID>UndocumentedPublicProperty:Color.kt$val PurpleGrey40 = Color(color = 0xFF625b71)</ID>
-    <ID>UndocumentedPublicProperty:Color.kt$val PurpleGrey80 = Color(color = 0xFFCCC2DC)</ID>
-    <ID>UndocumentedPublicProperty:Type.kt$// Set of Material typography styles to start with val Typography = Typography( bodyLarge = TextStyle( fontFamily = FontFamily.Default, fontWeight = FontWeight.Normal, fontSize = 16.sp, lineHeight = 24.sp, letterSpacing = 0.5.sp, ), /* Other default text styles to override titleLarge = TextStyle( fontFamily = FontFamily.Default, fontWeight = FontWeight.Normal, fontSize = 22.sp, lineHeight = 28.sp, letterSpacing = 0.sp ), labelSmall = TextStyle( fontFamily = FontFamily.Default, fontWeight = FontWeight.Medium, fontSize = 11.sp, lineHeight = 16.sp, letterSpacing = 0.5.sp ) */ )</ID>
-  </CurrentIssues>
-</SmellBaseline>
diff --git a/android/sample/detekt-baseline-debug.xml b/android/sample/detekt-baseline-debug.xml
deleted file mode 100644
index 3d1f81e6..00000000
--- a/android/sample/detekt-baseline-debug.xml
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" ?>
-<SmellBaseline>
-  <ManuallySuppressedIssues></ManuallySuppressedIssues>
-  <CurrentIssues>
-    <ID>CastNullableToNonNullableType:Theme.kt$as</ID>
-    <ID>UndocumentedPublicClass:MainActivity.kt$MainActivity : ComponentActivity</ID>
-    <ID>UndocumentedPublicFunction:Theme.kt$@Composable fun SourceForAndroidTheme( darkTheme: Boolean = isSystemInDarkTheme(), // Dynamic color is available on Android 12+ dynamicColor: Boolean = true, content: @Composable () -&gt; Unit, )</ID>
-    <ID>UndocumentedPublicProperty:Color.kt$val Pink40 = Color( color = 0xFF7D5260, )</ID>
-    <ID>UndocumentedPublicProperty:Color.kt$val Pink80 = Color(color = 0xFFEFB8C8)</ID>
-    <ID>UndocumentedPublicProperty:Color.kt$val Purple40 = Color(color = 0xFF6650a4)</ID>
-    <ID>UndocumentedPublicProperty:Color.kt$val Purple80 = Color(color = 0xFFD0BCFF)</ID>
-    <ID>UndocumentedPublicProperty:Color.kt$val PurpleGrey40 = Color(color = 0xFF625b71)</ID>
-    <ID>UndocumentedPublicProperty:Color.kt$val PurpleGrey80 = Color(color = 0xFFCCC2DC)</ID>
-    <ID>UndocumentedPublicProperty:Type.kt$// Set of Material typography styles to start with val Typography = Typography( bodyLarge = TextStyle( fontFamily = FontFamily.Default, fontWeight = FontWeight.Normal, fontSize = 16.sp, lineHeight = 24.sp, letterSpacing = 0.5.sp, ), /* Other default text styles to override titleLarge = TextStyle( fontFamily = FontFamily.Default, fontWeight = FontWeight.Normal, fontSize = 22.sp, lineHeight = 28.sp, letterSpacing = 0.sp ), labelSmall = TextStyle( fontFamily = FontFamily.Default, fontWeight = FontWeight.Medium, fontSize = 11.sp, lineHeight = 16.sp, letterSpacing = 0.5.sp ) */ )</ID>
-  </CurrentIssues>
-</SmellBaseline>
diff --git a/android/sample/detekt-baseline.xml b/android/sample/detekt-baseline.xml
new file mode 100644
index 00000000..0957fc5b
--- /dev/null
+++ b/android/sample/detekt-baseline.xml
@@ -0,0 +1,8 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<SmellBaseline>
+  <ManuallySuppressedIssues/>
+  <CurrentIssues>
+    <ID>CognitiveComplexMethod:ChipsPreview.kt$@OptIn(ExperimentalLayoutApi::class) @Composable internal fun ChipsPreview(modifier: Modifier = Modifier)</ID>
+    <ID>UndocumentedPublicClass:MainActivity.kt$MainActivity : ComponentActivity</ID>
+  </CurrentIssues>
+</SmellBaseline>
diff --git a/android/sample/src/main/AndroidManifest.xml b/android/sample/src/main/AndroidManifest.xml
index 51a7949d..289703d8 100644
--- a/android/sample/src/main/AndroidManifest.xml
+++ b/android/sample/src/main/AndroidManifest.xml
@@ -17,7 +17,6 @@
         <activity
             android:name="com.gu.source.MainActivity"
             android:exported="true"
-            android:label="@string/app_name"
             android:theme="@style/Theme.SourceForAndroid">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
diff --git a/android/sample/src/main/kotlin/com/gu/source/MainActivity.kt b/android/sample/src/main/kotlin/com/gu/source/MainActivity.kt
index dafb3b35..edcf43aa 100644
--- a/android/sample/src/main/kotlin/com/gu/source/MainActivity.kt
+++ b/android/sample/src/main/kotlin/com/gu/source/MainActivity.kt
@@ -21,6 +21,7 @@ import com.gu.source.presets.palette.Neutral10
 import com.gu.source.presets.palette.Neutral100
 import com.gu.source.presets.palette.Neutral97
 import com.gu.source.presets.typography.HeadlineMedium20
+import com.gu.source.previews.*
 import com.gu.source.utils.PreviewPhoneBothMode
 import com.gu.source.utils.plus
 import kotlinx.coroutines.launch
@@ -43,6 +44,7 @@ private enum class SheetContentType {
     Buttons,
     CoreIcons,
     AlertBanner,
+    Chips,
 }
 
 @SuppressLint("DiscouragedApi")
@@ -64,6 +66,7 @@ private fun Greeting(modifier: Modifier = Modifier) {
                 SheetContentType.Buttons -> ButtonPreview(sheetModifier)
                 SheetContentType.CoreIcons -> IconsPreview(sheetModifier)
                 SheetContentType.AlertBanner -> AlertBannerPreview(sheetModifier)
+                SheetContentType.Chips -> ChipsPreview(sheetModifier)
             }
         },
         scaffoldState = scaffoldState,
@@ -163,6 +166,17 @@ private fun Greeting(modifier: Modifier = Modifier) {
                     }
                 },
             )
+
+            SourceButton(
+                text = "Open chips preview",
+                priority = SourceButton.Priority.TertiaryOnWhite,
+                onClick = {
+                    sheetContentType = SheetContentType.Chips
+                    coroutineScope.launch {
+                        scaffoldState.bottomSheetState.expand()
+                    }
+                },
+            )
         }
     }
 }
diff --git a/android/sample/src/main/kotlin/com/gu/source/AlertBannerPreview.kt b/android/sample/src/main/kotlin/com/gu/source/previews/AlertBannerPreview.kt
similarity index 98%
rename from android/sample/src/main/kotlin/com/gu/source/AlertBannerPreview.kt
rename to android/sample/src/main/kotlin/com/gu/source/previews/AlertBannerPreview.kt
index 5feea0e1..42b90b76 100644
--- a/android/sample/src/main/kotlin/com/gu/source/AlertBannerPreview.kt
+++ b/android/sample/src/main/kotlin/com/gu/source/previews/AlertBannerPreview.kt
@@ -1,4 +1,4 @@
-package com.gu.source
+package com.gu.source.previews
 
 import android.content.Context
 import android.widget.Toast
@@ -16,6 +16,7 @@ import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.style.TextDecoration
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import com.gu.source.Source
 import com.gu.source.components.banner.AlertBanner
 import com.gu.source.daynight.AppColour
 import com.gu.source.presets.palette.Neutral0
diff --git a/android/sample/src/main/kotlin/com/gu/source/ButtonPreview.kt b/android/sample/src/main/kotlin/com/gu/source/previews/ButtonPreview.kt
similarity index 98%
rename from android/sample/src/main/kotlin/com/gu/source/ButtonPreview.kt
rename to android/sample/src/main/kotlin/com/gu/source/previews/ButtonPreview.kt
index ea0fae3f..7abda4c7 100644
--- a/android/sample/src/main/kotlin/com/gu/source/ButtonPreview.kt
+++ b/android/sample/src/main/kotlin/com/gu/source/previews/ButtonPreview.kt
@@ -1,4 +1,4 @@
-package com.gu.source
+package com.gu.source.previews
 
 import androidx.compose.foundation.layout.*
 import androidx.compose.material3.Text
@@ -7,6 +7,7 @@ import androidx.compose.ui.Alignment.Companion.CenterHorizontally
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import com.gu.source.Source
 import com.gu.source.components.buttons.ButtonColours
 import com.gu.source.components.buttons.PlainSourceButton
 import com.gu.source.components.buttons.SourceButton
diff --git a/android/sample/src/main/kotlin/com/gu/source/previews/ChipsPreview.kt b/android/sample/src/main/kotlin/com/gu/source/previews/ChipsPreview.kt
new file mode 100644
index 00000000..390fd921
--- /dev/null
+++ b/android/sample/src/main/kotlin/com/gu/source/previews/ChipsPreview.kt
@@ -0,0 +1,174 @@
+package com.gu.source.previews
+
+import androidx.compose.foundation.layout.*
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.*
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import com.gu.source.R
+import com.gu.source.Source
+import com.gu.source.components.chips.ChipDecoration
+import com.gu.source.components.chips.SourceChip
+import com.gu.source.components.chips.SourceChipSupportingButton
+import com.gu.source.components.chips.SourceMultiSelectChip
+import com.gu.source.daynight.AppColour
+import com.gu.source.icons.Plus
+import com.gu.source.presets.typography.TextSans14
+import com.gu.source.presets.typography.TextSansBold17
+import kotlinx.coroutines.delay
+
+@OptIn(ExperimentalLayoutApi::class)
+@Composable
+internal fun ChipsPreview(modifier: Modifier = Modifier) {
+    val previewText = "Label"
+    val labelColour = AppColour(light = Color.Black, dark = Color.White)
+    Column(
+        modifier = modifier.padding(horizontal = 8.dp, vertical = 4.dp),
+        verticalArrangement = Arrangement.spacedBy(8.dp),
+    ) {
+        SourceChip.Size.entries.forEach { size ->
+            Text(
+                text = size.name,
+                style = Source.Typography.TextSansBold17,
+                color = labelColour.current,
+            )
+
+            listOf(false, true).forEach { isSelected ->
+                Text(
+                    text = if (isSelected) "Selected" else "Unselected",
+                    style = Source.Typography.TextSans14,
+                    color = labelColour.current,
+                    modifier = Modifier.padding(top = 8.dp),
+                )
+
+                FlowRow(
+                    horizontalArrangement = Arrangement.spacedBy(8.dp),
+                    verticalArrangement = Arrangement.spacedBy(8.dp),
+                ) {
+                    SourceChip(
+                        text = previewText,
+                        isSelected = isSelected,
+                        size = size,
+                        onClick = {},
+                        showBadge = false,
+                    )
+
+                    SourceChip(
+                        text = previewText,
+                        isSelected = isSelected,
+                        size = size,
+                        onClick = {},
+                        showBadge = false,
+                        iconOrImage = ChipDecoration.Icon.Component {
+                            Icon(
+                                imageVector = Source.Icons.Base.Plus,
+                                contentDescription = null,
+                                modifier = it,
+                            )
+                        },
+                    )
+
+                    SourceChip(
+                        text = previewText,
+                        isSelected = isSelected,
+                        size = size,
+                        onClick = {},
+                        showBadge = false,
+                        iconOrImage = ChipDecoration.Image.Painter(
+                            painter = painterResource(R.drawable.marina_hyde),
+                            contentDescription = null,
+                        ),
+                    )
+
+                    SourceMultiSelectChip(
+                        text = previewText,
+                        isSelected = isSelected,
+                        size = size,
+                        onClick = {},
+                        showBadge = false,
+                        iconOrImage = ChipDecoration.Image.Painter(
+                            painter = painterResource(R.drawable.marina_hyde),
+                            contentDescription = null,
+                        ),
+                    )
+
+                    SourceMultiSelectChip(
+                        text = previewText,
+                        isSelected = isSelected,
+                        showBadge = true,
+                        size = size,
+                        onClick = {},
+                        style = SourceChip.Style.Default.copy(
+                            badgeColour = AppColour.Unspecified,
+                        ),
+                        iconOrImage = ChipDecoration.Icon.Vector(
+                            imageVector = Source.Icons.Base.Plus,
+                        ),
+                    )
+
+                    SourceMultiSelectChip(
+                        text = previewText,
+                        isSelected = isSelected,
+                        showBadge = true,
+                        size = size,
+                        onClick = {},
+                        style = SourceChip.Style.Default.copy(
+                            badgeColour = AppColour.Unspecified,
+                        ),
+                    )
+                }
+            }
+            HorizontalDivider(modifier = Modifier.padding(vertical = 8.dp))
+        }
+
+        Text(
+            text = "Collapsed icon-only",
+            style = Source.Typography.TextSansBold17,
+            color = labelColour.current,
+        )
+
+        Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
+            listOf(false, true).forEach { isSelected ->
+                var text by remember { mutableStateOf("") }
+                LaunchedEffect(Unit) {
+                    while (true) {
+                        delay(timeMillis = 1000)
+                        text = if (text.isBlank()) "Label" else ""
+                    }
+                }
+                SourceChip(
+                    text = text,
+                    isSelected = isSelected,
+                    showBadge = false,
+                    size = SourceChip.Size.Medium,
+                    onClick = {},
+                    style = SourceChip.Style.Default,
+                    iconOrImage = ChipDecoration.Icon.Painter(
+                        painter = painterResource(R.drawable.ic_list),
+                    ),
+                )
+            }
+        }
+
+        HorizontalDivider(modifier = Modifier.padding(vertical = 8.dp))
+
+        Text(
+            text = "Supporting chip",
+            style = Source.Typography.TextSansBold17,
+            color = labelColour.current,
+        )
+
+        SourceChipSupportingButton(
+            text = "Follow",
+            size = SourceChip.Size.Medium,
+            onClick = {},
+            iconOrImage = ChipDecoration.Icon.Vector(
+                imageVector = Source.Icons.Base.Plus,
+            ),
+        )
+    }
+}
\ No newline at end of file
diff --git a/android/sample/src/main/kotlin/com/gu/source/IconsPreview.kt b/android/sample/src/main/kotlin/com/gu/source/previews/IconsPreview.kt
similarity index 98%
rename from android/sample/src/main/kotlin/com/gu/source/IconsPreview.kt
rename to android/sample/src/main/kotlin/com/gu/source/previews/IconsPreview.kt
index ef772913..224c2f41 100644
--- a/android/sample/src/main/kotlin/com/gu/source/IconsPreview.kt
+++ b/android/sample/src/main/kotlin/com/gu/source/previews/IconsPreview.kt
@@ -1,4 +1,4 @@
-package com.gu.source
+package com.gu.source.previews
 
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.lazy.grid.GridCells
@@ -14,6 +14,7 @@ import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import com.gu.source.Source
 import com.gu.source.components.buttons.SourceButton
 import com.gu.source.components.buttons.SourceIconButton
 import com.gu.source.daynight.AppColour
diff --git a/android/sample/src/main/kotlin/com/gu/source/ImagePagerWithProgressIndicator.kt b/android/sample/src/main/kotlin/com/gu/source/previews/ImagePagerWithProgressIndicator.kt
similarity index 93%
rename from android/sample/src/main/kotlin/com/gu/source/ImagePagerWithProgressIndicator.kt
rename to android/sample/src/main/kotlin/com/gu/source/previews/ImagePagerWithProgressIndicator.kt
index bdd62aa5..c126b518 100644
--- a/android/sample/src/main/kotlin/com/gu/source/ImagePagerWithProgressIndicator.kt
+++ b/android/sample/src/main/kotlin/com/gu/source/previews/ImagePagerWithProgressIndicator.kt
@@ -1,8 +1,5 @@
-@file:OptIn(ExperimentalFoundationApi::class)
+package com.gu.source.previews
 
-package com.gu.source
-
-import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.pager.HorizontalPager
@@ -13,6 +10,7 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.unit.dp
+import com.gu.source.Source
 import com.gu.source.components.pager.PagerProgressBar
 import com.gu.source.daynight.AppColour
 import com.gu.source.daynight.AppColourMode
diff --git a/android/sample/src/main/kotlin/com/gu/source/PalettePreview.kt b/android/sample/src/main/kotlin/com/gu/source/previews/PalettePreview.kt
similarity index 99%
rename from android/sample/src/main/kotlin/com/gu/source/PalettePreview.kt
rename to android/sample/src/main/kotlin/com/gu/source/previews/PalettePreview.kt
index 064870b5..c70a9984 100644
--- a/android/sample/src/main/kotlin/com/gu/source/PalettePreview.kt
+++ b/android/sample/src/main/kotlin/com/gu/source/previews/PalettePreview.kt
@@ -1,6 +1,6 @@
 @file:OptIn(ExperimentalStdlibApi::class)
 
-package com.gu.source
+package com.gu.source.previews
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.*
@@ -19,6 +19,7 @@ import androidx.compose.ui.graphics.luminance
 import androidx.compose.ui.graphics.toArgb
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import com.gu.source.Source
 import com.gu.source.daynight.AppColour
 import com.gu.source.daynight.AppColourMode
 import com.gu.source.presets.palette.*
diff --git a/android/sample/src/main/kotlin/com/gu/source/SampleImage.kt b/android/sample/src/main/kotlin/com/gu/source/previews/SampleImage.kt
similarity index 97%
rename from android/sample/src/main/kotlin/com/gu/source/SampleImage.kt
rename to android/sample/src/main/kotlin/com/gu/source/previews/SampleImage.kt
index 1b353666..832f6ec9 100644
--- a/android/sample/src/main/kotlin/com/gu/source/SampleImage.kt
+++ b/android/sample/src/main/kotlin/com/gu/source/previews/SampleImage.kt
@@ -1,4 +1,4 @@
-package com.gu.source
+package com.gu.source.previews
 
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
diff --git a/android/source/api/source.api b/android/source/api/source.api
new file mode 100644
index 00000000..bd6a57db
--- /dev/null
+++ b/android/source/api/source.api
@@ -0,0 +1,538 @@
+public final class com/gu/source/Source {
+	public static final field $stable I
+	public static final field INSTANCE Lcom/gu/source/Source;
+}
+
+public final class com/gu/source/Source$Icons {
+	public static final field $stable I
+	public static final field INSTANCE Lcom/gu/source/Source$Icons;
+}
+
+public final class com/gu/source/Source$Icons$Base {
+	public static final field $stable I
+	public static final field INSTANCE Lcom/gu/source/Source$Icons$Base;
+}
+
+public final class com/gu/source/Source$Palette {
+	public static final field $stable I
+	public static final field INSTANCE Lcom/gu/source/Source$Palette;
+}
+
+public final class com/gu/source/Source$Theme : java/lang/Enum {
+	public static final field Core Lcom/gu/source/Source$Theme;
+	public static final field ReaderRevenue Lcom/gu/source/Source$Theme;
+	public static fun getEntries ()Lkotlin/enums/EnumEntries;
+	public static fun valueOf (Ljava/lang/String;)Lcom/gu/source/Source$Theme;
+	public static fun values ()[Lcom/gu/source/Source$Theme;
+}
+
+public final class com/gu/source/Source$Typography {
+	public static final field $stable I
+	public static final field INSTANCE Lcom/gu/source/Source$Typography;
+}
+
+public final class com/gu/source/components/banner/AlertBanner {
+	public static final field $stable I
+	public static final field INSTANCE Lcom/gu/source/components/banner/AlertBanner;
+}
+
+public final class com/gu/source/components/banner/AlertBanner$Priority : java/lang/Enum {
+	public static final field Error Lcom/gu/source/components/banner/AlertBanner$Priority;
+	public static final field Info Lcom/gu/source/components/banner/AlertBanner$Priority;
+	public static final field Neutral Lcom/gu/source/components/banner/AlertBanner$Priority;
+	public static fun getEntries ()Lkotlin/enums/EnumEntries;
+	public static fun valueOf (Ljava/lang/String;)Lcom/gu/source/components/banner/AlertBanner$Priority;
+	public static fun values ()[Lcom/gu/source/components/banner/AlertBanner$Priority;
+}
+
+public final class com/gu/source/components/banner/AlertBannerKt {
+	public static final fun AlertBanner (Landroidx/compose/ui/text/AnnotatedString;Lcom/gu/source/components/banner/AlertBanner$Priority;Lkotlin/jvm/functions/Function0;Lkotlin/jvm/functions/Function0;Landroidx/compose/ui/Modifier;Landroidx/compose/runtime/Composer;II)V
+	public static final fun AlertBanner (Ljava/lang/String;Lcom/gu/source/components/banner/AlertBanner$Priority;Lkotlin/jvm/functions/Function0;Lkotlin/jvm/functions/Function0;Landroidx/compose/ui/Modifier;Landroidx/compose/runtime/Composer;II)V
+}
+
+public final class com/gu/source/components/buttons/ButtonColours {
+	public static final field $stable I
+	public synthetic fun <init> (JJJLkotlin/jvm/internal/DefaultConstructorMarker;)V
+	public fun <init> (Lcom/gu/source/daynight/AppColour;Lcom/gu/source/daynight/AppColour;Lcom/gu/source/daynight/AppColour;)V
+	public final fun component1 ()Lcom/gu/source/daynight/AppColour;
+	public final fun component2 ()Lcom/gu/source/daynight/AppColour;
+	public final fun component3 ()Lcom/gu/source/daynight/AppColour;
+	public final fun copy (Lcom/gu/source/daynight/AppColour;Lcom/gu/source/daynight/AppColour;Lcom/gu/source/daynight/AppColour;)Lcom/gu/source/components/buttons/ButtonColours;
+	public static synthetic fun copy$default (Lcom/gu/source/components/buttons/ButtonColours;Lcom/gu/source/daynight/AppColour;Lcom/gu/source/daynight/AppColour;Lcom/gu/source/daynight/AppColour;ILjava/lang/Object;)Lcom/gu/source/components/buttons/ButtonColours;
+	public fun equals (Ljava/lang/Object;)Z
+	public final fun getBorder ()Lcom/gu/source/daynight/AppColour;
+	public final fun getContainer ()Lcom/gu/source/daynight/AppColour;
+	public final fun getContent ()Lcom/gu/source/daynight/AppColour;
+	public fun hashCode ()I
+	public fun toString ()Ljava/lang/String;
+}
+
+public final class com/gu/source/components/buttons/ComposableSingletons$PlainSourceButtonKt {
+	public static final field INSTANCE Lcom/gu/source/components/buttons/ComposableSingletons$PlainSourceButtonKt;
+	public static field lambda-1 Lkotlin/jvm/functions/Function3;
+	public static field lambda-2 Lkotlin/jvm/functions/Function3;
+	public fun <init> ()V
+	public final fun getLambda-1$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-2$source_release ()Lkotlin/jvm/functions/Function3;
+}
+
+public final class com/gu/source/components/buttons/ComposableSingletons$SourceButtonKt {
+	public static final field INSTANCE Lcom/gu/source/components/buttons/ComposableSingletons$SourceButtonKt;
+	public static field lambda-1 Lkotlin/jvm/functions/Function3;
+	public static field lambda-10 Lkotlin/jvm/functions/Function3;
+	public static field lambda-11 Lkotlin/jvm/functions/Function3;
+	public static field lambda-12 Lkotlin/jvm/functions/Function3;
+	public static field lambda-13 Lkotlin/jvm/functions/Function3;
+	public static field lambda-14 Lkotlin/jvm/functions/Function3;
+	public static field lambda-15 Lkotlin/jvm/functions/Function3;
+	public static field lambda-16 Lkotlin/jvm/functions/Function3;
+	public static field lambda-17 Lkotlin/jvm/functions/Function3;
+	public static field lambda-2 Lkotlin/jvm/functions/Function3;
+	public static field lambda-3 Lkotlin/jvm/functions/Function3;
+	public static field lambda-4 Lkotlin/jvm/functions/Function3;
+	public static field lambda-5 Lkotlin/jvm/functions/Function3;
+	public static field lambda-6 Lkotlin/jvm/functions/Function3;
+	public static field lambda-7 Lkotlin/jvm/functions/Function3;
+	public static field lambda-8 Lkotlin/jvm/functions/Function3;
+	public static field lambda-9 Lkotlin/jvm/functions/Function3;
+	public fun <init> ()V
+	public final fun getLambda-1$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-10$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-11$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-12$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-13$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-14$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-15$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-16$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-17$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-2$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-3$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-4$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-5$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-6$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-7$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-8$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-9$source_release ()Lkotlin/jvm/functions/Function3;
+}
+
+public final class com/gu/source/components/buttons/ComposableSingletons$SourceIconButtonKt {
+	public static final field INSTANCE Lcom/gu/source/components/buttons/ComposableSingletons$SourceIconButtonKt;
+	public static field lambda-1 Lkotlin/jvm/functions/Function3;
+	public static field lambda-2 Lkotlin/jvm/functions/Function3;
+	public static field lambda-3 Lkotlin/jvm/functions/Function3;
+	public static field lambda-4 Lkotlin/jvm/functions/Function3;
+	public static field lambda-5 Lkotlin/jvm/functions/Function3;
+	public static field lambda-6 Lkotlin/jvm/functions/Function3;
+	public static field lambda-7 Lkotlin/jvm/functions/Function3;
+	public static field lambda-8 Lkotlin/jvm/functions/Function3;
+	public fun <init> ()V
+	public final fun getLambda-1$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-2$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-3$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-4$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-5$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-6$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-7$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-8$source_release ()Lkotlin/jvm/functions/Function3;
+}
+
+public final class com/gu/source/components/buttons/PlainSourceButtonKt {
+	public static final fun PlainSourceButton (Ljava/lang/String;Lkotlin/jvm/functions/Function0;Landroidx/compose/ui/Modifier;ZLcom/gu/source/components/buttons/ButtonColours;Lcom/gu/source/components/buttons/ButtonColours;Lcom/gu/source/components/buttons/SourceButton$Size;Lcom/gu/source/components/buttons/SourceButton$IconSide;Lkotlin/jvm/functions/Function3;Landroidx/compose/runtime/Composer;II)V
+	public static final fun PlainSourceContentButton (Lcom/gu/source/components/buttons/SourceButton$Size;Lkotlin/jvm/functions/Function0;Landroidx/compose/ui/Modifier;ZLcom/gu/source/components/buttons/ButtonColours;Lcom/gu/source/components/buttons/ButtonColours;Lkotlin/jvm/functions/Function2;Landroidx/compose/runtime/Composer;II)V
+}
+
+public final class com/gu/source/components/buttons/SourceButton {
+	public static final field $stable I
+	public static final field INSTANCE Lcom/gu/source/components/buttons/SourceButton;
+}
+
+public final class com/gu/source/components/buttons/SourceButton$IconSide : java/lang/Enum {
+	public static final field Left Lcom/gu/source/components/buttons/SourceButton$IconSide;
+	public static final field Right Lcom/gu/source/components/buttons/SourceButton$IconSide;
+	public static fun getEntries ()Lkotlin/enums/EnumEntries;
+	public static fun valueOf (Ljava/lang/String;)Lcom/gu/source/components/buttons/SourceButton$IconSide;
+	public static fun values ()[Lcom/gu/source/components/buttons/SourceButton$IconSide;
+}
+
+public final class com/gu/source/components/buttons/SourceButton$Priority : java/lang/Enum {
+	public static final field PrimaryOnBlue Lcom/gu/source/components/buttons/SourceButton$Priority;
+	public static final field PrimaryOnWhite Lcom/gu/source/components/buttons/SourceButton$Priority;
+	public static final field SecondaryOnBlue Lcom/gu/source/components/buttons/SourceButton$Priority;
+	public static final field SecondaryOnWhite Lcom/gu/source/components/buttons/SourceButton$Priority;
+	public static final field TertiaryOnBlue Lcom/gu/source/components/buttons/SourceButton$Priority;
+	public static final field TertiaryOnWhite Lcom/gu/source/components/buttons/SourceButton$Priority;
+	public static fun getEntries ()Lkotlin/enums/EnumEntries;
+	public static fun valueOf (Ljava/lang/String;)Lcom/gu/source/components/buttons/SourceButton$Priority;
+	public static fun values ()[Lcom/gu/source/components/buttons/SourceButton$Priority;
+}
+
+public final class com/gu/source/components/buttons/SourceButton$Size : java/lang/Enum {
+	public static final field Medium Lcom/gu/source/components/buttons/SourceButton$Size;
+	public static final field Small Lcom/gu/source/components/buttons/SourceButton$Size;
+	public static final field XSmall Lcom/gu/source/components/buttons/SourceButton$Size;
+	public static fun getEntries ()Lkotlin/enums/EnumEntries;
+	public static fun valueOf (Ljava/lang/String;)Lcom/gu/source/components/buttons/SourceButton$Size;
+	public static fun values ()[Lcom/gu/source/components/buttons/SourceButton$Size;
+}
+
+public final class com/gu/source/components/buttons/SourceButtonKt {
+	public static final fun SourceButton (Ljava/lang/String;Lcom/gu/source/components/buttons/SourceButton$Priority;Lkotlin/jvm/functions/Function0;Landroidx/compose/ui/Modifier;ZLcom/gu/source/components/buttons/SourceButton$Size;Lcom/gu/source/Source$Theme;Lcom/gu/source/components/buttons/SourceButton$IconSide;Lkotlin/jvm/functions/Function3;Landroidx/compose/runtime/Composer;II)V
+	public static final fun SourceContentButton (Lcom/gu/source/components/buttons/SourceButton$Size;Lcom/gu/source/components/buttons/SourceButton$Priority;Lkotlin/jvm/functions/Function0;Landroidx/compose/ui/Modifier;ZLcom/gu/source/Source$Theme;Lkotlin/jvm/functions/Function2;Landroidx/compose/runtime/Composer;II)V
+}
+
+public final class com/gu/source/components/buttons/SourceIconButtonKt {
+	public static final fun SourceBaseIconButton (Lcom/gu/source/components/buttons/SourceButton$Size;Lcom/gu/source/components/buttons/ButtonColours;Lkotlin/jvm/functions/Function0;Landroidx/compose/ui/Modifier;ZLcom/gu/source/components/buttons/ButtonColours;Lkotlin/jvm/functions/Function3;Landroidx/compose/runtime/Composer;II)V
+	public static final fun SourceIconButton (Landroidx/compose/ui/graphics/ImageBitmap;Lcom/gu/source/components/buttons/SourceButton$Priority;Ljava/lang/String;Lkotlin/jvm/functions/Function0;Landroidx/compose/ui/Modifier;ZLcom/gu/source/components/buttons/SourceButton$Size;Lcom/gu/source/Source$Theme;Landroidx/compose/runtime/Composer;II)V
+	public static final fun SourceIconButton (Landroidx/compose/ui/graphics/painter/Painter;Lcom/gu/source/components/buttons/SourceButton$Priority;Ljava/lang/String;Lkotlin/jvm/functions/Function0;Landroidx/compose/ui/Modifier;ZLcom/gu/source/components/buttons/SourceButton$Size;Lcom/gu/source/Source$Theme;Landroidx/compose/runtime/Composer;II)V
+	public static final fun SourceIconButton (Landroidx/compose/ui/graphics/vector/ImageVector;Lcom/gu/source/components/buttons/SourceButton$Priority;Ljava/lang/String;Lkotlin/jvm/functions/Function0;Landroidx/compose/ui/Modifier;ZLcom/gu/source/components/buttons/SourceButton$Size;Lcom/gu/source/Source$Theme;Landroidx/compose/runtime/Composer;II)V
+}
+
+public final class com/gu/source/components/pager/ComposableSingletons$PagerProgressBarKt {
+	public static final field INSTANCE Lcom/gu/source/components/pager/ComposableSingletons$PagerProgressBarKt;
+	public static field lambda-1 Lkotlin/jvm/functions/Function3;
+	public static field lambda-2 Lkotlin/jvm/functions/Function4;
+	public static field lambda-3 Lkotlin/jvm/functions/Function4;
+	public static field lambda-4 Lkotlin/jvm/functions/Function3;
+	public fun <init> ()V
+	public final fun getLambda-1$source_release ()Lkotlin/jvm/functions/Function3;
+	public final fun getLambda-2$source_release ()Lkotlin/jvm/functions/Function4;
+	public final fun getLambda-3$source_release ()Lkotlin/jvm/functions/Function4;
+	public final fun getLambda-4$source_release ()Lkotlin/jvm/functions/Function3;
+}
+
+public final class com/gu/source/components/pager/ComposableSingletons$PagerProgressButtonsKt {
+	public static final field INSTANCE Lcom/gu/source/components/pager/ComposableSingletons$PagerProgressButtonsKt;
+	public static field lambda-1 Lkotlin/jvm/functions/Function4;
+	public fun <init> ()V
+	public final fun getLambda-1$source_release ()Lkotlin/jvm/functions/Function4;
+}
+
+public final class com/gu/source/components/pager/ComposableSingletons$PagerProgressIndicatorKt {
+	public static final field INSTANCE Lcom/gu/source/components/pager/ComposableSingletons$PagerProgressIndicatorKt;
+	public static field lambda-1 Lkotlin/jvm/functions/Function4;
+	public fun <init> ()V
+	public final fun getLambda-1$source_release ()Lkotlin/jvm/functions/Function4;
+}
+
+public final class com/gu/source/components/pager/PagerProgressBarKt {
+	public static final fun PagerProgressBar (Landroidx/compose/foundation/pager/PagerState;Landroidx/compose/ui/Modifier;Lcom/gu/source/components/buttons/ButtonColours;Lcom/gu/source/components/buttons/ButtonColours;Lcom/gu/source/daynight/AppColour;Lcom/gu/source/daynight/AppColour;Ljava/lang/String;Ljava/lang/String;ZLandroidx/compose/runtime/Composer;II)V
+	public static final fun PagerProgressBar (Landroidx/compose/foundation/pager/PagerState;Lcom/gu/source/components/buttons/SourceButton$Priority;Landroidx/compose/ui/Modifier;Lcom/gu/source/daynight/AppColour;Lcom/gu/source/daynight/AppColour;Ljava/lang/String;Ljava/lang/String;ZLandroidx/compose/runtime/Composer;II)V
+}
+
+public final class com/gu/source/components/pager/PagerProgressButtonsKt {
+	public static final fun PagerProgressButtons (Landroidx/compose/foundation/pager/PagerState;Ljava/lang/String;Ljava/lang/String;Landroidx/compose/ui/Modifier;Lcom/gu/source/components/buttons/ButtonColours;Lcom/gu/source/components/buttons/ButtonColours;Landroidx/compose/animation/core/AnimationSpec;Landroidx/compose/runtime/Composer;II)V
+}
+
+public final class com/gu/source/components/pager/PagerProgressIndicatorKt {
+	public static final fun PagerProgressIndicator-DOupjl0 (Landroidx/compose/foundation/pager/PagerState;JJLandroidx/compose/ui/Modifier;IFLandroidx/compose/ui/graphics/Shape;FFILandroidx/compose/ui/Alignment$Vertical;Landroidx/compose/runtime/Composer;III)V
+}
+
+public class com/gu/source/daynight/AppColour {
+	public static final field $stable I
+	public synthetic fun <init> (JJILkotlin/jvm/internal/DefaultConstructorMarker;)V
+	public synthetic fun <init> (JJLkotlin/jvm/internal/DefaultConstructorMarker;)V
+	public fun equals (Ljava/lang/Object;)Z
+	public final fun getCurrent (Landroidx/compose/runtime/Composer;I)J
+	public final fun getDark-0d7_KjU ()J
+	public final fun getLight-0d7_KjU ()J
+	public fun hashCode ()I
+}
+
+public final class com/gu/source/daynight/AppColour$Transparent : com/gu/source/daynight/AppColour {
+	public static final field $stable I
+	public static final field INSTANCE Lcom/gu/source/daynight/AppColour$Transparent;
+	public fun equals (Ljava/lang/Object;)Z
+	public fun hashCode ()I
+	public fun toString ()Ljava/lang/String;
+}
+
+public final class com/gu/source/daynight/AppColour$Unspecified : com/gu/source/daynight/AppColour {
+	public static final field $stable I
+	public static final field INSTANCE Lcom/gu/source/daynight/AppColour$Unspecified;
+	public fun equals (Ljava/lang/Object;)Z
+	public fun hashCode ()I
+	public fun toString ()Ljava/lang/String;
+}
+
+public final class com/gu/source/daynight/AppColourModeKt {
+	public static final fun AppColourMode (Landroidx/compose/ui/Modifier;Lkotlin/jvm/functions/Function3;Landroidx/compose/runtime/Composer;II)V
+	public static final fun getLocalIsDarkModeActive ()Landroidx/compose/runtime/ProvidableCompositionLocal;
+}
+
+public final class com/gu/source/icons/AlertRoundKt {
+	public static final fun getAlertRound (Lcom/gu/source/Source$Icons$Base;)Landroidx/compose/ui/graphics/vector/ImageVector;
+}
+
+public final class com/gu/source/icons/CheckKt {
+	public static final fun getCheck (Lcom/gu/source/Source$Icons$Base;)Landroidx/compose/ui/graphics/vector/ImageVector;
+}
+
+public final class com/gu/source/icons/ChevronLeftDoubleKt {
+	public static final fun getChevronLeftDouble (Lcom/gu/source/Source$Icons$Base;)Landroidx/compose/ui/graphics/vector/ImageVector;
+}
+
+public final class com/gu/source/icons/ChevronLeftSingleKt {
+	public static final fun getChevronLeftSingle (Lcom/gu/source/Source$Icons$Base;)Landroidx/compose/ui/graphics/vector/ImageVector;
+}
+
+public final class com/gu/source/icons/ChevronLeftSmallKt {
+	public static final fun getChevronLeftSmall (Lcom/gu/source/Source$Icons$Base;)Landroidx/compose/ui/graphics/vector/ImageVector;
+}
+
+public final class com/gu/source/icons/ChevronRightDoubleKt {
+	public static final fun getChevronRightDouble (Lcom/gu/source/Source$Icons$Base;)Landroidx/compose/ui/graphics/vector/ImageVector;
+}
+
+public final class com/gu/source/icons/ChevronRightSingleKt {
+	public static final fun getChevronRightSingle (Lcom/gu/source/Source$Icons$Base;)Landroidx/compose/ui/graphics/vector/ImageVector;
+}
+
+public final class com/gu/source/icons/ChevronRightSmallKt {
+	public static final fun getChevronRightSmall (Lcom/gu/source/Source$Icons$Base;)Landroidx/compose/ui/graphics/vector/ImageVector;
+}
+
+public final class com/gu/source/icons/CrossKt {
+	public static final fun getCross (Lcom/gu/source/Source$Icons$Base;)Landroidx/compose/ui/graphics/vector/ImageVector;
+}
+
+public final class com/gu/source/icons/InfoRoundKt {
+	public static final fun getInfoRound (Lcom/gu/source/Source$Icons$Base;)Landroidx/compose/ui/graphics/vector/ImageVector;
+}
+
+public final class com/gu/source/icons/MinusKt {
+	public static final fun getMinus (Lcom/gu/source/Source$Icons$Base;)Landroidx/compose/ui/graphics/vector/ImageVector;
+}
+
+public final class com/gu/source/icons/PlusKt {
+	public static final fun getPlus (Lcom/gu/source/Source$Icons$Base;)Landroidx/compose/ui/graphics/vector/ImageVector;
+}
+
+public final class com/gu/source/presets/palette/PaletteKt {
+	public static final fun getBrand100 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getBrand300 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getBrand400 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getBrand500 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getBrand600 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getBrand800 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getBrandAlt200 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getBrandAlt300 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getBrandAlt400 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getCulture100 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getCulture200 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getCulture300 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getCulture400 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getCulture450 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getCulture50 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getCulture500 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getCulture600 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getCulture700 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getCulture800 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getError400 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getError500 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getLabs200 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getLabs300 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getLabs400 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getLifestyle100 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getLifestyle200 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getLifestyle300 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getLifestyle400 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getLifestyle450 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getLifestyle500 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getLifestyle600 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getLifestyle800 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNeutral0 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNeutral10 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNeutral100 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNeutral20 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNeutral38 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNeutral46 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNeutral60 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNeutral7 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNeutral73 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNeutral86 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNeutral93 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNeutral97 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNews100 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNews200 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNews300 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNews400 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNews500 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNews550 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNews600 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getNews800 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getOpinion100 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getOpinion200 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getOpinion300 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getOpinion400 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getOpinion450 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getOpinion500 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getOpinion550 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getOpinion600 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getOpinion800 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReport100 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReport200 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReport300 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReport400 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReport450 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReport500 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReport700 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReport800 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReportAlt100 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReportAlt200 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReportAlt300 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReportAlt700 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSpecialReportAlt800 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSport100 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSport200 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSport300 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSport400 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSport500 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSport600 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSport800 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSuccess300 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSuccess400 (Lcom/gu/source/Source$Palette;)J
+	public static final fun getSuccess500 (Lcom/gu/source/Source$Palette;)J
+}
+
+public final class com/gu/source/presets/typography/TypographyKt {
+	public static final fun getHeadlineBold14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineBold15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineBold16 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineBold17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineBold18 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineBold20 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineBold22 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineBold24 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineBold28 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineBold34 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineBold42 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineBold50 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLight14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLight15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLight16 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLight17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLight18 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLight20 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLight22 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLight24 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLight28 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLight34 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLight42 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLight50 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLightItalic14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLightItalic15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLightItalic16 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLightItalic17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLightItalic18 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLightItalic20 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLightItalic22 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLightItalic24 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLightItalic28 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLightItalic34 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLightItalic42 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineLightItalic50 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMedium14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMedium15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMedium16 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMedium17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMedium18 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMedium20 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMedium22 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMedium24 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMedium28 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMedium34 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMedium42 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMedium50 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMediumItalic14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMediumItalic15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMediumItalic16 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMediumItalic17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMediumItalic18 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMediumItalic20 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMediumItalic22 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMediumItalic24 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMediumItalic28 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMediumItalic34 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMediumItalic42 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineMediumItalic50 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineSemiBold14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineSemiBold15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineSemiBold16 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineSemiBold18 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineSemiBold24 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineSemiBold28 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getHeadlineSemiBold50 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextArticle15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextArticle17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextArticleBold15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextArticleBold17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextArticleBoldItalic15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextArticleBoldItalic17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextArticleItalic15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextArticleItalic17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextEgyptian14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextEgyptian15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextEgyptian17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextEgyptianBold14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextEgyptianBold15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextEgyptianBold17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextEgyptianBoldItalic14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextEgyptianBoldItalic15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextEgyptianBoldItalic17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextEgyptianItalic14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextEgyptianItalic15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextEgyptianItalic17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSans11 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSans12 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSans14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSans15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSans17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSans20 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSans24 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSans28 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSans34 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansBold11 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansBold12 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansBold14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansBold15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansBold17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansBold20 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansBold24 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansBold28 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansBold34 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansItalic11 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansItalic12 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansItalic14 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansItalic15 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansItalic17 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansItalic20 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansItalic24 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansItalic28 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTextSansItalic34 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTitlepiece42 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTitlepiece50 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+	public static final fun getTitlepiece70 (Lcom/gu/source/Source$Typography;)Landroidx/compose/ui/text/TextStyle;
+}
+
+public final class com/gu/source/theme/ThemeKt {
+	public static final fun ReaderRevenueTheme (Landroidx/compose/ui/Modifier;Lkotlin/jvm/functions/Function3;Landroidx/compose/runtime/Composer;II)V
+	public static final fun SourceCoreTheme (Landroidx/compose/ui/Modifier;Lkotlin/jvm/functions/Function3;Landroidx/compose/runtime/Composer;II)V
+	public static final fun getLocalSourceTheme ()Landroidx/compose/runtime/ProvidableCompositionLocal;
+}
+
+public final class com/gu/source/utils/PaddingValuesExtensionsKt {
+	public static final fun copy-qDBjuR0 (Landroidx/compose/foundation/layout/PaddingValues;FFFF)Landroidx/compose/foundation/layout/PaddingValues;
+	public static synthetic fun copy-qDBjuR0$default (Landroidx/compose/foundation/layout/PaddingValues;FFFFILjava/lang/Object;)Landroidx/compose/foundation/layout/PaddingValues;
+	public static final fun plus (Landroidx/compose/foundation/layout/PaddingValues;Landroidx/compose/foundation/layout/PaddingValues;)Landroidx/compose/foundation/layout/PaddingValues;
+}
+
+public abstract interface annotation class com/gu/source/utils/PreviewPhoneBothMode : java/lang/annotation/Annotation {
+}
+
+public abstract interface annotation class com/gu/source/utils/PreviewTabletBothMode : java/lang/annotation/Annotation {
+}
+
+public final class com/gu/source/utils/SizeKt {
+	public static final fun isTabletDevice (Landroidx/compose/runtime/Composer;I)Z
+}
+
diff --git a/android/source/build.gradle.kts b/android/source/build.gradle.kts
index a1da18c5..eb318abd 100644
--- a/android/source/build.gradle.kts
+++ b/android/source/build.gradle.kts
@@ -3,7 +3,10 @@ plugins {
     signing
     alias(libs.plugins.guardian.library.android)
     alias(libs.plugins.guardian.compose.library)
-    alias(libs.plugins.guardian.detekt)
+}
+
+detekt {
+    baseline = file("detekt-baseline.xml")
 }
 
 android {
@@ -85,7 +88,7 @@ publishing {
         // Use as `./gradlew :source:publishReleasePublicationToGusourceRepository`
         maven {
             name = "gusource"
-            url = uri("${project.buildDir}/gusource")
+            url = uri("${project.layout.buildDirectory.asFile.get().path}/gusource")
         }
     }
 }
diff --git a/android/source/detekt-baseline.xml b/android/source/detekt-baseline.xml
new file mode 100644
index 00000000..1946eeef
--- /dev/null
+++ b/android/source/detekt-baseline.xml
@@ -0,0 +1,7 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<SmellBaseline>
+  <ManuallySuppressedIssues/>
+  <CurrentIssues>
+    <ID>CognitiveComplexMethod:SourceChip.kt$private fun getSpacing( size: SourceChip.Size, leadingDecoration: ChipDecoration, hasTrailDecoration: Boolean, hasText: Boolean, ): Spacing</ID>
+  </CurrentIssues>
+</SmellBaseline>
diff --git a/android/source/src/main/kotlin/com/gu/source/components/HorizontalExpandingText.kt b/android/source/src/main/kotlin/com/gu/source/components/HorizontalExpandingText.kt
new file mode 100644
index 00000000..b7bcf7f0
--- /dev/null
+++ b/android/source/src/main/kotlin/com/gu/source/components/HorizontalExpandingText.kt
@@ -0,0 +1,88 @@
+package com.gu.source.components
+
+import androidx.compose.animation.*
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.style.TextOverflow
+
+/**
+ * Text component that appears/hides with an horizontal expansion animation effect.
+ *
+ * The text will slide in from the left, expand horizontally, and fade in when visible,
+ * and slide out, shrink, and fade out when not visible.
+ * The sliding effect is dynamic, based on the width of the text.
+ *
+ * @param text The text to display.
+ * @param colour The color of the text.
+ * @param style The [TextStyle] to apply to the text.
+ * @param modifier A [Modifier] to apply to the [Text] composable.
+ * @param maxLines Maximum number of lines for the text.
+ * @param overflow Defines how the text should handle overflow when the text is too long.
+ */
+@Composable
+fun HorizontalExpandingText(
+    text: String,
+    colour: Color,
+    style: TextStyle,
+    modifier: Modifier = Modifier,
+    maxLines: Int = 1,
+    overflow: TextOverflow = TextOverflow.Clip,
+) {
+    HorizontalExpandingText(
+        text = AnnotatedString(text),
+        color = colour,
+        style = style,
+        modifier = modifier,
+        maxLines = maxLines,
+        overflow = overflow,
+    )
+}
+
+/**
+ * Text component that appears/hides with an horizontal expansion animation effect.
+ *
+ * The text will slide in from the left, expand horizontally, and fade in when visible,
+ * and slide out, shrink, and fade out when not visible.
+ * The sliding effect is dynamic, based on the width of the text.
+ *
+ * @param text The text to display.
+ * @param color The color of the text.
+ * @param style The [TextStyle] to apply to the text.
+ * @param modifier A [Modifier] to apply to the inner [Text] composable.
+ * @param maxLines Maximum number of lines for the text.
+ * @param overflow Defines how the text should handle overflow when the text is too long.
+ */
+@Composable
+fun HorizontalExpandingText(
+    text: AnnotatedString,
+    color: Color,
+    style: TextStyle,
+    modifier: Modifier = Modifier,
+    maxLines: Int = 1,
+    overflow: TextOverflow = TextOverflow.Clip,
+) {
+    AnimatedContent(
+        targetState = text,
+        transitionSpec = {
+            slideInHorizontally() +
+                expandHorizontally(expandFrom = Alignment.End) +
+                fadeIn(initialAlpha = 0.3f) togetherWith
+                slideOutHorizontally() + shrinkHorizontally() + fadeOut()
+        },
+        label = "Expanding Text",
+    ) {
+        Text(
+            text = it,
+            modifier = modifier,
+            color = color,
+            style = style,
+            maxLines = maxLines,
+            overflow = overflow,
+        )
+    }
+}
\ No newline at end of file
diff --git a/android/source/src/main/kotlin/com/gu/source/components/buttons/README.md b/android/source/src/main/kotlin/com/gu/source/components/buttons/README.md
new file mode 100644
index 00000000..3c5a3d7d
--- /dev/null
+++ b/android/source/src/main/kotlin/com/gu/source/components/buttons/README.md
@@ -0,0 +1,101 @@
+# Buttons
+
+Four core button components are available:
+- `SourceButton`, 
+- `SourceIconButton`
+- `PlainSourceButton`
+- `SourceBaseIconButton`.
+
+## Source-themed buttons
+
+`SourceButton` ([API Docs][1]) and `SourceIconButton` ([API Docs][2]) are themed buttons. They have
+preset style and size variants corresponding to Source specifications. Both _Core_ and 
+_Reader Revenue_ themes are provided.
+
+| Core theme | Reader revenue theme |
+| --- | --- |
+| ![Core themed text only buttons](https://github.com/user-attachments/assets/e69393fb-675b-4f0e-9f52-62a28736bcfc) | ![Reader revenue themed text only buttons](https://github.com/user-attachments/assets/7ca3d409-252e-45e1-964f-efd03b1ebe39) |
+
+### Usage examples
+
+Using `SourceButton`:
+```kotlin
+SourceButton(
+    text = "Sign in",
+    priority = SourceButton.Priority.PrimaryOnWhite,
+    onClick = {},
+    size = SourceButton.Size.Small,
+)
+```
+
+Using `SourceIconButton` with a Material Icon:
+```kotlin
+SourceIconButton(
+    icon = Icons.Default.Person,
+    priority = SourceButton.Priority.SecondaryOnBlue,
+    contentDescription = null,
+    onClick = {},
+    size = SourceButton.Size.Medium,
+)
+```
+
+Using `SourceIconButton` with a drawable resource:
+```kotlin
+SourceIconButton(
+    painter = painterResource(R.drawable.ic_person),
+    priority = SourceButton.Priority.SecondaryOnBlue,
+    contentDescription = null,
+    onClick = {},
+)
+```
+
+## Base buttons
+
+`PlainSourceButton` ([API Docs][3]) and `SourceBaseIconButton` ([API Docs][4]) are intended for when
+custom colour schemes are needed. They use Source defined sizing but do not use preconfigured 
+`priority` or `theme`. They expect to be directly be provided with `ButtonColours`. 
+(`PlainSourceButton` is available from version `0.2.1`, `SourceBaseIconButton` is available from 
+version `0.3.0`)
+
+### Usage examples
+
+```kotlin
+PlainSourceButton(
+    text = "Culture themed",
+    onClick = {},
+    modifier = Modifier.align(CenterHorizontally),
+    buttonColours = ButtonColours(
+        border = AppColour(
+            light = Source.Palette.Culture200,
+            dark = Source.Palette.Culture800,
+        ),
+        container = AppColour(
+            light = Source.Palette.Culture800,
+            dark = Source.Palette.Culture200,
+        ),
+        content = AppColour(
+            light = Source.Palette.Culture200,
+            dark = Source.Palette.Culture800,
+        ),
+    ),
+)
+```
+
+```kotlin
+SourceBaseIconButton(
+    buttonColours = buttonColours,
+    size = SourceButton.Size.Small,
+    onClick = { },
+) {
+    Icon(
+        imageVector = Source.Icons.Base.ChevronRight,
+        contentDescription = null,
+        modifier = it,
+    )
+}
+```
+
+[1]: https://guardian.github.io/source-apps/android/docs/-source%20for%20-android/com.gu.source.components.buttons/-source-button.html
+[2]: https://guardian.github.io/source-apps/android/docs/-source%20for%20-android/com.gu.source.components.buttons/-source-icon-button.html
+[3]: https://guardian.github.io/source-apps/android/docs/-source%20for%20-android/com.gu.source.components.buttons/-plain-source-button.html
+[4]: https://guardian.github.io/source-apps/android/docs/-source%20for%20-android/com.gu.source.components.buttons/-source-base-icon-button.html
\ No newline at end of file
diff --git a/android/source/src/main/kotlin/com/gu/source/components/chips/ChipDecoration.kt b/android/source/src/main/kotlin/com/gu/source/components/chips/ChipDecoration.kt
new file mode 100644
index 00000000..f67b1bd0
--- /dev/null
+++ b/android/source/src/main/kotlin/com/gu/source/components/chips/ChipDecoration.kt
@@ -0,0 +1,212 @@
+package com.gu.source.components.chips
+
+import android.annotation.SuppressLint
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.*
+import androidx.compose.material3.Icon
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import com.gu.source.R
+import com.gu.source.Source
+import com.gu.source.components.chips.ChipDecoration.Icon
+import com.gu.source.components.chips.ChipDecoration.Image
+import com.gu.source.icons.Check
+
+/**
+ * Represents an icon or image displayed before or after a [SourceChip]'s text.
+ *
+ * [Icon]s are `18.dp` tall and the [Image]s are `24.dp` tall.
+ *
+ * The icon or image will be tinted with the [SourceChip.Style.contentColour]. To override the
+ * tinting, use [ChipDecoration.Icon.Component] or [ChipDecoration.Image.Component] and provide a
+ * custom composable function with the desired colour.
+ *
+ * For icons, prefer to use [ChipDecoration.Icon.Vector] with a [Source.Icons] vector where possible.
+ * Alternatively use [ChipDecoration.Icon.Painter] with a drawable resource ID.
+ *
+ * For images, prefer to use [ChipDecoration.Image.Painter] for static images. For images fetched
+ * from the network, use [ChipDecoration.Image.Component] with a custom composable function.
+ */
+sealed class ChipDecoration {
+    /**
+     * The content to display. The provided modifier _must_ be set on the content.
+     * The modifier is used to apply the correct size to the icon/image.
+     */
+    abstract val content: @Composable RowScope.(Modifier) -> Unit
+
+    /** The height of the icon/image. */
+    abstract val height: Dp
+
+    /**
+     * Represents an [Icon] displayed before/after the chip's text. Icons are `18.dp` tall and will
+     * be tinted with the [SourceChip.Style.contentColour].
+     */
+    sealed class Icon : ChipDecoration() {
+        override val height: Dp = 18.dp
+
+        /**
+         * Represents an [ImageVector] displayed before/after the chip's text. The icon will be
+         * `18.dp` tall and will be tinted with [SourceChip.Style.contentColour].
+         *
+         * @property imageVector The [ImageVector] to display.
+         * @property contentDescription Optional content description for the icon.
+         */
+        data class Vector(
+            val imageVector: ImageVector,
+            val contentDescription: String? = null,
+        ) : Icon() {
+            override val content: @Composable RowScope.(Modifier) -> Unit = {
+                Icon(
+                    imageVector = imageVector,
+                    contentDescription = contentDescription,
+                    modifier = it,
+                )
+            }
+        }
+
+        /**
+         * Represents a [androidx.compose.ui.graphics.painter.Painter] displayed before/after the
+         * chip's text. The icon will be `18.dp` tall and will be tinted with
+         * [SourceChip.Style.contentColour].
+         *
+         * @property painter The [androidx.compose.ui.graphics.painter.Painter] to display.
+         * @property contentDescription Optional content description for the icon.
+         */
+        data class Painter(
+            val painter: androidx.compose.ui.graphics.painter.Painter,
+            val contentDescription: String? = null,
+        ) : Icon() {
+            override val content: @Composable RowScope.(Modifier) -> Unit = {
+                Icon(
+                    painter = painter,
+                    contentDescription = contentDescription,
+                    modifier = it,
+                )
+            }
+        }
+
+        /**
+         * Represents a composable function that displays an icon before/after the chip's text.
+         * The icon will be `18.dp` tall and will be tinted with [SourceChip.Style.contentColour] if
+         * no color is set in the component.
+         *
+         * @property content The composable function to display the icon. The provided modifier
+         * _must_ be set on the content.
+         */
+        data class Component(
+            override val content: @Composable RowScope.(Modifier) -> Unit,
+        ) : Icon()
+    }
+
+    /**
+     * Represents an [Image] displayed before/after the chip's text. Images are `24.dp` tall.
+     */
+    sealed class Image : ChipDecoration() {
+        override val height: Dp = 24.dp
+
+        /**
+         * Represents an [ImageVector] displayed before/after the chip's text. The image will be
+         * `24.dp` tall and will be tinted with [SourceChip.Style.contentColour].
+         *
+         * @property imageVector The [ImageVector] to display.
+         * @property contentDescription Optional content description for the image.
+         */
+        data class Vector(
+            val imageVector: ImageVector,
+            val contentDescription: String? = null,
+        ) : Image() {
+            override val content: @Composable RowScope.(Modifier) -> Unit = {
+                Image(
+                    imageVector = imageVector,
+                    contentDescription = contentDescription,
+                    modifier = it,
+                )
+            }
+        }
+
+        /**
+         * Represents a [androidx.compose.ui.graphics.painter.Painter] displayed before/after the
+         * chip's text. The image will be `24.dp` tall and will be tinted with
+         * [SourceChip.Style.contentColour].
+         *
+         * @property painter The [androidx.compose.ui.graphics.painter.Painter] to display.
+         * @property contentDescription Optional content description for the image.
+         */
+        data class Painter(
+            val painter: androidx.compose.ui.graphics.painter.Painter,
+            val contentDescription: String? = null,
+        ) : Image() {
+            override val content: @Composable RowScope.(Modifier) -> Unit = {
+                Image(
+                    painter = painter,
+                    contentDescription = contentDescription,
+                    modifier = it,
+                )
+            }
+        }
+
+        /**
+         * Represents a composable function that displays an image before/after the chip's text.
+         * The image will be `24.dp` tall.
+         *
+         * @property content The composable function to display the image. The provided modifier
+         * _must_ be set on the content.
+         */
+        data class Component(
+            override val content: @Composable RowScope.(Modifier) -> Unit,
+        ) : Image()
+    }
+
+    /** Represents no image or icon displayed before/after the chip's text. */
+    data object None : ChipDecoration() {
+        override val content: @Composable RowScope.(Modifier) -> Unit = {}
+        override val height: Dp = 0.dp
+    }
+}
+
+@SuppressLint("DiscouragedApi")
+@Preview
+@Composable
+private fun Preview() {
+    Row(
+        modifier = Modifier
+            .background(Color.Gray)
+            .padding(8.dp),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.spacedBy(8.dp),
+    ) {
+        CompositionLocalProvider(LocalContentColor provides Color.White) {
+            listOf(
+                Icon.Vector(imageVector = Source.Icons.Base.Check),
+                Icon.Painter(painter = painterResource(id = R.drawable.ic_list)),
+                Icon.Component {
+                    Icon(
+                        imageVector = Source.Icons.Base.Check,
+                        contentDescription = "Check",
+                        modifier = Modifier.size(18.dp),
+                    )
+                },
+
+                Image.Vector(imageVector = Source.Icons.Base.Check),
+                Image.Painter(painter = painterResource(id = R.drawable.marina_hyde)),
+                Image.Component {
+                    Image(
+                        painter = painterResource(id = R.drawable.marina_hyde),
+                        contentDescription = "Marina Hyde",
+                        modifier = Modifier.size(24.dp),
+                    )
+                },
+            ).forEach { it.content(this, Modifier.height(it.height)) }
+        }
+    }
+}
\ No newline at end of file
diff --git a/android/source/src/main/kotlin/com/gu/source/components/chips/README.md b/android/source/src/main/kotlin/com/gu/source/components/chips/README.md
new file mode 100644
index 00000000..6dac4d88
--- /dev/null
+++ b/android/source/src/main/kotlin/com/gu/source/components/chips/README.md
@@ -0,0 +1,100 @@
+# Chips & supporting buttons
+
+## Chips
+
+A chip is a small, compact UI element used to display information, typically representing 
+user inputs, tags, choices, filters, or actions in a concise format.
+
+Source designs & documentation in [Figma][1].
+
+* Chips support two sizes - `Small` and `Medium`.
+* Chips support a label, and an icon or image before or after the label.
+* Chips support a selected state, and multi-select and single-select modes.
+* Chips also support animated expand/collapse of the chip label.
+
+### Usage
+
+The `SourceChip` component implements the chip design. See full [API documentation here][2].
+
+Small chip with no icons, no badge, multi-select disabled:
+```kotlin
+SourceChip(
+    text = "Label",
+    isSelected = false,
+    size = SourceChip.Size.Small,
+    onClick = {},
+)
+```
+
+Medium chip with a leading icon, a default badge, and multi-select disabled:
+```kotlin
+SourceChip(
+    text = "Label",
+    isSelected = false,
+    size = SourceChip.Size.Medium,
+    showBadge = true,
+    onClick = {},
+    allowsMultiSelection = true,
+    indicatorBefore = ChipIndicator.Icon.Vector(
+        imageVector = Source.Icons.Base.Plus,
+    ),
+)
+```
+
+Multi-select chip with a badge and a leading image:
+```kotlin
+SourceMultiSelectChip(
+    text = "Label",
+    isSelected = true,
+    size = SourceChip.Size.Medium,
+    showBadge = true,
+    onClick = {},
+    indicatorBefore = ChipIndicator.Image.Painter(
+        painter = painterResource(R.drawable.marina_hyde),
+        contentDescription = null,
+    ),
+)
+```
+
+## Chip supporting button
+
+A chip that acts like a button. It does not support a selected state. The default styling appears
+like an outlined button with a border, a text, and an optional icon before the text.
+
+This is particularly useful for chips that represent actions, like "Follow", "Subscribe", etc. Use
+this when the button appears inline with a row of `SourceChip` components. 
+
+### Usage
+
+`SourceChipSupportingButton` implements the chip supporting button design. See full [API documentation here][3].
+
+Basic chip supporting button with no icons:
+```kotlin
+SourceChipSupportingButton(
+    text = "Follow",
+    size = SourceChip.Size.Medium,
+    onClick = {},
+)
+```
+
+Basic chip supporting button with a leading icon:
+```kotlin
+SourceChipSupportingButton(
+    text = "Follow",
+    size = SourceChip.Size.Medium,
+    onClick = {},
+    indicatorBefore = ChipIndicator.Icon.Vector(
+        imageVector = Source.Icons.Base.Plus,
+    ),
+)
+```
+
+## Previews
+
+| Light|Dark|
+|---|---|
+|![Light](https://github.com/user-attachments/assets/f59696b2-4402-4682-ac2e-791d43721e85)|![Dark](https://github.com/user-attachments/assets/95420000-11d3-486c-80f4-675dd6f5bfc2)|
+
+[1]: https://www.figma.com/design/kSmjgtoTWiG8N7HXxFoGEE/%E2%97%90-Apps-library?node-id=6286-1728
+[2]: https://guardian.github.io/source-apps/android/docs/-source%20for%20-android/com.gu.source.components.chips/-source-chip.html
+[3]: https://guardian.github.io/source-apps/android/docs/-source%20for%20-android/com.gu.source.components.chips/-source-chip.html
\ No newline at end of file
diff --git a/android/source/src/main/kotlin/com/gu/source/components/chips/SourceBaseChip.kt b/android/source/src/main/kotlin/com/gu/source/components/chips/SourceBaseChip.kt
new file mode 100644
index 00000000..4aa0f6fa
--- /dev/null
+++ b/android/source/src/main/kotlin/com/gu/source/components/chips/SourceBaseChip.kt
@@ -0,0 +1,158 @@
+package com.gu.source.components.chips
+
+import android.annotation.SuppressLint
+import androidx.annotation.Discouraged
+import androidx.compose.foundation.*
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.*
+import androidx.compose.material3.Badge
+import androidx.compose.material3.Icon
+import androidx.compose.material3.ripple
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.Shape
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.semantics.Role
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import com.gu.source.R
+import com.gu.source.Source
+import com.gu.source.components.HorizontalExpandingText
+import com.gu.source.daynight.AppColour
+import com.gu.source.daynight.AppColourMode
+import com.gu.source.icons.Check
+import com.gu.source.presets.palette.Neutral10
+import com.gu.source.presets.palette.Neutral46
+import com.gu.source.presets.palette.Neutral93
+import com.gu.source.presets.palette.Sport400
+import com.gu.source.presets.typography.TextSansBold14
+import com.gu.source.utils.PreviewPhoneBothMode
+import kotlinx.coroutines.delay
+
+/**
+ * Object defining the styling information for the base chip.
+ */
+object SourceBaseChip {
+    /**
+     * Data model for styling of the base chip.
+     *
+     * @property fillColour The fill colour of the chip.
+     * @property border The border stroke of the chip.
+     * @property shape The shape of the chip.
+     * @property rippleColour The colour of the ripple effect when the chip is clicked.
+     */
+    data class Style(
+        val fillColour: Color,
+        val border: BorderStroke,
+        val shape: Shape,
+        val rippleColour: Color,
+    )
+}
+
+/**
+ * Composable function to render a customizable chip component with optional badge..
+ *
+ * @param height Height of the chip container in Dp.
+ * @param style Styling information for the chip.
+ * @param onClick Callback triggered when the chip is clicked.
+ * @param modifier Modifier to adjust the chip layout or appearance.
+ * @param allowsMultiSelection Optional - whether the chip allows multiple selections. This is used
+ * to set correct semantic role for the chip - checkbox if true, button if false.
+ * @param onClickLabel Optional label for the onClick action.
+ * @param badge Optional content to display a badge over the chip. Usually a [Badge].
+ * @param content The content of the chip.
+ */
+@Discouraged("Use SourceChip instead")
+@Composable
+fun SourceBaseChip(
+    height: Dp,
+    style: SourceBaseChip.Style,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    allowsMultiSelection: Boolean = false,
+    onClickLabel: String? = null,
+    badge: @Composable (() -> Unit)? = null,
+    content: @Composable RowScope.() -> Unit,
+) {
+    Box(modifier = modifier) {
+        Row(
+            modifier = Modifier
+                // Padding to allow Badge to overflow a bit
+                .padding(top = 2.dp)
+                .heightIn(min = height)
+                .background(color = style.fillColour, shape = style.shape)
+                .border(border = style.border, shape = style.shape)
+                .clickable(
+                    interactionSource = remember { MutableInteractionSource() },
+                    indication = ripple(color = style.rippleColour),
+                    onClickLabel = onClickLabel,
+                    role = if (allowsMultiSelection) Role.Checkbox else Role.Button,
+                    onClick = onClick,
+                ),
+            verticalAlignment = Alignment.CenterVertically,
+        ) {
+            content()
+        }
+        badge?.invoke()
+    }
+}
+
+/**
+ * Preview function to display the BaseChipView with various configurations.
+ */
+@SuppressLint("DiscouragedApi")
+@PreviewPhoneBothMode
+@Composable
+private fun SourceBaseChipPreview() {
+    val textColor = AppColour(
+        light = Source.Palette.Neutral10,
+        dark = Source.Palette.Neutral93,
+    )
+    var text by remember { mutableStateOf("Chip Title") }
+
+    LaunchedEffect(Unit) {
+        while (true) {
+            delay(timeMillis = 1000)
+            text = if (text.isEmpty()) "Chip Title" else ""
+        }
+    }
+
+    AppColourMode {
+        Box(modifier = it.background(Source.Palette.Neutral46)) {
+            SourceBaseChip(
+                height = SourceChip.Size.Medium.height,
+                style = SourceChip.Style.Default.toSourceBaseChipStyle(false),
+                onClick = { },
+                badge = {
+                    Badge(containerColor = Source.Palette.Sport400)
+                },
+            ) {
+                Spacer(modifier = Modifier.width(12.dp))
+                Image(
+                    painter = painterResource(R.drawable.marina_hyde),
+                    contentDescription = null,
+                    modifier = it.size(24.dp),
+                )
+                Spacer(modifier = Modifier.width(8.dp))
+                HorizontalExpandingText(
+                    text = text,
+                    style = Source.Typography.TextSansBold14,
+                    colour = textColor.current,
+                    maxLines = 1,
+                    overflow = TextOverflow.Ellipsis,
+                )
+                Spacer(modifier = Modifier.width(8.dp))
+                Icon(
+                    imageVector = Source.Icons.Base.Check,
+                    contentDescription = null,
+                    modifier = Modifier.size(18.dp),
+                    tint = textColor.current,
+                )
+                Spacer(modifier = Modifier.width(12.dp))
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/android/source/src/main/kotlin/com/gu/source/components/chips/SourceChip.kt b/android/source/src/main/kotlin/com/gu/source/components/chips/SourceChip.kt
new file mode 100644
index 00000000..7eaef3e1
--- /dev/null
+++ b/android/source/src/main/kotlin/com/gu/source/components/chips/SourceChip.kt
@@ -0,0 +1,649 @@
+package com.gu.source.components.chips
+
+import android.annotation.SuppressLint
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.ExperimentalLayoutApi
+import androidx.compose.foundation.layout.FlowRow
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Badge
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Icon
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.Shape
+import androidx.compose.ui.graphics.isSpecified
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import com.gu.source.R
+import com.gu.source.Source
+import com.gu.source.components.HorizontalExpandingText
+import com.gu.source.components.chips.SourceChip.CheckIconHeight
+import com.gu.source.daynight.AppColour
+import com.gu.source.daynight.AppColourMode
+import com.gu.source.icons.Check
+import com.gu.source.icons.Plus
+import com.gu.source.presets.palette.Neutral10
+import com.gu.source.presets.palette.Neutral38
+import com.gu.source.presets.palette.Neutral86
+import com.gu.source.presets.palette.Neutral93
+import com.gu.source.presets.typography.TextSans14
+import com.gu.source.presets.typography.TextSansBold14
+import com.gu.source.presets.typography.TextSansBold17
+import com.gu.source.utils.PreviewPhoneBothMode
+import kotlinx.coroutines.delay
+
+/**
+ * Object defining property models for `SourceChip`s.
+ */
+object SourceChip {
+    /** Supported `SourceChip` sizes. */
+    @Suppress("UndocumentedPublicProperty")
+    enum class Size(
+        internal val height: Dp,
+    ) {
+        Small(32.dp),
+        Medium(40.dp),
+    }
+
+    internal val Shape: Shape = RoundedCornerShape(8.dp)
+    internal val DefaultBadgeColour = AppColour(Color(color = 0xFF0190F7))
+    internal val CheckIconHeight = 14.dp
+
+    /**
+     * Represents the visual shape and style of a chip component.
+     *
+     * @property contentColourUnselected Colour for the text and icons displayed on the chip when it
+     * is not selected.
+     * @property contentColourSelected Colour for the text and icons displayed on the chip when it
+     * is selected.
+     * @property fillColourUnselected Background colour of the chip when it is not selected.
+     * @property fillColourSelected Background colour of the chip when it is selected.
+     * @property textStyle The style of the text displayed on the chip.
+     * @property borderColourUnselected Border colour of the chip when it is not selected.
+     * @property borderColourSelected Border colour of the chip when it is selected.
+     * @property borderWidth Thickness of the border stroke.
+     * @property shape Shape of the chip.
+     * @property badgeColour Colour for the badge displayed on the chip. If `Unspecified`, then the
+     * default badge colour will be used.
+     */
+    data class Style(
+        val contentColourUnselected: AppColour,
+        val contentColourSelected: AppColour,
+        val fillColourUnselected: AppColour,
+        val fillColourSelected: AppColour,
+        val textStyle: TextStyle = Source.Typography.TextSansBold14,
+        val borderColourUnselected: AppColour = AppColour.Unspecified,
+        val borderColourSelected: AppColour = borderColourUnselected,
+        val borderWidth: Dp = Dp.Unspecified,
+        val shape: Shape = Shape,
+        val badgeColour: AppColour = DefaultBadgeColour,
+    ) {
+        @Composable
+        internal fun toSourceBaseChipStyle(isSelected: Boolean) = SourceBaseChip.Style(
+            fillColour = if (isSelected) {
+                fillColourSelected.current
+            } else {
+                fillColourUnselected.current
+            },
+            border = BorderStroke(
+                width = borderWidth,
+                color = if (isSelected) {
+                    borderColourSelected.current
+                } else {
+                    borderColourUnselected.current
+                },
+            ),
+            shape = shape,
+            rippleColour = if (isSelected) {
+                contentColourSelected.current
+            } else {
+                contentColourUnselected.current
+            },
+        )
+
+        @Suppress("UndocumentedPublicClass")
+        companion object {
+            /**
+             * Default `SourceChip.Style` properties.
+             *
+             * Does not display a border, and uses a variant of blue for badge colour.
+             */
+            val Default = Style(
+                contentColourUnselected = AppColour(
+                    light = Source.Palette.Neutral10,
+                    dark = Source.Palette.Neutral93,
+                ),
+                contentColourSelected = AppColour(
+                    light = Source.Palette.Neutral93,
+                    dark = Source.Palette.Neutral10,
+                ),
+                fillColourUnselected = AppColour(
+                    light = Source.Palette.Neutral93,
+                    dark = Source.Palette.Neutral10,
+                ),
+                fillColourSelected = AppColour(
+                    light = Source.Palette.Neutral10,
+                    dark = Source.Palette.Neutral93,
+                ),
+            )
+
+            /**
+             * `SourceChip.Style` for the [SourceChipSupportingButton] component.
+             *
+             * Displays a border, has no fill colour, and does not support displaying a badge.
+             */
+            val SupportingButton = Style(
+                contentColourUnselected = AppColour(
+                    light = Source.Palette.Neutral10,
+                    dark = Source.Palette.Neutral93,
+                ),
+                contentColourSelected = AppColour(
+                    light = Source.Palette.Neutral10,
+                    dark = Source.Palette.Neutral93,
+                ),
+                fillColourUnselected = AppColour.Transparent,
+                fillColourSelected = AppColour.Transparent,
+                borderColourUnselected = AppColour(
+                    light = Source.Palette.Neutral86,
+                    dark = Source.Palette.Neutral38,
+                ),
+                borderColourSelected = AppColour(
+                    light = Source.Palette.Neutral86,
+                    dark = Source.Palette.Neutral38,
+                ),
+                borderWidth = 1.dp,
+                shape = Shape,
+                badgeColour = AppColour.Transparent,
+            )
+        }
+    }
+}
+
+/**
+ * Single-selection variant of the [SourceChip] component. This chip is designed to be used in a row
+ * of chips where only one chip can be selected at a time.
+ *
+ * @param text The text displayed inside the chip.
+ * @param isSelected Whether the chip is selected.
+ * @param size The size of the chip. See [SourceChip.Size] for available options.
+ * @param showBadge Whether to display a badge on the chip. If true, the badge will be displayed
+ * with the colour defined in [style].
+ * @param onClick Callback triggered when the chip is clicked.
+ * @param modifier Modifier to adjust the chip layout or appearance.
+ * @param style The style of the chip, including content colour, background colour, border, and
+ * more. See [SourceChip.Style]. Defaults to [SourceChip.Style.Default].
+ * @param onClickLabel Optional label for the onClick action.
+ * @param iconOrImage Optional content to display an icon/image before the title.
+ */
+@Composable
+fun SourceChip(
+    text: String,
+    isSelected: Boolean,
+    size: SourceChip.Size,
+    showBadge: Boolean,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    style: SourceChip.Style = SourceChip.Style.Default,
+    onClickLabel: String? = null,
+    iconOrImage: ChipDecoration = ChipDecoration.None,
+) {
+    SourceChipInternal(
+        text = text,
+        isSelected = isSelected,
+        size = size,
+        style = style,
+        onClick = onClick,
+        modifier = modifier,
+        allowsMultiSelection = false,
+        onClickLabel = onClickLabel,
+        decorationBeforeText = iconOrImage,
+        decorationAfterText = ChipDecoration.None,
+        badge = if (showBadge) {
+            { Badge(containerColor = it) }
+        } else {
+            null
+        },
+    )
+}
+
+/**
+ * Multi-select version of the [SourceChip] component. This chip is designed to be used in a row of
+ * chips where multiple chips can be selected at once. When [isSelected] is true, a check icon will
+ * be displayed after the title.
+ *
+ * @param text The text displayed inside the chip.
+ * @param isSelected Whether the chip is selected.
+ * @param size The size of the chip. See [SourceChip.Size] for available options.
+ * @param showBadge Whether to display a badge on the chip. If true, the badge will be displayed
+ * with the colour defined in [style].
+ * @param onClick Callback triggered when the chip is clicked.
+ * @param modifier Modifier to adjust the chip layout or appearance.
+ * @param style The style of the chip, including content colour, background colour, border, and
+ * more. See [SourceChip.Style]. Defaults to [SourceChip.Style.Default].
+ * @param onClickLabel Optional label for the onClick action.
+ * @param iconOrImage Optional content to display an icon/image before the title.
+ */
+@Composable
+fun SourceMultiSelectChip(
+    text: String,
+    isSelected: Boolean,
+    size: SourceChip.Size,
+    showBadge: Boolean,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    style: SourceChip.Style = SourceChip.Style.Default,
+    onClickLabel: String? = null,
+    iconOrImage: ChipDecoration = ChipDecoration.None,
+) {
+    SourceChipInternal(
+        text = text,
+        isSelected = isSelected,
+        size = size,
+        style = style,
+        onClick = onClick,
+        modifier = modifier,
+        allowsMultiSelection = true,
+        onClickLabel = onClickLabel,
+        decorationBeforeText = iconOrImage,
+        decorationAfterText = if (isSelected) {
+            ChipDecoration.Icon.Component {
+                Icon(
+                    imageVector = Source.Icons.Base.Check,
+                    contentDescription = null,
+                    modifier = Modifier.height(CheckIconHeight),
+                )
+            }
+        } else {
+            ChipDecoration.None
+        },
+        badge = if (showBadge) {
+            { Badge(containerColor = it) }
+        } else {
+            null
+        },
+    )
+}
+
+private data class Spacing(
+    val beforeLeadingDecoration: Dp,
+    val betweenLeadingDecorationAndText: Dp,
+    val betweenTextAndCheckmark: Dp,
+    val afterCheckmark: Dp,
+)
+
+/**
+ * Provides correct spacing properties for the chip based on the size and content.
+ *
+ * Two assumptions not from markup:
+ * 1. horizontal padding for label only chips is 16.dp on both sizes
+ * 2. horizontal padding for icon only chips is 12.dp on both sizes
+ *
+ * **At start:**
+ *
+ * | Spacing | Size | With Icon | With Image | Label only | Only Icon |
+ * |---|---|---|---|---|---|
+ * | Before icon/image | Small | 8 | 8 | 16 | 12 |
+ * | Before icon/image | Medium | 12 | 12 | 16 | 12 |
+ * | Between icon/image and text | Small | 4 | 8 | 0 | 0 |
+ * | Between icon/image and text | Medium | 4 | 8 | 0 | 0 |
+ *
+ * **At end:**
+ *
+ * | Spacing | Size | With check icon | Label only | Only Icon |
+ * |---|---|---|---|---|
+ * | Between text and check icon | Small | 8 | 0 | 0 |
+ * | Between text and check icon | Medium | 8 | 0 | 0 |
+ * | After check icon | Small | 8 | 16 | 12 |
+ * | After check icon | Medium | 8 | 16 | 12 |
+ *
+ */
+private fun getSpacing(
+    size: SourceChip.Size,
+    leadingDecoration: ChipDecoration,
+    hasTrailDecoration: Boolean,
+    hasText: Boolean,
+): Spacing {
+    val beforeLeadingDecoration = if (leadingDecoration is ChipDecoration.None) {
+        // Label only
+        16.dp
+    } else if (!hasText) {
+        // Only icon
+        12.dp
+    } else {
+        // Leading icon with text
+        when (size) {
+            SourceChip.Size.Small -> 8.dp
+            SourceChip.Size.Medium -> 12.dp
+        }
+    }
+
+    val betweenLeadingDecorationAndText = when (leadingDecoration) {
+        is ChipDecoration.Icon -> {
+            if (hasText) 4.dp else 0.dp
+        }
+
+        is ChipDecoration.Image -> if (hasText) 8.dp else 0.dp
+        ChipDecoration.None -> 0.dp
+    }
+
+    val betweenTextAndCheckmark = if (hasTrailDecoration) 8.dp else 0.dp
+
+    val afterCheckmark = if (hasTrailDecoration) {
+        8.dp
+    } else if (hasText) {
+        // Label only without check
+        16.dp
+    } else {
+        // Icon only without check
+        12.dp
+    }
+
+    return Spacing(
+        beforeLeadingDecoration = beforeLeadingDecoration,
+        betweenLeadingDecorationAndText = betweenLeadingDecorationAndText,
+        betweenTextAndCheckmark = betweenTextAndCheckmark,
+        afterCheckmark = afterCheckmark,
+    )
+}
+
+/**
+ * Displays a chip component with the given text.
+ *
+ * This variant displays the badge using the [badge] slot. [SourceChip.Style.badgeColour] is passed
+ * to the [badge] slot - it is recommended to use this as the `container` colour for the badge.
+ *
+ * @param text The text displayed inside the chip.
+ * @param isSelected Whether the chip is selected.
+ * @param size The size of the chip. See [SourceChip.Size] for available options.
+ * @param onClick Callback triggered when the chip is clicked.
+ * @param modifier Modifier to adjust the chip layout or appearance.
+ * @param style The style of the chip, including content colour, background colour, border, and
+ * more. See [SourceChip.Style]. Defaults to [SourceChip.Style.Default].
+ * @param allowsMultiSelection Optional - whether the chip allows multiple selections. This is used
+ * to set correct semantic role for the chip - checkbox if true, button if false.
+ * @param onClickLabel Optional label for the onClick action.
+ * @param decorationBeforeText Optional content to display an icon/image before the title.
+ * @param decorationAfterText Optional content to display an icon/image after the title.
+ * @param badge Optional content to display a badge over the chip. Usually a [Badge]. Badge colour
+ * is passed to the [badge] slot.
+ */
+@SuppressLint("DiscouragedApi")
+@Suppress("CognitiveComplexMethod")
+@Composable
+internal fun SourceChipInternal(
+    text: String,
+    isSelected: Boolean,
+    size: SourceChip.Size,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    style: SourceChip.Style = SourceChip.Style.Default,
+    allowsMultiSelection: Boolean = false,
+    onClickLabel: String? = null,
+    decorationBeforeText: ChipDecoration = ChipDecoration.None,
+    decorationAfterText: ChipDecoration = ChipDecoration.None,
+    badge: @Composable ((Color) -> Unit)? = null,
+) {
+    SourceBaseChip(
+        height = size.height,
+        style = style.toSourceBaseChipStyle(isSelected),
+        onClick = onClick,
+        modifier = modifier,
+        allowsMultiSelection = allowsMultiSelection,
+        onClickLabel = onClickLabel,
+        badge = badge?.let { badgeSlot ->
+            {
+                val badgeColour = if (style.badgeColour.current.isSpecified) {
+                    style.badgeColour.current
+                } else {
+                    SourceChip.DefaultBadgeColour.current
+                }
+                badgeSlot(badgeColour)
+            }
+        },
+    ) {
+        val contentColour = if (isSelected) {
+            style.contentColourSelected.current
+        } else {
+            style.contentColourUnselected.current
+        }
+
+        val spacing = getSpacing(
+            size = size,
+            leadingDecoration = decorationBeforeText,
+            hasTrailDecoration = decorationAfterText !is ChipDecoration.None,
+            hasText = text.isNotBlank(),
+        )
+
+        CompositionLocalProvider(LocalContentColor provides contentColour) {
+            Spacer(modifier = Modifier.width(spacing.beforeLeadingDecoration))
+
+            decorationBeforeText.content(this, Modifier.height(decorationBeforeText.height))
+
+            Spacer(modifier = Modifier.width(spacing.betweenLeadingDecorationAndText))
+
+            HorizontalExpandingText(
+                text = text,
+                colour = contentColour,
+                style = style.textStyle,
+                maxLines = 1,
+                overflow = TextOverflow.Ellipsis,
+            )
+
+            Spacer(modifier = Modifier.width(spacing.betweenTextAndCheckmark))
+
+            decorationAfterText.content(this, Modifier)
+
+            Spacer(modifier = Modifier.width(spacing.afterCheckmark))
+        }
+    }
+}
+
+/**
+ * Displays a [SourceChip] component that acts as a button. This button is designed to be used
+ * inline with a row of chips.
+ *
+ * The sizing and style of the button is same as the chips.
+ *
+ * @param text The text displayed inside the button.
+ * @param size The size of the button. See [SourceChip.Size] for available options.
+ * @param onClick Callback triggered when the button is clicked.
+ * @param modifier Modifier to adjust the button layout or appearance.
+ * @param style The style of the button, including text colour, background colour, border, and more.
+ * Defaults to [SourceChip.Style.SupportingButton].
+ * @param iconOrImage Optional content to display an icon/image before the title.
+ */
+@Composable
+fun SourceChipSupportingButton(
+    text: String,
+    size: SourceChip.Size,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    style: SourceChip.Style = SourceChip.Style.SupportingButton,
+    iconOrImage: ChipDecoration = ChipDecoration.None,
+) {
+    SourceChipInternal(
+        text = text,
+        isSelected = false,
+        size = size,
+        style = style,
+        onClick = onClick,
+        modifier = modifier,
+        decorationBeforeText = iconOrImage,
+        decorationAfterText = ChipDecoration.None,
+    )
+}
+
+@Suppress("CognitiveComplexMethod")
+@OptIn(ExperimentalLayoutApi::class)
+@PreviewPhoneBothMode
+@Composable
+internal fun SourceChipPreview(modifier: Modifier = Modifier) {
+    AppColourMode {
+        val previewText = "Label"
+        val labelColour = AppColour(light = Color.Black, dark = Color.White)
+        Column(
+            modifier = modifier.padding(horizontal = 8.dp, vertical = 4.dp),
+            verticalArrangement = Arrangement.spacedBy(8.dp),
+        ) {
+            SourceChip.Size.entries.forEach { size ->
+                Text(
+                    text = size.name,
+                    style = Source.Typography.TextSansBold17,
+                    color = labelColour.current,
+                )
+
+                listOf(false, true).forEach { isSelected ->
+                    Text(
+                        text = if (isSelected) "Selected" else "Unselected",
+                        style = Source.Typography.TextSans14,
+                        color = labelColour.current,
+                        modifier = Modifier.padding(top = 8.dp),
+                    )
+
+                    FlowRow(
+                        horizontalArrangement = Arrangement.spacedBy(8.dp),
+                        verticalArrangement = Arrangement.spacedBy(8.dp),
+                    ) {
+                        SourceChip(
+                            text = previewText,
+                            isSelected = isSelected,
+                            size = size,
+                            onClick = {},
+                            showBadge = false,
+                        )
+
+                        SourceChip(
+                            text = previewText,
+                            isSelected = isSelected,
+                            size = size,
+                            onClick = {},
+                            showBadge = false,
+                            iconOrImage = ChipDecoration.Icon.Component {
+                                Icon(
+                                    imageVector = Source.Icons.Base.Plus,
+                                    contentDescription = null,
+                                    modifier = it,
+                                )
+                            },
+                        )
+
+                        SourceChip(
+                            text = previewText,
+                            isSelected = isSelected,
+                            size = size,
+                            onClick = {},
+                            showBadge = false,
+                            iconOrImage = ChipDecoration.Image.Painter(
+                                painter = painterResource(R.drawable.marina_hyde),
+                                contentDescription = null,
+                            ),
+                        )
+
+                        SourceMultiSelectChip(
+                            text = previewText,
+                            isSelected = isSelected,
+                            size = size,
+                            onClick = {},
+                            showBadge = false,
+                            iconOrImage = ChipDecoration.Image.Painter(
+                                painter = painterResource(R.drawable.marina_hyde),
+                                contentDescription = null,
+                            ),
+                        )
+
+                        SourceMultiSelectChip(
+                            text = previewText,
+                            isSelected = isSelected,
+                            showBadge = true,
+                            size = size,
+                            onClick = {},
+                            style = SourceChip.Style.Default.copy(
+                                badgeColour = AppColour.Unspecified,
+                            ),
+                            iconOrImage = ChipDecoration.Icon.Vector(
+                                imageVector = Source.Icons.Base.Plus,
+                            ),
+                        )
+
+                        SourceMultiSelectChip(
+                            text = previewText,
+                            isSelected = isSelected,
+                            showBadge = true,
+                            size = size,
+                            onClick = {},
+                            style = SourceChip.Style.Default.copy(
+                                badgeColour = AppColour.Unspecified,
+                            ),
+                        )
+                    }
+                }
+                HorizontalDivider(modifier = Modifier.padding(vertical = 8.dp))
+            }
+
+            Text(
+                text = "Collapsed icon-only",
+                style = Source.Typography.TextSansBold17,
+                color = labelColour.current,
+            )
+
+            Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
+                listOf(false, true).forEach { isSelected ->
+                    var text by remember { mutableStateOf("") }
+                    LaunchedEffect(Unit) {
+                        while (true) {
+                            delay(timeMillis = 1000)
+                            text = if (text.isBlank()) "Label" else ""
+                        }
+                    }
+                    SourceChip(
+                        text = text,
+                        isSelected = isSelected,
+                        showBadge = false,
+                        size = SourceChip.Size.Medium,
+                        onClick = {},
+                        style = SourceChip.Style.Default,
+                        iconOrImage = ChipDecoration.Icon.Painter(
+                            painter = painterResource(R.drawable.ic_list),
+                        ),
+                    )
+                }
+            }
+
+            HorizontalDivider(modifier = Modifier.padding(vertical = 8.dp))
+
+            Text(
+                text = "Supporting chip",
+                style = Source.Typography.TextSansBold17,
+                color = labelColour.current,
+            )
+
+            SourceChipSupportingButton(
+                text = "Follow",
+                size = SourceChip.Size.Medium,
+                onClick = {},
+                iconOrImage = ChipDecoration.Icon.Vector(
+                    imageVector = Source.Icons.Base.Plus,
+                ),
+            )
+        }
+    }
+}
\ No newline at end of file
diff --git a/android/source/src/main/kotlin/com/gu/source/components/pager/README.md b/android/source/src/main/kotlin/com/gu/source/components/pager/README.md
new file mode 100644
index 00000000..070805cb
--- /dev/null
+++ b/android/source/src/main/kotlin/com/gu/source/components/pager/README.md
@@ -0,0 +1,98 @@
+# Paging indicators & buttons
+
+There are three pager components available:
+
+1. `PagerProgressIndicator` - a set of indicators to signify progress as a user
+progresses through the items in the pager
+2. `PagerProgressButtons` - buttons to allow user to go to next/previous page
+in a pager
+3. `PagerProgressBar` - a higher level component that combines the above two
+and has different phone and tablet behaviour.
+
+## Custom progress indicators
+
+`PagerProgressIndicator` is a lower level component used to signify progress in a pager. It provides
+a options for customising appearance of the indicators. See the [full API Docs here][1].
+
+### Usage example:
+
+![Custom indicator styling](https://github.com/user-attachments/assets/2d08a04d-a146-4ab0-a61c-5b8a89502cd1)
+
+
+```kotlin
+Column(modifier = Modifier.padding(8.dp)) {
+    HorizontalPager(state = pagerState) {
+        Box(
+            modifier = Modifier
+                .size(400.dp)
+                .background(Source.Palette.Neutral86, RoundedCornerShape(8.dp)),
+        ) {
+            Text(
+                text = (it + 1).toString(),
+                style = Source.Typography.Titlepiece70,
+                modifier = Modifier.align(Alignment.Center),
+                color = Source.Palette.Neutral46,
+            )
+        }
+    }
+    
+    // Place indicator below the pager, style it and set alignment explicitly
+    PagerProgressIndicator(
+        pagerState = pagerState,
+        selectedIndicatorColour = Source.Palette.Sport500,
+        unSelectedIndicatorColour = Source.Palette.Sport500.copy(alpha = 0.3F),
+        indicatorShape = CutCornerShape(8.dp),
+        maxIndicatorCount = 7,
+        numberOfItemsToScale = 5,
+        modifier = Modifier
+            .padding(top = 8.dp)
+            .align(Alignment.CenterHorizontally),
+    )
+}
+```
+
+## `PagerProgressButton`s
+
+A set of next & previous icon buttons to progress through the pages. The button
+enabled state depends on availability of a next/previous page. See the [full API Docs here][2].
+
+## `PagerProgressBar`
+
+The `PagerProgressBar` component is used to signify progress as a user flips through the items in a 
+`HorizontalPager`. It is typically used for image carousels, and is expected to be placed below the 
+pager.
+
+On tablets, the bar also displays `PagerProgressButtons` to allow the user to go to the next or 
+previous pages.
+
+See the [full API Docs here][3].
+
+### Usage example
+
+![Progress bar for tablets](https://github.com/user-attachments/assets/ec1c2520-8c2c-42c0-9a8c-631054e77a67)
+
+
+```kotlin
+Column(
+    modifier = modifier .widthIn(max = 695.dp),
+) {
+    HorizontalPager(
+        state = pagerState,
+        modifier = Modifier
+            .aspectRatio(695 / 544f)
+            .clip(RoundedCornerShape(16.dp)),
+    ) { page ->
+        SampleImage(
+            randomKey = page,
+            modifier = Modifier.fillMaxWidth(),
+        )
+    }
+    
+    // Place the bar below the pager
+    PagerProgressBar(pagerState = pagerState)
+}
+```
+
+[1]: https://guardian.github.io/source-apps/android/docs/-source%20for%20-android/com.gu.source.components.pager/-pager-progress-indicator.html
+[2]: https://guardian.github.io/source-apps/android/docs/-source%20for%20-android/com.gu.source.components.pager/-pager-progress-buttons.html
+[3]: https://guardian.github.io/source-apps/android/docs/-source%20for%20-android/com.gu.source.components.pager/-pager-progress-bar.html
\ No newline at end of file
diff --git a/android/source/src/main/kotlin/com/gu/source/presets/typography/README.md b/android/source/src/main/kotlin/com/gu/source/presets/typography/README.md
index b3bc85bc..07d44bdf 100644
--- a/android/source/src/main/kotlin/com/gu/source/presets/typography/README.md
+++ b/android/source/src/main/kotlin/com/gu/source/presets/typography/README.md
@@ -2,7 +2,6 @@
 
 List of typography tokens and their previews are below. The tokens are namespaced under `Source.Typography`, e.g. `Source.Typography.TextSans14`
 
-
 | Grey boxes represent the drawn area for the text with vertical clipping enabled |
 |---|
 |![headlineBold](https://github.com/user-attachments/assets/4922b064-ee81-408d-9b43-3130d95c1fa0)|
diff --git a/android/source/src/main/kotlin/com/gu/source/utils/DensityExtensions.kt b/android/source/src/main/kotlin/com/gu/source/utils/DensityExtensions.kt
new file mode 100644
index 00000000..c821feb4
--- /dev/null
+++ b/android/source/src/main/kotlin/com/gu/source/utils/DensityExtensions.kt
@@ -0,0 +1,55 @@
+@file:Suppress("TooManyFunctions")
+
+package com.gu.source.utils
+
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.Stable
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.TextUnit
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+
+/** Converts this Int value from Density-independent Pixels (dp) to Pixels (px). */
+@Composable
+fun Int.dpToPx() = with(LocalDensity.current) { dp.toPx() }
+
+/** Converts this Float value from Density-independent Pixels (dp) to Pixels (px). */
+@Composable
+fun Float.dpToPx() = with(LocalDensity.current) { dp.toPx() }
+
+/** Converts this Dp value to Pixels (px). */
+@Composable
+fun Dp.toPx() = value.dpToPx()
+
+/** Converts this Int value from Pixels (px) to Density-independent Pixels (dp). */
+@Composable
+fun Int.pxToDp() = with(LocalDensity.current) { toDp() }
+
+/** Converts this Float value from Pixels (px) to Density-independent Pixels (dp). */
+@Composable
+fun Float.pxToDp() = with(LocalDensity.current) { toDp() }
+
+/** Converts this TextUnit value to Pixels (px). */
+@Composable
+fun TextUnit.toPx() = with(LocalDensity.current) { toPx() }
+
+/** Converts this TextUnit value to Density-independent Pixels (dp). */
+@Composable
+fun TextUnit.toDp() = with(LocalDensity.current) { toDp() }
+
+/** Converts this Dp value to Scale-independent Pixels (sp). */
+@Composable
+fun Dp.toSp() = with(LocalDensity.current) { toSp() }
+
+/** Converts this Int value from Pixels (px) to Scale-independent Pixels (sp). */
+@Composable
+fun Int.pxToSp() = with(LocalDensity.current) { toSp() }
+
+/** Converts this Float value from Pixels (px) to Scale-independent Pixels (sp). */
+@Composable
+fun Float.pxToSp() = with(LocalDensity.current) { toSp() }
+
+/** Returns the sum of this and the other TextUnit value. */
+@Stable
+operator fun TextUnit.plus(other: TextUnit) = (this.value + other.value).sp
\ No newline at end of file
diff --git a/android/source/src/main/res/drawable-nodpi/marina_hyde.png b/android/source/src/main/res/drawable-nodpi/marina_hyde.png
new file mode 100644
index 00000000..5e142f17
Binary files /dev/null and b/android/source/src/main/res/drawable-nodpi/marina_hyde.png differ
diff --git a/android/source/src/main/res/drawable/ic_list.xml b/android/source/src/main/res/drawable/ic_list.xml
new file mode 100644
index 00000000..1b5a5ea2
--- /dev/null
+++ b/android/source/src/main/res/drawable/ic_list.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="18dp"
+    android:height="18dp"
+    android:viewportWidth="18"
+    android:viewportHeight="18">
+  <path
+      android:pathData="M4.125,3.375H2.25V5.25H4.125V3.375ZM15.75,3.375H6V5.25H15.75V3.375ZM6,12.75H15.75V14.625H6V12.75ZM4.125,12.75H2.25V14.625H4.125V12.75ZM6,8.063H15.75V9.938H6V8.063ZM4.125,8.063H2.25V9.938H4.125V8.063Z"
+      android:fillColor="#1A1A1A"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/android/source/src/test/kotlin/com/gu/source/components/chips/SourceChipTest.kt b/android/source/src/test/kotlin/com/gu/source/components/chips/SourceChipTest.kt
new file mode 100644
index 00000000..cfbc6a95
--- /dev/null
+++ b/android/source/src/test/kotlin/com/gu/source/components/chips/SourceChipTest.kt
@@ -0,0 +1,43 @@
+package com.gu.source.components.chips
+
+import androidx.compose.foundation.background
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import com.android.resources.NightMode
+import com.google.testing.junit.testparameterinjector.TestParameter
+import com.google.testing.junit.testparameterinjector.TestParameterInjector
+import com.gu.source.daynight.AppColour
+import com.gu.source.daynight.AppColourMode
+import com.gu.source.utils.paparazzi.BaseDeviceConfig
+import com.gu.source.utils.paparazzi.FontScale
+import com.gu.source.utils.paparazzi.createComponentPaparazziRule
+import org.junit.Rule
+import org.junit.Test
+import org.junit.runner.RunWith
+
+@RunWith(TestParameterInjector::class)
+class SourceChipTest(
+    @TestParameter private val nightMode: NightMode,
+    @TestParameter private val fontScale: FontScale,
+) {
+    @get:Rule
+    val paparazzi = createComponentPaparazziRule(
+        deviceConfig = BaseDeviceConfig.Phone.deviceConfig.copy(
+            fontScale = fontScale.value,
+            nightMode = nightMode,
+        ),
+    )
+
+    @Test
+    fun base() {
+        paparazzi.snapshot {
+            AppColourMode {
+                SourceChipPreview(
+                    modifier = Modifier.background(
+                        AppColour(Color.White, Color.Black).current,
+                    ),
+                )
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/android/source/src/test/snapshots/images/com.gu.source.components.chips_SourceChipTest_base[NIGHT,ExtraLarge].png b/android/source/src/test/snapshots/images/com.gu.source.components.chips_SourceChipTest_base[NIGHT,ExtraLarge].png
new file mode 100644
index 00000000..474bbee5
Binary files /dev/null and b/android/source/src/test/snapshots/images/com.gu.source.components.chips_SourceChipTest_base[NIGHT,ExtraLarge].png differ
diff --git a/android/source/src/test/snapshots/images/com.gu.source.components.chips_SourceChipTest_base[NIGHT,Normal].png b/android/source/src/test/snapshots/images/com.gu.source.components.chips_SourceChipTest_base[NIGHT,Normal].png
new file mode 100644
index 00000000..cb704cf2
Binary files /dev/null and b/android/source/src/test/snapshots/images/com.gu.source.components.chips_SourceChipTest_base[NIGHT,Normal].png differ
diff --git a/android/source/src/test/snapshots/images/com.gu.source.components.chips_SourceChipTest_base[NOTNIGHT,ExtraLarge].png b/android/source/src/test/snapshots/images/com.gu.source.components.chips_SourceChipTest_base[NOTNIGHT,ExtraLarge].png
new file mode 100644
index 00000000..4d039cb7
Binary files /dev/null and b/android/source/src/test/snapshots/images/com.gu.source.components.chips_SourceChipTest_base[NOTNIGHT,ExtraLarge].png differ
diff --git a/android/source/src/test/snapshots/images/com.gu.source.components.chips_SourceChipTest_base[NOTNIGHT,Normal].png b/android/source/src/test/snapshots/images/com.gu.source.components.chips_SourceChipTest_base[NOTNIGHT,Normal].png
new file mode 100644
index 00000000..553592fe
Binary files /dev/null and b/android/source/src/test/snapshots/images/com.gu.source.components.chips_SourceChipTest_base[NOTNIGHT,Normal].png differ