diff --git a/CHANGELOG.md b/CHANGELOG.md
index e07d2eb52..b44c5e48e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [3.9.0][] - 2024-09-03
+
 ### Added
 
 -   `ImageLightbox`: new component providing an image slideshow lightbox with extra features (zoom & a11y).
@@ -2064,7 +2066,8 @@ _Failed released_
 [3.6.7]: https://github.com/lumapps/design-system/tree/v3.6.7
 
 
-[Unreleased]: https://github.com/lumapps/design-system/compare/v3.8.1...HEAD
+[Unreleased]: https://github.com/lumapps/design-system/compare/v3.9.0...HEAD
+[3.9.0]: https://github.com/lumapps/design-system/compare/v3.8.1...v3.9.0
 [3.8.1]: https://github.com/lumapps/design-system/compare/v3.8.0...v3.8.1
 [3.8.0]: https://github.com/lumapps/design-system/compare/v3.7.5...v3.8.0
 [3.7.5]: https://github.com/lumapps/design-system/compare/v3.7.4...v3.7.5
diff --git a/dev-packages/eslint-config-lumapps/package.json b/dev-packages/eslint-config-lumapps/package.json
index e3a9b4506..61a16d5c8 100644
--- a/dev-packages/eslint-config-lumapps/package.json
+++ b/dev-packages/eslint-config-lumapps/package.json
@@ -1,7 +1,7 @@
 {
     "name": "eslint-config-lumapps",
     "private": true,
-    "version": "3.8.1",
+    "version": "3.9.0",
     "main": "index.js",
     "peerDependencies": {
         "eslint": ">=8.24.0",
@@ -14,7 +14,7 @@
         "eslint-config-prettier": "^9.1.0",
         "eslint-plugin-import": "2.26.0",
         "eslint-plugin-jsx-a11y": "^6.8.0",
-        "eslint-plugin-lumapps": "^3.8.1",
+        "eslint-plugin-lumapps": "^3.9.0",
         "eslint-plugin-prettier": "5.1.3",
         "eslint-plugin-react": "^7.29.4",
         "eslint-plugin-react-hooks": "4.6.0",
diff --git a/dev-packages/eslint-plugin-lumapps/package.json b/dev-packages/eslint-plugin-lumapps/package.json
index 7b22ec57f..28648c96d 100644
--- a/dev-packages/eslint-plugin-lumapps/package.json
+++ b/dev-packages/eslint-plugin-lumapps/package.json
@@ -1,7 +1,7 @@
 {
     "name": "eslint-plugin-lumapps",
     "private": true,
-    "version": "3.8.1",
+    "version": "3.9.0",
     "license": "MIT",
     "main": "index.js"
 }
diff --git a/lerna.json b/lerna.json
index 332fcd73d..cca4ad802 100644
--- a/lerna.json
+++ b/lerna.json
@@ -10,7 +10,7 @@
             "message": "chore(release): release %s"
         }
     },
-    "version": "3.8.1",
+    "version": "3.9.0",
     "useWorkspaces": true,
     "npmClient": "yarn"
 }
diff --git a/packages/lumx-angularjs/package.json b/packages/lumx-angularjs/package.json
index 7028defa9..9b346a9d9 100644
--- a/packages/lumx-angularjs/package.json
+++ b/packages/lumx-angularjs/package.json
@@ -6,8 +6,8 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/core": "^3.8.1",
-        "@lumx/icons": "^3.8.1",
+        "@lumx/core": "^3.9.0",
+        "@lumx/icons": "^3.9.0",
         "focus-visible": "^5.0.2",
         "lodash": "4.17.21",
         "popper.js": "^1.16.0"
@@ -39,7 +39,7 @@
         "build": "webpack",
         "prepare": "install-peers || exit 0"
     },
-    "version": "3.8.1",
+    "version": "3.9.0",
     "devDependencies": {
         "@babel/core": "^7.18.13",
         "@babel/plugin-proposal-class-properties": "^7.18.6",
diff --git a/packages/lumx-core/package.json b/packages/lumx-core/package.json
index 643e29f71..95ad4c624 100644
--- a/packages/lumx-core/package.json
+++ b/packages/lumx-core/package.json
@@ -40,7 +40,7 @@
         "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
     },
     "sideEffects": false,
-    "version": "3.8.1",
+    "version": "3.9.0",
     "devDependencies": {
         "@babel/core": "^7.18.13",
         "@babel/plugin-proposal-class-properties": "^7.18.6",
diff --git a/packages/lumx-icons/package.json b/packages/lumx-icons/package.json
index 885634077..025901a77 100644
--- a/packages/lumx-icons/package.json
+++ b/packages/lumx-icons/package.json
@@ -45,5 +45,5 @@
         "build": "rollup -c"
     },
     "sideEffects": false,
-    "version": "3.8.1"
+    "version": "3.9.0"
 }
diff --git a/packages/lumx-react/package.json b/packages/lumx-react/package.json
index 56485e830..e78788aa0 100644
--- a/packages/lumx-react/package.json
+++ b/packages/lumx-react/package.json
@@ -6,8 +6,8 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/core": "^3.8.1",
-        "@lumx/icons": "^3.8.1",
+        "@lumx/core": "^3.9.0",
+        "@lumx/icons": "^3.9.0",
         "@popperjs/core": "^2.5.4",
         "body-scroll-lock": "^3.1.5",
         "classnames": "^2.3.2",
@@ -110,5 +110,5 @@
         "build:storybook": "storybook build"
     },
     "sideEffects": false,
-    "version": "3.8.1"
+    "version": "3.9.0"
 }
