From a6ca69a866df5c77905a1944b803ecc6fb9aac62 Mon Sep 17 00:00:00 2001
From: Antoine Quatrelivre <antoine@studiometa.fr>
Date: Fri, 21 Nov 2025 15:05:12 +0100
Subject: [PATCH 1/3] Update default breakpoints to match with our
 `@studiometa/tailwind-config`

---
 packages/js-toolkit/Base/features.ts | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/js-toolkit/Base/features.ts b/packages/js-toolkit/Base/features.ts
index 1b579f846..20d53106c 100644
--- a/packages/js-toolkit/Base/features.ts
+++ b/packages/js-toolkit/Base/features.ts
@@ -19,14 +19,14 @@ export const features = new Map<keyof Features, Features[keyof Features]>([
   [
     'breakpoints',
     {
-      xxs: '0rem',
+      '2xs': '0rem',
       xs: '30rem', // 480px
-      s: '48rem', // 768px
-      m: '64rem', // 1024px
-      l: '80rem', // 1280px
-      xl: '90rem', // 1440px
-      xxl: '120rem', // 1920px
-      xxxl: '160rem', // 2560px
+      s: '40rem', // 640px
+      m: '48rem', // 768px
+      l: '64rem', // 1024px
+      xl: '80rem', // 1280px
+      '2xl': '96rem', // 1440px
+      '3xl': '120rem', // 1920px
     },
   ],
   ['prefix', 'tk'],

From 74613a7a7ed713eeb67168dded5527e350268093 Mon Sep 17 00:00:00 2001
From: Antoine Quatrelivre <antoine@studiometa.fr>
Date: Fri, 21 Nov 2025 15:06:32 +0100
Subject: [PATCH 2/3] Update changelog

---
 CHANGELOG.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7ac981ff9..c096f0b5c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file. The format
 
 ## [Unreleased]
 
+### Modified
+
+- ⚠️ Update default breakpoints to match with our `@studiometa/tailwind-config` (a6ca69a8)
+
 ## [v3.4.3](https://github.com/studiometa/js-toolkit/compare/3.4.2..3.4.3) (2025-11-13)
 
 ### Fixed

From ff1f39996b1517e1430f967c5bbae72a0d22ab5b Mon Sep 17 00:00:00 2001
From: Antoine Quatrelivre <antoine@studiometa.fr>
Date: Fri, 21 Nov 2025 16:25:46 +0100
Subject: [PATCH 3/3] Update the documentation

---
 .../docs/api/decorators/withBreakpointManager.md   |  8 ++++----
 .../docs/api/decorators/withBreakpointObserver.md  |  6 +++---
 packages/docs/api/services/useResize.md            | 14 +++++++-------
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/docs/api/decorators/withBreakpointManager.md b/packages/docs/api/decorators/withBreakpointManager.md
index 3ea4c4aac..9d9f47be0 100644
--- a/packages/docs/api/decorators/withBreakpointManager.md
+++ b/packages/docs/api/decorators/withBreakpointManager.md
@@ -14,8 +14,8 @@ import MenuMobile from './MenuMobile';
 import MenuDesktop from './MenuDesktop';
 
 export default class Menu extends withBreakpointManager(Base, [
-  ['xxs xs s', MenuMobile],
-  ['m l xl xxl', MenuDesktop],
+  ['2xs xs s', MenuMobile],
+  ['m l xl 2xl', MenuDesktop],
 ]) {
   static config = {
     name: 'Menu',
@@ -46,8 +46,8 @@ import MenuMobile from './MenuMobile';
 import MenuDesktop from './MenuDesktop';
 
 export default class Menu extends withBreakpointManager(Base, [
-  ['xxs xs s', MenuMobile],
-  ['m l xl xxl', MenuDesktop],
+  ['2xs xs s', MenuMobile],
+  ['m l xl 2xl', MenuDesktop],
 ]) {
   static config = {
     name: 'Menu',
diff --git a/packages/docs/api/decorators/withBreakpointObserver.md b/packages/docs/api/decorators/withBreakpointObserver.md
index 42797b8fb..5c0d8d04c 100644
--- a/packages/docs/api/decorators/withBreakpointObserver.md
+++ b/packages/docs/api/decorators/withBreakpointObserver.md
@@ -17,7 +17,7 @@ export default class MobileComponent extends withBreakpointObserver(Base) {
     options: {
       activeBreakpoints: {
         type: String,
-        default: 'xxs xs s',
+        default: '2xs xs s',
       },
     },
   };
@@ -47,7 +47,7 @@ export default class MobileComponent extends withBreakpointObserver(Base) {
     options: {
       activeBreakpoints: {
         type: String,
-        default: 'xxs xs s',
+        default: '2xs xs s',
       },
     },
   };
@@ -67,7 +67,7 @@ export default class MobileComponent extends withBreakpointObserver(Base) {
     options: {
       inactiveBreakpoints: {
         type: String,
-        default: 'm l xl xxl',
+        default: 'm l xl 2xl',
       },
     },
   };
diff --git a/packages/docs/api/services/useResize.md b/packages/docs/api/services/useResize.md
index 01343c64c..76aa78c2b 100644
--- a/packages/docs/api/services/useResize.md
+++ b/packages/docs/api/services/useResize.md
@@ -66,14 +66,14 @@ Configure the breakpoints used for responsive features of this service. This par
 
 ```js
 {
-  xxs: '0rem', // 0px
+  '2xs': '0rem',
   xs: '30rem', // 480px
-  s: '48rem', // 768px
-  m: '64rem', // 1024px
-  l: '80rem', // 1280px
-  xl: '90rem', // 1440px
-  xxl: '120rem', // 1920px
-  xxxl: '160rem', // 2560px
+  s: '40rem', // 640px
+  m: '48rem', // 768px
+  l: '64rem', // 1024px
+  xl: '80rem', // 1280px
+  '2xl': '96rem', // 1440px
+  '3xl': '120rem', // 1920px
 }
 ```