From c147ab4e92a6f7ad8ac2925b06d602e04987507c Mon Sep 17 00:00:00 2001
From: juliajforesti <juliajforesti@gmail.com>
Date: Mon, 13 Apr 2026 20:36:36 -0300
Subject: [PATCH 1/3] chore: bump fuselage

---
 apps/meteor/package.json                  |  4 +--
 apps/uikit-playground/package.json        |  2 +-
 packages/fuselage-ui-kit/package.json     |  2 +-
 packages/gazzodown/package.json           |  2 +-
 packages/storybook-config/package.json    |  2 +-
 packages/ui-avatar/package.json           |  2 +-
 packages/ui-client/package.json           |  2 +-
 packages/ui-composer/package.json         |  2 +-
 packages/ui-contexts/package.json         |  2 +-
 packages/ui-video-conf/package.json       |  2 +-
 packages/ui-voip/package.json             |  2 +-
 packages/web-ui-registration/package.json |  2 +-
 yarn.lock                                 | 40 +++++++++++------------
 13 files changed, 33 insertions(+), 33 deletions(-)

diff --git a/apps/meteor/package.json b/apps/meteor/package.json
index 02a3c6499d1a9..c58b669912a13 100644
--- a/apps/meteor/package.json
+++ b/apps/meteor/package.json
@@ -74,6 +74,7 @@
 		"@bugsnag/js": "~7.20.2",
 		"@bugsnag/plugin-react": "~7.19.0",
 		"@datastructures-js/priority-queue": "^6.3.5",
+		"@date-fns/tz": "^1.4.1",
 		"@google-cloud/storage": "^7.15.0",
 		"@kaciras/deasync": "^1.1.0",
 		"@nivo/bar": "0.88.0",
@@ -105,7 +106,7 @@
 		"@rocket.chat/favicon": "workspace:^",
 		"@rocket.chat/federation-matrix": "workspace:^",
 		"@rocket.chat/federation-sdk": "0.6.3",
-		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage": "^0.76.0",
 		"@rocket.chat/fuselage-forms": "^1.1.1",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-toastbar": "^0.35.2",
@@ -188,7 +189,6 @@
 		"cron-validator": "^1.3.1",
 		"css-vars-ponyfill": "^2.4.9",
 		"csv-parse": "^5.5.6",
-		"@date-fns/tz": "^1.4.1",
 		"date-fns": "~4.1.0",
 		"date.js": "~0.3.3",
 		"debug": "~4.3.7",
diff --git a/apps/uikit-playground/package.json b/apps/uikit-playground/package.json
index c0ade9431e9ff..597b9261e62e7 100644
--- a/apps/uikit-playground/package.json
+++ b/apps/uikit-playground/package.json
@@ -18,7 +18,7 @@
 		"@lezer/highlight": "^1.2.3",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/css-in-js": "~0.31.25",
-		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage": "^0.76.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-toastbar": "^0.35.2",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
diff --git a/packages/fuselage-ui-kit/package.json b/packages/fuselage-ui-kit/package.json
index 249a1463cacdb..26f05ed0a0fd5 100644
--- a/packages/fuselage-ui-kit/package.json
+++ b/packages/fuselage-ui-kit/package.json
@@ -46,7 +46,7 @@
 		"@rocket.chat/apps-engine": "workspace:^",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage": "^0.76.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/gazzodown/package.json b/packages/gazzodown/package.json