diff --git a/packages/site-demo/package.json b/packages/site-demo/package.json
index ec07d237d..45504f32d 100644
--- a/packages/site-demo/package.json
+++ b/packages/site-demo/package.json
@@ -1,6 +1,6 @@
 {
     "name": "lumx-site-demo",
-    "version": "3.8.1",
+    "version": "3.9.0",
     "private": true,
     "description": "The official LumApps Design System (LumX) demo site",
     "bugs": {
@@ -20,10 +20,10 @@
         "start": "NODE_OPTIONS=--no-warnings gatsby develop"
     },
     "dependencies": {
-        "@lumx/angularjs": "^3.8.1",
-        "@lumx/core": "^3.8.1",
-        "@lumx/icons": "^3.8.1",
-        "@lumx/react": "^3.8.1",
+        "@lumx/angularjs": "^3.9.0",
+        "@lumx/core": "^3.9.0",
+        "@lumx/icons": "^3.9.0",
+        "@lumx/react": "^3.9.0",
         "@mdx-js/mdx": "^1.6.19",
         "@mdx-js/react": "^1.6.19",
         "@reach/router": "^1.2.1",
diff --git a/packages/yo-generators/package.json b/packages/yo-generators/package.json
index 331d0d316..73c0c6aa3 100644
--- a/packages/yo-generators/package.json
+++ b/packages/yo-generators/package.json
@@ -12,5 +12,5 @@
     "main": "generators/index.js",
     "name": "generator-lumx-component",
     "private": true,
-    "version": "3.8.1"
+    "version": "3.9.0"
 }
diff --git a/yarn.lock b/yarn.lock
index dbf7b2cd1..0071dd52e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3708,7 +3708,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@lumx/angularjs@^3.8.1, @lumx/angularjs@workspace:packages/lumx-angularjs":
+"@lumx/angularjs@^3.9.0, @lumx/angularjs@workspace:packages/lumx-angularjs":
   version: 0.0.0-use.local
   resolution: "@lumx/angularjs@workspace:packages/lumx-angularjs"
   dependencies:
@@ -3721,8 +3721,8 @@ __metadata:
     "@babel/plugin-proposal-private-property-in-object": ^7.18.6
     "@babel/preset-env": ^7.18.10
     "@babel/preset-typescript": ^7.18.6
-    "@lumx/core": ^3.8.1
-    "@lumx/icons": ^3.8.1
+    "@lumx/core": ^3.9.0
+    "@lumx/icons": ^3.9.0
     babel-plugin-angularjs-annotate: ^0.10.0
     clean-webpack-plugin: ^3.0.0
     copy-webpack-plugin: ^5.1.1
@@ -3747,7 +3747,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@lumx/core@^3.8.1, @lumx/core@workspace:packages/lumx-core":
+"@lumx/core@^3.9.0, @lumx/core@workspace:packages/lumx-core":
   version: 0.0.0-use.local
   resolution: "@lumx/core@workspace:packages/lumx-core"
   dependencies:
@@ -3791,7 +3791,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@lumx/icons@^3.8.1, @lumx/icons@workspace:packages/lumx-icons":
+"@lumx/icons@^3.9.0, @lumx/icons@workspace:packages/lumx-icons":
   version: 0.0.0-use.local
   resolution: "@lumx/icons@workspace:packages/lumx-icons"
   dependencies:
@@ -3838,7 +3838,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@lumx/react@^3.8.1, @lumx/react@workspace:packages/lumx-react":
+"@lumx/react@^3.9.0, @lumx/react@workspace:packages/lumx-react":
   version: 0.0.0-use.local
   resolution: "@lumx/react@workspace:packages/lumx-react"
   dependencies:
@@ -3853,8 +3853,8 @@ __metadata:
     "@babel/preset-env": ^7.18.10
     "@babel/preset-react": ^7.18.6
     "@babel/preset-typescript": ^7.18.6
-    "@lumx/core": ^3.8.1
-    "@lumx/icons": ^3.8.1
+    "@lumx/core": ^3.9.0
+    "@lumx/icons": ^3.9.0
     "@popperjs/core": ^2.5.4
     "@rollup/plugin-commonjs": ^15.0.0
     "@rollup/plugin-node-resolve": 9.0.0
@@ -14386,7 +14386,7 @@ __metadata:
     eslint-config-prettier: ^9.1.0
     eslint-plugin-import: 2.26.0
     eslint-plugin-jsx-a11y: ^6.8.0
-    eslint-plugin-lumapps: ^3.8.1
+    eslint-plugin-lumapps: ^3.9.0
     eslint-plugin-prettier: 5.1.3
     eslint-plugin-react: ^7.29.4
     eslint-plugin-react-hooks: 4.6.0
@@ -14604,7 +14604,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-lumapps@^3.8.1, eslint-plugin-lumapps@workspace:dev-packages/eslint-plugin-lumapps":
+"eslint-plugin-lumapps@^3.9.0, eslint-plugin-lumapps@workspace:dev-packages/eslint-plugin-lumapps":
   version: 0.0.0-use.local
   resolution: "eslint-plugin-lumapps@workspace:dev-packages/eslint-plugin-lumapps"
   languageName: unknown
@@ -23071,10 +23071,10 @@ fsevents@~2.1.2:
   version: 0.0.0-use.local
   resolution: "lumx-site-demo@workspace:packages/site-demo"
   dependencies:
-    "@lumx/angularjs": ^3.8.1
-    "@lumx/core": ^3.8.1
-    "@lumx/icons": ^3.8.1
-    "@lumx/react": ^3.8.1
+    "@lumx/angularjs": ^3.9.0
+    "@lumx/core": ^3.9.0
+    "@lumx/icons": ^3.9.0
+    "@lumx/react": ^3.9.0
     "@mdx-js/mdx": ^1.6.19
     "@mdx-js/react": ^1.6.19
     "@reach/router": ^1.2.1