index e23efc0fa6fee..988d8f9db7455 100644
--- a/packages/gazzodown/package.json
+++ b/packages/gazzodown/package.json
@@ -31,7 +31,7 @@
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/css-in-js": "~0.31.25",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage": "^0.76.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/storybook-config/package.json b/packages/storybook-config/package.json
index 9dfcd9bdc0868..2f4da6d164a64 100644
--- a/packages/storybook-config/package.json
+++ b/packages/storybook-config/package.json
@@ -36,7 +36,7 @@
 		"webpack": "~5.99.9"
 	},
 	"devDependencies": {
-		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage": "^0.76.0",
 		"@rocket.chat/icons": "~0.47.0",
 		"@rocket.chat/tsconfig": "workspace:*",
 		"@storybook/react": "^8.6.17",
diff --git a/packages/ui-avatar/package.json b/packages/ui-avatar/package.json
index ec0628376e203..7dd2ba364a6ed 100644
--- a/packages/ui-avatar/package.json
+++ b/packages/ui-avatar/package.json
@@ -17,7 +17,7 @@
 	"devDependencies": {
 		"@rocket.chat/core-typings": "workspace:~",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage": "^0.76.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/ui-client/package.json b/packages/ui-client/package.json
index 257b5f90a238d..aaefdd700cdfe 100644
--- a/packages/ui-client/package.json
+++ b/packages/ui-client/package.json
@@ -26,7 +26,7 @@
 		"@rocket.chat/core-typings": "workspace:~",
 		"@rocket.chat/css-in-js": "~0.31.25",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage": "^0.76.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/ui-composer/package.json b/packages/ui-composer/package.json
index 19e1b7da0d8a2..ab2fcc02b446e 100644
--- a/packages/ui-composer/package.json
+++ b/packages/ui-composer/package.json
@@ -22,7 +22,7 @@
 	"devDependencies": {
 		"@react-aria/toolbar": "^3.0.0-nightly.5042",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage": "^0.76.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/ui-contexts/package.json b/packages/ui-contexts/package.json
index b256016bd73e7..40713e94023bf 100644
--- a/packages/ui-contexts/package.json
+++ b/packages/ui-contexts/package.json
@@ -23,7 +23,7 @@
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/ddp-client": "workspace:~",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage": "^0.76.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/i18n": "workspace:~",
diff --git a/packages/ui-video-conf/package.json b/packages/ui-video-conf/package.json
index a9a24581698c5..6cfa53adcfea7 100644
--- a/packages/ui-video-conf/package.json
+++ b/packages/ui-video-conf/package.json
@@ -22,7 +22,7 @@
 	},
 	"devDependencies": {
 		"@rocket.chat/css-in-js": "~0.31.25",
-		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage": "^0.76.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/ui-voip/package.json b/packages/ui-voip/package.json
index c2d2d97da4d82..e0298b5174844 100644
--- a/packages/ui-voip/package.json
+++ b/packages/ui-voip/package.json
@@ -30,7 +30,7 @@
 		"@react-spectrum/test-utils": "~1.0.0-alpha.8",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/css-in-js": "~0.31.25",
-		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage": "^0.76.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/fuselage-ui-kit": "workspace:^",
diff --git a/packages/web-ui-registration/package.json b/packages/web-ui-registration/package.json
index 791aa2e0636e2..41db599794bba 100644
--- a/packages/web-ui-registration/package.json
+++ b/packages/web-ui-registration/package.json
@@ -23,7 +23,7 @@
 		"@rocket.chat/core-typings": "workspace:~",
 		"@rocket.chat/css-in-js": "~0.31.25",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.75.0",
+		"@rocket.chat/fuselage": "^0.76.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/i18n": "workspace:~",
diff --git a/yarn.lock b/yarn.lock
index 5aeda2ff0e369..daa534f4724d4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7202,7 +7202,7 @@ __metadata:
 
 "@react-aria/i18n@patch:@react-aria/i18n@npm%3A3.12.5#~/.yarn/patches/@react-aria-i18n-npm-3.12.5-435edff786.patch":
   version: 3.12.5
-  resolution: "@react-aria/i18n@patch:@react-aria/i18n@npm%3A3.12.5#~/.yarn/patches/@react-aria-i18n-npm-3.12.5-435edff786.patch::version=3.12.5&hash=6bfd1c"
+  resolution: "@react-aria/i18n@patch:@react-aria/i18n@npm%3A3.12.5#~/.yarn/patches/@react-aria-i18n-npm-3.12.5-435edff786.patch::version=3.12.5&hash=bf597e"
   dependencies:
     "@internationalized/date": "npm:^3.7.0"
     "@internationalized/message": "npm:^3.1.6"
@@ -7215,7 +7215,7 @@ __metadata:
   peerDependencies:
     react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
     react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
-  checksum: 10/84664c647b2b6372536e7896a0c679727f668c2ca4b9b98d8d6be4928ec6c584efddb0e85c7d97a46ddfd97eedbbcfdd760c5b67026a31a2335629bd65a7b2d5
+  checksum: 10/7d3ba0f76e9a924c224445ed4332a859f172a92ac64a583fef536d0f0b75fa85154508a4f9997385d4bc95665b7a400985e9d5227f199b75104b3db953b132c3
   languageName: node
   linkType: hard
 
@@ -9200,7 +9200,7 @@ __metadata:
     ts-patch: "npm:^3.3.0"
     typescript: "npm:~5.9.3"
     typia: "patch:typia@npm%3A9.7.2#~/.yarn/patches/typia-npm-9.7.2-5c5d9c80b4.patch"
-    zod: "patch:zod@npm%3A4.3.6#~/.yarn/patches/zod-npm-4.3.6-a096e305e6.patch"
+    zod: "npm:~4.3.6"
   languageName: unknown
   linkType: soft
 
@@ -9490,7 +9490,7 @@ __metadata:
     "@rocket.chat/apps-engine": "workspace:^"
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage": "npm:^0.76.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/gazzodown": "workspace:^"
@@ -9550,9 +9550,9 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@rocket.chat/fuselage@npm:^0.75.0":
-  version: 0.75.0
-  resolution: "@rocket.chat/fuselage@npm:0.75.0"
+"@rocket.chat/fuselage@npm:^0.76.0":
+  version: 0.76.0
+  resolution: "@rocket.chat/fuselage@npm:0.76.0"
   dependencies:
     "@rocket.chat/css-in-js": "npm:^0.31.25"
     "@rocket.chat/css-supports": "npm:^0.31.25"
@@ -9569,7 +9569,7 @@ __metadata:
     react: "*"
     react-dom: "*"
     react-virtuoso: "*"
-  checksum: 10/4ca67a50c9e08a47aa78e64be5a60e2d07ff0e02a741e45eb54a48c6dcdb7fdfe24b35d8c0b2e15f63e735b5152f6a9748b072402ee6a47318cd0eb0e1bb59db
+  checksum: 10/b4ab4fb3778fa1594915227b1f38a18371afce7b3d58767e327082923fc9f446987ef2f4f67e1ef90c1ef6eb62e8b79683d6a18f7f4e593ef02450199cb81982
   languageName: node
   linkType: hard
 
@@ -9580,7 +9580,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage": "npm:^0.76.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -10029,7 +10029,7 @@ __metadata:
     "@rocket.chat/favicon": "workspace:^"
     "@rocket.chat/federation-matrix": "workspace:^"
     "@rocket.chat/federation-sdk": "npm:0.6.3"
-    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage": "npm:^0.76.0"
     "@rocket.chat/fuselage-forms": "npm:^1.1.1"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-toastbar": "npm:^0.35.2"
@@ -10365,7 +10365,7 @@ __metadata:
     xml2js: "npm:~0.6.2"
     yaqrcode: "npm:^0.2.1"
     yoga-layout: "patch:yoga-layout@npm%3A3.2.1#~/.yarn/patches/yoga-layout-npm-3.2.1-51ec934670.patch"
-    zod: "patch:zod@npm%3A4.3.6#~/.yarn/patches/zod-npm-4.3.6-a096e305e6.patch"
+    zod: "npm:~4.3.6"
     zustand: "npm:~5.0.10"
   languageName: unknown
   linkType: soft
@@ -10910,7 +10910,7 @@ __metadata:
   resolution: "@rocket.chat/storybook-config@workspace:packages/storybook-config"
   dependencies:
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage": "npm:^0.76.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -11007,7 +11007,7 @@ __metadata:
   dependencies:
     "@rocket.chat/core-typings": "workspace:~"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage": "npm:^0.76.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -11034,7 +11034,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:~"
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage": "npm:^0.76.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -11092,7 +11092,7 @@ __metadata:
   dependencies:
     "@react-aria/toolbar": "npm:^3.0.0-nightly.5042"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage": "npm:^0.76.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -11133,7 +11133,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/ddp-client": "workspace:~"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage": "npm:^0.76.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/i18n": "workspace:~"
@@ -11192,7 +11192,7 @@ __metadata:
   dependencies:
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage": "npm:^0.76.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -11245,7 +11245,7 @@ __metadata:
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/desktop-api": "workspace:^"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage": "npm:^0.76.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/fuselage-ui-kit": "workspace:^"
@@ -11316,7 +11316,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage": "npm:^0.76.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-toastbar": "npm:^0.35.2"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
@@ -11356,7 +11356,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:~"
     "@rocket.chat/css-in-js": "npm:~0.31.25"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.75.0"
+    "@rocket.chat/fuselage": "npm:^0.76.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/i18n": "workspace:~"

From cf6e5a82567da8f5b11b4220ea0930b17b9b5f1f Mon Sep 17 00:00:00 2001
From: juliajforesti <juliajforesti@gmail.com>
Date: Tue, 14 Apr 2026 10:11:39 -0300
Subject: [PATCH 2/3] chore: update pagination snapshots

---
 .../PermissionsTable.spec.tsx.snap            | 37 +++++++++++------
 .../UsersInRoleTable.spec.tsx.snap            | 40 ++++++++++++-------
 .../__snapshots__/UsersTable.spec.tsx.snap    | 33 ++++++++++-----
 3 files changed, 72 insertions(+), 38 deletions(-)

diff --git a/apps/meteor/client/views/admin/permissions/PermissionsTable/__snapshots__/PermissionsTable.spec.tsx.snap b/apps/meteor/client/views/admin/permissions/PermissionsTable/__snapshots__/PermissionsTable.spec.tsx.snap
index 597ba10319d9d..e1fc06beba921 100644
--- a/apps/meteor/client/views/admin/permissions/PermissionsTable/__snapshots__/PermissionsTable.spec.tsx.snap
+++ b/apps/meteor/client/views/admin/permissions/PermissionsTable/__snapshots__/PermissionsTable.spec.tsx.snap
@@ -1047,23 +1047,27 @@ exports[`renders Default without crashing 1`] = `
         </div>
       </div>
       <nav
-        class="rcx-box rcx-box--full rcx-pagination--divider rcx-pagination rcx-css-cnkcl9"
+        aria-label="Pagination Navigation"
+        class="rcx-box rcx-box--full rcx-pagination rcx-pagination--divider"
       >
         <div
-          class="rcx-box rcx-box--full rcx-pagination__left"
+          class="rcx-pagination__left"
         >
           <span
-            class="rcx-box rcx-box--full rcx-pagination__label"
+            class="rcx-pagination__label"
+            id=":r1:"
           >
             Items per page:
           </span>
           <ol
+            aria-labelledby=":r1:"
             class="rcx-box rcx-box--full rcx-pagination__list"
           >
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Show 25 items per page"
                 class="rcx-box rcx-box--full rcx-pagination__link"
                 disabled=""
                 tabindex="-1"
@@ -1072,9 +1076,10 @@ exports[`renders Default without crashing 1`] = `
               </button>
             </li>
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Show 50 items per page"
                 class="rcx-box rcx-box--full rcx-pagination__link"
                 tabindex="0"
               >
@@ -1082,9 +1087,10 @@ exports[`renders Default without crashing 1`] = `
               </button>
             </li>
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Show 100 items per page"
                 class="rcx-box rcx-box--full rcx-pagination__link"
                 tabindex="0"
               >
@@ -1094,25 +1100,28 @@ exports[`renders Default without crashing 1`] = `
           </ol>
         </div>
         <div
-          class="rcx-box rcx-box--full rcx-pagination__right"
+          class="rcx-pagination__right"
         >
           <span
-            class="rcx-box rcx-box--full rcx-pagination__label"
+            class="rcx-pagination__label"
+            id=":r0:"
           >
             Showing results 1 - 4 of 10
           </span>
           <ol
+            aria-labelledby=":r0:"
             class="rcx-box rcx-box--full rcx-pagination__list"
           >
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Previous page"
                 class="rcx-box rcx-box--full rcx-pagination__back"
                 disabled=""
               >
                 <span
-                  class="rcx-box rcx-box--full rcx-chevron--left rcx-chevron"
+                  class="rcx-box rcx-box--full rcx-chevron--left rcx-chevron rcx-css-cnkcl9"
                 >
                   <i
                     aria-hidden="true"
@@ -1124,9 +1133,10 @@ exports[`renders Default without crashing 1`] = `
               </button>
             </li>
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Page 1"
                 class="rcx-box rcx-box--full rcx-pagination__link"
                 disabled=""
               >
@@ -1134,14 +1144,15 @@ exports[`renders Default without crashing 1`] = `
               </button>
             </li>
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Next page"
                 class="rcx-box rcx-box--full rcx-pagination__forward"
                 disabled=""
               >
                 <span
-                  class="rcx-box rcx-box--full rcx-chevron--right rcx-chevron"
+                  class="rcx-box rcx-box--full rcx-chevron--right rcx-chevron rcx-css-cnkcl9"
                 >
                   <i
                     aria-hidden="true"
diff --git a/apps/meteor/client/views/admin/permissions/UsersInRole/UsersInRoleTable/__snapshots__/UsersInRoleTable.spec.tsx.snap b/apps/meteor/client/views/admin/permissions/UsersInRole/UsersInRoleTable/__snapshots__/UsersInRoleTable.spec.tsx.snap
index 6a47d55c4a414..ef1a6ed80481e 100644
--- a/apps/meteor/client/views/admin/permissions/UsersInRole/UsersInRoleTable/__snapshots__/UsersInRoleTable.spec.tsx.snap
+++ b/apps/meteor/client/views/admin/permissions/UsersInRole/UsersInRoleTable/__snapshots__/UsersInRoleTable.spec.tsx.snap
@@ -409,23 +409,27 @@ exports[`renders Default without crashing 1`] = `
         </div>
       </div>
       <nav
-        class="rcx-box rcx-box--full rcx-pagination--divider rcx-pagination rcx-css-cnkcl9"
+        aria-label="Pagination Navigation"
+        class="rcx-box rcx-box--full rcx-pagination rcx-pagination--divider"
       >
         <div
-          class="rcx-box rcx-box--full rcx-pagination__left"
+          class="rcx-pagination__left"
         >
           <span
-            class="rcx-box rcx-box--full rcx-pagination__label"
+            class="rcx-pagination__label"
+            id=":r1:"
           >
             Items per page:
           </span>
           <ol
+            aria-labelledby=":r1:"
             class="rcx-box rcx-box--full rcx-pagination__list"
           >
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Show 25 items per page"
                 class="rcx-box rcx-box--full rcx-pagination__link"
                 disabled=""
                 tabindex="-1"
@@ -434,9 +438,10 @@ exports[`renders Default without crashing 1`] = `
               </button>
             </li>
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Show 50 items per page"
                 class="rcx-box rcx-box--full rcx-pagination__link"
                 tabindex="0"
               >
@@ -444,9 +449,10 @@ exports[`renders Default without crashing 1`] = `
               </button>
             </li>
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Show 100 items per page"
                 class="rcx-box rcx-box--full rcx-pagination__link"
                 tabindex="0"
               >
@@ -456,25 +462,28 @@ exports[`renders Default without crashing 1`] = `
           </ol>
         </div>
         <div
-          class="rcx-box rcx-box--full rcx-pagination__right"
+          class="rcx-pagination__right"
         >
           <span
-            class="rcx-box rcx-box--full rcx-pagination__label"
+            class="rcx-pagination__label"
+            id=":r0:"
           >
             Showing results 1 - 5 of 30
           </span>
           <ol
+            aria-labelledby=":r0:"
             class="rcx-box rcx-box--full rcx-pagination__list"
           >
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Previous page"
                 class="rcx-box rcx-box--full rcx-pagination__back"
                 disabled=""
               >
                 <span
-                  class="rcx-box rcx-box--full rcx-chevron--left rcx-chevron"
+                  class="rcx-box rcx-box--full rcx-chevron--left rcx-chevron rcx-css-cnkcl9"
                 >
                   <i
                     aria-hidden="true"
@@ -486,9 +495,10 @@ exports[`renders Default without crashing 1`] = `
               </button>
             </li>
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Page 1"
                 class="rcx-box rcx-box--full rcx-pagination__link"
                 disabled=""
               >
@@ -496,22 +506,24 @@ exports[`renders Default without crashing 1`] = `
               </button>
             </li>
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Page 2"
                 class="rcx-box rcx-box--full rcx-pagination__link"
               >
                 2
               </button>
             </li>
             <li
-              class="rcx-box rcx-box--full rcx-pagination__list-item"
+              class="rcx-pagination__list-item"
             >
               <button
+                aria-label="Next page"
                 class="rcx-box rcx-box--full rcx-pagination__forward"
               >
                 <span
-                  class="rcx-box rcx-box--full rcx-chevron--right rcx-chevron"
+                  class="rcx-box rcx-box--full rcx-chevron--right rcx-chevron rcx-css-cnkcl9"
                 >
                   <i
                     aria-hidden="true"
diff --git a/apps/meteor/client/views/admin/users/UsersTable/__snapshots__/UsersTable.spec.tsx.snap b/apps/meteor/client/views/admin/users/UsersTable/__snapshots__/UsersTable.spec.tsx.snap
index 918b954a49ac7..dff25f26335df 100644
--- a/apps/meteor/client/views/admin/users/UsersTable/__snapshots__/UsersTable.spec.tsx.snap
+++ b/apps/meteor/client/views/admin/users/UsersTable/__snapshots__/UsersTable.spec.tsx.snap
@@ -619,23 +619,27 @@ exports[`renders Default without crashing 1`] = `
       </div>
     </div>
     <nav
-      class="rcx-box rcx-box--full rcx-pagination--divider rcx-pagination"
+      aria-label="Pagination Navigation"
+      class="rcx-box rcx-box--full rcx-pagination rcx-pagination--divider"
     >
       <div
-        class="rcx-box rcx-box--full rcx-pagination__left"
+        class="rcx-pagination__left"
       >
         <span
-          class="rcx-box rcx-box--full rcx-pagination__label"
+          class="rcx-pagination__label"
+          id=":rb:"
         >
           Items per page:
         </span>
         <ol
+          aria-labelledby=":rb:"
           class="rcx-box rcx-box--full rcx-pagination__list"
         >
           <li
-            class="rcx-box rcx-box--full rcx-pagination__list-item"
+            class="rcx-pagination__list-item"
           >
             <button
+              aria-label="Show 25 items per page"
               class="rcx-box rcx-box--full rcx-pagination__link"
               disabled=""
               tabindex="-1"
@@ -644,9 +648,10 @@ exports[`renders Default without crashing 1`] = `
             </button>
           </li>
           <li
-            class="rcx-box rcx-box--full rcx-pagination__list-item"
+            class="rcx-pagination__list-item"
           >
             <button
+              aria-label="Show 50 items per page"
               class="rcx-box rcx-box--full rcx-pagination__link"
               tabindex="0"
             >
@@ -654,9 +659,10 @@ exports[`renders Default without crashing 1`] = `
             </button>
           </li>
           <li
-            class="rcx-box rcx-box--full rcx-pagination__list-item"
+            class="rcx-pagination__list-item"
           >
             <button
+              aria-label="Show 100 items per page"
               class="rcx-box rcx-box--full rcx-pagination__link"
               tabindex="0"
             >
@@ -666,20 +672,23 @@ exports[`renders Default without crashing 1`] = `
         </ol>
       </div>
       <div
-        class="rcx-box rcx-box--full rcx-pagination__right"
+        class="rcx-pagination__right"
       >
         <span
-          class="rcx-box rcx-box--full rcx-pagination__label"
+          class="rcx-pagination__label"
+          id=":ra:"
         >
           Showing results 1 - 5 of 5
         </span>
         <ol
+          aria-labelledby=":ra:"
           class="rcx-box rcx-box--full rcx-pagination__list"
         >
           <li
-            class="rcx-box rcx-box--full rcx-pagination__list-item"
+            class="rcx-pagination__list-item"
           >
             <button
+              aria-label="Previous page"
               class="rcx-box rcx-box--full rcx-pagination__back"
               disabled=""
             >
@@ -696,9 +705,10 @@ exports[`renders Default without crashing 1`] = `
             </button>
           </li>
           <li
-            class="rcx-box rcx-box--full rcx-pagination__list-item"
+            class="rcx-pagination__list-item"
           >
             <button
+              aria-label="Page 1"
               class="rcx-box rcx-box--full rcx-pagination__link"
               disabled=""
             >
@@ -706,9 +716,10 @@ exports[`renders Default without crashing 1`] = `
             </button>
           </li>
           <li
-            class="rcx-box rcx-box--full rcx-pagination__list-item"
+            class="rcx-pagination__list-item"
           >
             <button
+              aria-label="Next page"
               class="rcx-box rcx-box--full rcx-pagination__forward"
               disabled=""
             >

From 737c23462d14618564d909aeb59b929ae00a55d3 Mon Sep 17 00:00:00 2001
From: juliajforesti <juliajforesti@gmail.com>
Date: Tue, 14 Apr 2026 10:15:57 -0300
Subject: [PATCH 3/3] chore: remove invalid prop from `Pagination`

---
 .../client/views/marketplace/AppsPage/AppsPageContentBody.tsx    | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/meteor/client/views/marketplace/AppsPage/AppsPageContentBody.tsx b/apps/meteor/client/views/marketplace/AppsPage/AppsPageContentBody.tsx
index e97f5564761a0..bfcf2c8feb1a4 100644
--- a/apps/meteor/client/views/marketplace/AppsPage/AppsPageContentBody.tsx
+++ b/apps/meteor/client/views/marketplace/AppsPage/AppsPageContentBody.tsx
@@ -60,7 +60,6 @@ const AppsPageContentBody = ({
 						onSetCurrent(value);
 						scrollableRef.current?.scrollTo(0, 0);
 					}}
-					bg='light'
 					{...paginationProps}
 				/>
 			)}