diff --git a/.github/workflows/command-l10n-update.yml b/.github/workflows/command-l10n-update.yml
index c244e61937..8557b5bdfe 100644
--- a/.github/workflows/command-l10n-update.yml
+++ b/.github/workflows/command-l10n-update.yml
@@ -78,6 +78,11 @@ jobs:
 
       - name: Install dependencies & build l10n
         run: |
+          # Replace locally linked npm packages with the original ones
+          # to ensure the workflow works with the same versions as in the server repository.
+          # https://github.com/nextcloud-libraries/nextcloud-vue/blob/main/package.json
+          npm install @mdi/svg@^7.4.47 @mdi/js@^7.4.47 vue-material-design-icons@5.3.1 --save-dev
+
           npm ci
           npm run l10n:extract --if-present
 
diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index a15468aacf..b0024b28bb 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -47,6 +47,13 @@ jobs:
       - name: Set up npm ${{ steps.versions.outputs.npmVersion }}
         run: npm i -g npm@"${{ steps.versions.outputs.npmVersion }}"
 
+      - name: Install linked dependencies
+        run: |
+          # Replace locally linked npm packages with the original ones
+          # to ensure the workflow works with the same versions as in the server repository.
+          # https://github.com/nextcloud-libraries/nextcloud-vue/blob/main/package.json
+          npm install @mdi/svg@^7.4.47 @mdi/js@^7.4.47 vue-material-design-icons@5.3.1 --save-dev
+
       - name: Install dependencies
         run: |
           npm ci
diff --git a/.github/workflows/l10n.yml b/.github/workflows/l10n.yml
index 4830354567..f7b23a91df 100644
--- a/.github/workflows/l10n.yml
+++ b/.github/workflows/l10n.yml
@@ -33,6 +33,13 @@ jobs:
       - name: Set up npm ${{ steps.versions.outputs.npmVersion }}
         run: npm i -g npm@"${{ steps.versions.outputs.npmVersion }}"
 
+      - name: Install linked dependencies
+        run: |
+          # Replace locally linked npm packages with the original ones
+          # to ensure the workflow works with the same versions as in the server repository.
+          # https://github.com/nextcloud-libraries/nextcloud-vue/blob/main/package.json
+          npm install @mdi/svg@^7.4.47 @mdi/js@^7.4.47 vue-material-design-icons@5.3.1 --save-dev
+
       - name: Install dependencies
         run: npm ci
 
diff --git a/.github/workflows/lint-eslint.yml b/.github/workflows/lint-eslint.yml
index 7f27d108e1..8084ed6ad3 100644
--- a/.github/workflows/lint-eslint.yml
+++ b/.github/workflows/lint-eslint.yml
@@ -75,6 +75,13 @@ jobs:
       - name: Set up npm ${{ steps.versions.outputs.npmVersion }}
         run: npm i -g 'npm@${{ steps.versions.outputs.npmVersion }}'
 
+      - name: Install linked dependencies
+        run: |
+          # Replace locally linked npm packages with the original ones
+          # to ensure the workflow works with the same versions as in the server repository.
+          # https://github.com/nextcloud-libraries/nextcloud-vue/blob/main/package.json
+          npm install @mdi/svg@^7.4.47 @mdi/js@^7.4.47 vue-material-design-icons@5.3.1 --save-dev
+
       - name: Install dependencies
         env:
           CYPRESS_INSTALL_BINARY: 0
diff --git a/.github/workflows/lint-stylelint.yml b/.github/workflows/lint-stylelint.yml
index 9601a972fd..f0d364d4aa 100644
--- a/.github/workflows/lint-stylelint.yml
+++ b/.github/workflows/lint-stylelint.yml
@@ -44,6 +44,13 @@ jobs:
       - name: Set up npm ${{ steps.versions.outputs.npmVersion }}
         run: npm i -g 'npm@${{ steps.versions.outputs.npmVersion }}'
 
+      - name: Install linked dependencies
+        run: |
+          # Replace locally linked npm packages with the original ones
+          # to ensure the workflow works with the same versions as in the server repository.
+          # https://github.com/nextcloud-libraries/nextcloud-vue/blob/main/package.json
+          npm install @mdi/svg@^7.4.47 @mdi/js@^7.4.47 vue-material-design-icons@5.3.1 --save-dev
+
       - name: Install dependencies
         env:
           CYPRESS_INSTALL_BINARY: 0
diff --git a/.github/workflows/node-test.yml b/.github/workflows/node-test.yml
index 3f7fa2c31e..99ef4f0a0c 100644
--- a/.github/workflows/node-test.yml
+++ b/.github/workflows/node-test.yml
@@ -83,7 +83,13 @@ jobs:
         env:
           CYPRESS_INSTALL_BINARY: 0
         run: |
+          # Replace locally linked npm packages with the original ones
+          # to ensure the workflow works with the same versions as in the server repository.
+          # https://github.com/nextcloud-libraries/nextcloud-vue/blob/main/package.json
+          npm install @mdi/svg@^7.4.47 @mdi/js@^7.4.47 vue-material-design-icons@5.3.1 --save-dev
+
           npm ci
+
           npm run build --if-present
 
       - name: Test
@@ -93,7 +99,7 @@ jobs:
         run: npm run test:coverage --if-present
 
       - name: Collect coverage
-        uses: codecov/codecov-action@13ce06bfc6bbe3ecf90edbbf1bc32fe5978ca1d3 # v5.3.1
+        uses: codecov/codecov-action@ad3126e916f78f00edff4ed0317cf185271ccc2d # v5.4.2
         with:
           files: ./coverage/lcov.info
 
diff --git a/.github/workflows/npm-audit-fix.yml b/.github/workflows/npm-audit-fix.yml
index 2050342248..efdc3bb1c3 100644
--- a/.github/workflows/npm-audit-fix.yml
+++ b/.github/workflows/npm-audit-fix.yml
@@ -54,19 +54,25 @@ jobs:
 
       - name: Fix npm audit
         id: npm-audit
-        uses: nextcloud-libraries/npm-audit-action@2a60bd2e79cc77f2cc4d9a3fe40f1a69896f3a87 # v0.1.0
+        uses: nextcloud-libraries/npm-audit-action@1b1728b2b4a7a78d69de65608efcf4db0e3e42d0 # v0.2.0
 
       - name: Run npm ci and npm run build
         if: steps.checkout.outcome == 'success'
         env:
           CYPRESS_INSTALL_BINARY: 0
         run: |
+          # Replace locally linked npm packages with the original ones
+          # to ensure the workflow works with the same versions as in the server repository.
+          # https://github.com/nextcloud-libraries/nextcloud-vue/blob/main/package.json
+          npm install @mdi/svg@^7.4.47 @mdi/js@^7.4.47 vue-material-design-icons@5.3.1 --save-dev
+
           npm ci
+
           npm run build --if-present
 
       - name: Create Pull Request
         if: steps.checkout.outcome == 'success'
-        uses: peter-evans/create-pull-request@67ccf781d68cd99b580ae25a5c18a1cc84ffff1f # v7.0.6
+        uses: peter-evans/create-pull-request@271a8d0340265f705b14b6d32b9829c1cb33d45e # v7.0.8
         with:
           token: ${{ secrets.COMMAND_BOT_PAT }}
           commit-message: 'fix(deps): Fix npm audit'
diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml
index 4c3849051a..2702a234a7 100644
--- a/.github/workflows/npm-publish.yml
+++ b/.github/workflows/npm-publish.yml
@@ -55,7 +55,13 @@ jobs:
         env:
           CYPRESS_INSTALL_BINARY: 0
         run: |
+          # Replace locally linked npm packages with the original ones
+          # to ensure the workflow works with the same versions as in the server repository.
+          # https://github.com/nextcloud-libraries/nextcloud-vue/blob/main/package.json
+          npm install @mdi/svg@^7.4.47 @mdi/js@^7.4.47 vue-material-design-icons@5.3.1 --save-dev
+
           npm ci
+
           npm run build --if-present
 
       - name: Publish
diff --git a/.github/workflows/server-styling-update.yml b/.github/workflows/server-styling-update.yml
index 22f3d709e6..a88c17859b 100644
--- a/.github/workflows/server-styling-update.yml
+++ b/.github/workflows/server-styling-update.yml
@@ -31,7 +31,7 @@ jobs:
           curl https://nextcloud.github.io/server/dist/icons.css --output icons.css
 
       - name: Create Pull Request
-        uses: peter-evans/create-pull-request@67ccf781d68cd99b580ae25a5c18a1cc84ffff1f # v7.0.6
+        uses: peter-evans/create-pull-request@271a8d0340265f705b14b6d32b9829c1cb33d45e # v7.0.8
         with:
           token: ${{ secrets.COMMAND_BOT_PAT }}
           commit-message: "chore(assets): Update styling from server"
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 94a3188282..6fb14cb934 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,13 +5,141 @@
 
 # Changelog
 
+## [v8.26.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.26.1) (2025-05-07)
+### 🐛 Fixed bugs
+* [stable8] fix(NcIconSvgWrapper): center svg span wrapper [#6880](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6880) ([backportbot](https://github.com/backportbot))
+
+## [v8.26.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.26.0) (2025-04-25)
+
+### 📝 Notes
+#### NcAppSidebar
+The `info` slot was introduced to allow customization of sidebar header content.
+This will replace original main name of the sidebar and `header`, `subname`, `secondary-actions`, `tertiary-actions` slots.
+It is recommended to use slot together with `NcAppSidebarHeader` component to support accessibility features.
+#### NcPopover
+The `focusTrap` property is now deprecated and will be replaced with `noFocusTrap`,
+the reason behind this is to only have boolean properties with default value of `false` allowing shortcut props.
+
+### 🚀 Enhancements
+* [stable8] feat(NcAppSidebar): add `info` slot [#6843](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6843)
+* [stable8] feat(NcPopover): add new `noFocusTrap` prop [#6808](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6808)
+
+### 🐛 Fixed bugs
+* [stable8] fix(NcRichText): `references` prop type [#6800](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6800)
+* [stable8]  fix(NcAppContent): don't remove list when showing details in mobile or no-split mode [#6261](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6261) ([wofferl](https://github.com/wofferl))
+* [stable8] fix(NcMentionBubble): position selectable text aligned with the component [#6837](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6837)
+* [stable8] fix(NcAvatar): do not load avatar from server, if iconClass was provided [#6836](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6836)
+* [stable8] fix(NcSelectUsers): add missing `search` event [#6838](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6838)
+
+## [v8.25.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.25.1) (2025-04-17)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.25.0...v8.25.1)
+
+### 🐛 Fixed bugs
+* fix(NcPopover): regression with incorrect size on RTL [#6797](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6797)
+
+## [v8.25.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.25.0) (2025-04-16)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.24.0...v8.25.0)
+
+### 📝 Notes
+#### `NcDateTimePicker`
+In version 8 the `NcDateTimePicker` was a transparent wrapper around the [vue2 datepicker library](https://github.com/mengxiong10/vue2-datepicker).
+With version 9 and beyond we will no longer transparently wrap external libraries,
+thus only documented props, events, and slots of Nextcloud components are guaranteed to work.
+This will allow use to change the underlying library while keeping a stable API for the component users.
+
+For this we deprecated the `range` property in favor of three new types for the `NcDateTimePicker`.
+- `date-range`
+- `time-range`
+- `datetime-range`
+
+Also the `formatter` property is deprecated, instead you can now provide a function to the `format` property,
+which will receive a `Date` object and should return the formatted date as a string.
+
+#### `Tooltip` directive
+The `Tooltip` directive has been deprecated and will be removed in the future.
+In most cases you want to use the native browser tooltips instead by using the native HTML `title` attribute.
+In some rare cases where you really need a formatted tooltip `NcPopover` could be used.
+
+```diff
+ <NcButton
+-    v-tooltip="title"
++    :title="title"
+```
+
+### 🚀 Enhancements
+* feat(NcDateTimePicker): add new types as alternative for `range` property [#6738](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6738) ([susnux](https://github.com/susnux))
+* feat: provide `NcSelectUsers` as replacement of `user-select` prop for `NcSelect` [#6791](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6791)
+
+### 🐛 Fixed bugs
+* Adjust all styles for RTL support and add `directional` prop to NcIconSvgWrapper [#6766](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6766)
+* fix(NcRichContenteditable): add correct tooltip [#6782](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6782)
+* fix(NcRichContenteditable): bring back error style on overflow [#6789](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6789)
+* fix(NcAvatar): skip user status request if `hideStatus` prop was provided [#6780](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6780) ([Antreesy](https://github.com/Antreesy))
+
+### Other Changes
+* Updates for project Nextcloud vue library [#6690](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6690) ([transifex-integration](https://github.com/transifex-integration))
+* refactor: deprecate `Tooltip` directive for accessibility [#6765](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6765)
+
+## [v8.24.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.24.0) (2025-04-02)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.23.1...v8.24.0)
+
+### 📝 Notes
+
+#### Boolean properties
+Some boolean props have been deprecated in favor of alternatives with default value `false`.
+This allows to use shorthand notation on the template, as a prop with a default value of `false`
+will be set to `true` if it is set (without any value) in the template,
+similar to native HTML boolean attributes.
+Following components have been adjusted:
+
+|     Component |         Deprecated prop | New alternative |
+|---------------|-------------------------|-----------------|
+|    `NcAvatar` |        `showUserStatus` |    `hideStatus` |
+|    `NcAvatar` | `showUserStatusCompact` | `verboseStatus` |
+|     `NcModal` |              `canClose` |       `noClose` |
+|    `NcDialog` |              `canClose` |       `noClose` |
+
+#### `NcButton` color variant and native type
+`NcButton` (and `NcDialogButton`) now provides a `variant` prop to set the color variant to use (e.g. `'primary'`) and allows to set the native button type using the `type` prop.
+The legacy behavior, `type` for the color variant and `nativeType` for the button type, still works but will be removed in the next major version.
+
+To make a later migration to version 9 easier you can already migrate your `NcButton` usage like this:
+```html
+<!-- Before: -->
+<NcButton type="primary" native-type="submit">Submit</NcButton>
+<!-- After: -->
+<NcButton variant="primary" type="submit">Submit</NcButton>
+```
+
+### 🚀 Enhancements
+* feat(NcActions): add `opened` and `closed` events to handle closing/opening end [\#6683](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6683) \([skjnldsv](https://github.com/skjnldsv)\)
+* feat(NcBlurHash): Add a blur hash component [\#6396](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6396) \([susnux](https://github.com/susnux)\)
+* feat(NcDialog): Allow to catch `reset` event [\#6006](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6006) \([susnux](https://github.com/susnux)\)
+* feat: Add consistent `variant` prop for design variant of buttons / chips [\#6472](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6472) \([susnux](https://github.com/susnux)\)
+* feat(NcAppContent): Allow to set the page title [\#5269](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5269) \([susnux](https://github.com/susnux)\)
+* feat: add boolean prop alternatives with false as default value [\#6656](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6656) \([susnux](https://github.com/susnux)\)
+
+### 🐛 Fixed bugs
+* fix(NcPopover): correctly wait for animation end in `after-show`/`after-hide` events [\#6683](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6683) \([skjnldsv](https://github.com/skjnldsv)\)
+* fix(NcEmojiPicker): not focusable when used in another focus trap [\#6558](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6558) \([ShGKme](https://github.com/ShGKme)\)
+* fix(RTL): initialize language direction check once in utils [\#6523](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6523) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcColorPicker): remove unused invalid styles [\#6565](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6565) \([susnux](https://github.com/susnux)\)
+* fix(NcAppSidebar, NcHeaderMenu): correctly focus trigger/close button when no focusable elements inside [\#6636](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6636) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcInputField): Only show error state border if user interacted with the input [\#6640](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6640) \([susnux](https://github.com/susnux)\)
+* fix(NcEmojiPicker): return focus steals actual focus [\#6652](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6652) \([ShGKme](https://github.com/ShGKme)\)
+
+### Other Changes
+* refactor(NcCheckboxRadioSwitch): Do not use HTML attribute name `id` as property name [\#5516](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5516) \([susnux](https://github.com/susnux)\)
+* docs: adjust version number for `variant` props [\#6623](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6623) \([susnux](https://github.com/susnux)\)
+* Updated workflows and dependencies
+* Updated translations
+
 ## [v8.23.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.23.1) (2025-02-13)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.23.0...v8.23.1)
 
 ### 🐛 Fixed bugs
 * fix(l10n): fix build error after `@nextcloud/l10n` bump [\#6521](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6521) \([ShGKme](https://github.com/ShGKme)\)
 
-
 ## [v8.23.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.23.0) (2025-02-13)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.22.0...v8.23.0)
 
@@ -411,40 +539,40 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 
 ## What's Changed
 ### 🐛 Fixed bugs
-* fix(NcReferenceWidget): do not try to render widget when there is no widget by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5485
-* fix(NcDialog): Actions should not overflow the action container by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5495
-* fix(NcColorPicker): Allow to submit selected color in simple-view by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5499
-* fix(autolink): correctly handle relative links without webroot by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5487
-* fix(NcDateTime): When relative time is disabled return a string and not the reference to it by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5493
-* fix(NcCheckboxRadioSwitch): Pass attrs to `input` if available by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5507
-* fix(NcCheckboxRadioSwitch): Add background color for button style by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5509
-* fix(NcDateTime): Respect language by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5501
-* fix(NcRichText): adjust display so long texts in checkboxes can be shown correctly by @DorraJaouad in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5527
-* style(NcSelect): restrict max-height to prevent overflow by component by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5551
-* build(vite): iterate over .ts files in all directories by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5553
-* fix(emoji): index emoji data once for search functions by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5554
+* fix(NcReferenceWidget): do not try to render widget when there is no widget [\#5485](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5485) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcDialog): Actions should not overflow the action container [\#5495](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5495) \([susnux](https://github.com/susnux)\)
+* fix(NcColorPicker): Allow to submit selected color in simple-view [\#5499](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5499) \([susnux](https://github.com/susnux)\)
+* fix(autolink): correctly handle relative links without webroot [\#5487](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5487) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcDateTime): When relative time is disabled return a string and not the reference to it [\#5493](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5493) \([susnux](https://github.com/susnux)\)
+* fix(NcCheckboxRadioSwitch): Pass attrs to `input` if available [\#5507](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5507) \([susnux](https://github.com/susnux)\)
+* fix(NcCheckboxRadioSwitch): Add background color for button style [\#5509](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5509) \([susnux](https://github.com/susnux)\)
+* fix(NcDateTime): Respect language [\#5501](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5501) \([Pytal](https://github.com/Pytal)\)
+* fix(NcRichText): adjust display so long texts in checkboxes can be shown correctly [\#5527](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5527) \([DorraJaouad](https://github.com/DorraJaouad)\)
+* style(NcSelect): restrict max-height to prevent overflow by component [\#5551](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5551) \([Antreesy](https://github.com/Antreesy)\)
+* build(vite): iterate over .ts files in all directories [\#5553](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5553) \([Antreesy](https://github.com/Antreesy)\)
+* fix(emoji): index emoji data once for search functions [\#5554](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5554) \([Antreesy](https://github.com/Antreesy)\)
 ### Other Changes
-* chore(widgets): remove unneeded nullish coalescing by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5484
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5494
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5510
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5533
+* chore(widgets): remove unneeded nullish coalescing [\#5484](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5484) \([ShGKme](https://github.com/ShGKme)\)
+* Updates for project Nextcloud vue library [\#5494](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5494) \([transifex-integration](https://github.com/transifex-integration)\)
+* Updates for project Nextcloud vue library [\#5510](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5510) \([transifex-integration](https://github.com/transifex-integration)\)
+* Updates for project Nextcloud vue library [\#5533](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5533) \([transifex-integration](https://github.com/transifex-integration)\)
 
 ## [v8.11.2](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.11.2) (2024-04-10)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.11.1...v8.11.2)
 
 ## What's Changed
 ### 🐛 Fixed bugs
-* fix(NcBreadcrumbs): Only render existing hidden breadcrumbs by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5441
-* fix(NcAppNavigationItem): Fix uncollapsible entry by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5456
-* fix(NcRichText): include all label items by @DorraJaouad in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5455
-* fix(sidebar): propagate keydown unless mobile by @pulsejet in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5451
-* fix(NcActions): Show last action entry only partial to make it discoverable by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5448
-* fix(NcDialog): Set font size to make dialog compatible with Nextcloud 30 by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5463
-* fix(NcRichText): more strictly resolve vue router's path by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5419
-* fix(NcAvatar): support in-app router links for contact menu by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5477
+* fix(NcBreadcrumbs): Only render existing hidden breadcrumbs [\#5441](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5441) \([Pytal](https://github.com/Pytal)\)
+* fix(NcAppNavigationItem): Fix uncollapsible entry [\#5456](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5456) \([Pytal](https://github.com/Pytal)\)
+* fix(NcRichText): include all label items [\#5455](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5455) \([DorraJaouad](https://github.com/DorraJaouad)\)
+* fix(sidebar): propagate keydown unless mobile [\#5451](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5451) \([pulsejet](https://github.com/pulsejet)\)
+* fix(NcActions): Show last action entry only partial to make it discoverable [\#5448](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5448) \([susnux](https://github.com/susnux)\)
+* fix(NcDialog): Set font size to make dialog compatible with Nextcloud 30 [\#5463](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5463) \([susnux](https://github.com/susnux)\)
+* fix(NcRichText): more strictly resolve vue router's path [\#5419](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5419) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcAvatar): support in-app router links for contact menu [\#5477](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5477) \([ShGKme](https://github.com/ShGKme)\)
 ### Other Changes
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5447
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5478
+* Updates for project Nextcloud vue library [\#5447](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5447) \([transifex-integration](https://github.com/transifex-integration)\)
+* Updates for project Nextcloud vue library [\#5478](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5478) \([transifex-integration](https://github.com/transifex-integration)\)
 
 ## New Contributors
 * @DorraJaouad made their first contribution in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5455
@@ -454,14 +582,14 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 
 ## What's Changed
 ### 🐛 Fixed bugs
-* fix(tribute): provide avatar url correctly for dark mode by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5420
-* fix(NcListItem): decrease font-weight, restore contrast color for subname by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5421
-* fix(NcAppSidebar): fix animation glitch on toggle by @RayBB in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5389
-* fix(NcAppSidebar): remove always hover styles from actions in non-compact mode by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5367
-* fix(NcActionInput): Add label to docs by @nickvergessen in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5432
+* fix(tribute): provide avatar url correctly for dark mode [\#5420](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5420) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcListItem): decrease font-weight, restore contrast color for subname [\#5421](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5421) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcAppSidebar): fix animation glitch on toggle [\#5389](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5389) \([RayBB](https://github.com/RayBB)\)
+* fix(NcAppSidebar): remove always hover styles from actions in non-compact mode [\#5367](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5367) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcActionInput): Add label to docs [\#5432](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5432) \([nickvergessen](https://github.com/nickvergessen)\)
 ### Other Changes
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5417
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5426
+* Updates for project Nextcloud vue library [\#5417](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5417) \([transifex-integration](https://github.com/transifex-integration)\)
+* Updates for project Nextcloud vue library [\#5426](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5426) \([transifex-integration](https://github.com/transifex-integration)\)
 
 ## New Contributors
 * @RayBB made their first contribution in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5389
@@ -470,16 +598,16 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.10.0...v8.11.0)
 
 ### 🚀 Enhancements
-* feat(NcListItem): add title slot by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5388
-* feat(NcAppContent): add horizontal split layout by @GretaD in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5401
+* feat(NcListItem): add title slot [\#5388](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5388) \([emoral435](https://github.com/emoral435)\)
+* feat(NcAppContent): add horizontal split layout [\#5401](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5401) \([GretaD](https://github.com/GretaD)\)
 ### 🐛 Fixed bugs
-* fix(NcListItem): bring back old styling for two-line list items by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5400
-* fix(NcListItem): align indicators at the element bottom by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5408
-* fix(NcReferenceWidget): set timeout to destroy idle widgets outside of viewports by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5411
-* fix(NcAvatar): rendering user status emoji in the menu by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5409
-* fix(NcAvatar): handle regex error on initials match by @kyteinsky in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5407
+* fix(NcListItem): bring back old styling for two-line list items [\#5400](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5400) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcListItem): align indicators at the element bottom [\#5408](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5408) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcReferenceWidget): set timeout to destroy idle widgets outside of viewports [\#5411](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5411) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcAvatar): rendering user status emoji in the menu [\#5409](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5409) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcAvatar): handle regex error on initials match [\#5407](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5407) \([kyteinsky](https://github.com/kyteinsky)\)
 ### Other Changes
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5404
+* Updates for project Nextcloud vue library [\#5404](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5404) \([transifex-integration](https://github.com/transifex-integration)\)
 
 ## New Contributors
 * @kyteinsky made their first contribution in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5407
@@ -488,58 +616,58 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.9.1...v8.10.0)
 
 ### 🚀 Enhancements
-* feat(NcAppContent): add no-split layout by @GretaD in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5209
-* feat(NcListItem): add one-line layout by @GretaD in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5209
-* feat(NcActions): Allow to manually specify the semantic menu type by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5336
+* feat(NcAppContent): add no-split layout [\#5209](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5209) \([GretaD](https://github.com/GretaD)\)
+* feat(NcListItem): add one-line layout [\#5209](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5209) \([GretaD](https://github.com/GretaD)\)
+* feat(NcActions): Allow to manually specify the semantic menu type [\#5336](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5336) \([susnux](https://github.com/susnux)\)
 
 ### 🐛 Fixed bugs
-* fix(NcAppNavigation): stretch the main content when there is no list slot by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5360
-* fix(NcRichContenteditable): capture and stop `Esc` keydown event when closing tribute by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5353
-* fix(NcRelatedResourcesPanel): Adjust styling of team resource images by @juliushaertl in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5364
-* fix(NcRichContentEditable): require leading space to open tributes by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5378
-* fix(richEditor): reference server-scoped regular expression to match complex user mentions by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5359
-* fix(richText): when parse HTML content collapse consecutive spaces by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5359
-* fix(NcListItem): open _blank link by Enter and allow prevent by @pulsejet in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5342
-* fix(NcRichText): Allow to pass interactive widget toggle by @juliushaertl in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5365
-* fix(NcActions): correct dialog a11y attrs place by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5381
-* fix(NcUserStatusicon): set status icons size explicitly by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5390
-* fix(NcListItem): change padding for one-line layout by @GretaD in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5391
-* fix(NcReferenceWidget): Only use composables in `setup` context by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5394
+* fix(NcAppNavigation): stretch the main content when there is no list slot [\#5360](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5360) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcRichContenteditable): capture and stop `Esc` keydown event when closing tribute [\#5353](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5353) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcRelatedResourcesPanel): Adjust styling of team resource images [\#5364](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5364) \([juliushaertl](https://github.com/juliushaertl)\)
+* fix(NcRichContentEditable): require leading space to open tributes [\#5378](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5378) \([Antreesy](https://github.com/Antreesy)\)
+* fix(richEditor): reference server-scoped regular expression to match complex user mentions [\#5359](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5359) \([Antreesy](https://github.com/Antreesy)\)
+* fix(richText): when parse HTML content collapse consecutive spaces [\#5359](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5359) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcListItem): open _blank link by Enter and allow prevent [\#5342](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5342) \([pulsejet](https://github.com/pulsejet)\)
+* fix(NcRichText): Allow to pass interactive widget toggle [\#5365](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5365) \([juliushaertl](https://github.com/juliushaertl)\)
+* fix(NcActions): correct dialog a11y attrs place [\#5381](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5381) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcUserStatusicon): set status icons size explicitly [\#5390](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5390) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcListItem): change padding for one-line layout [\#5391](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5391) \([GretaD](https://github.com/GretaD)\)
+* fix(NcReferenceWidget): Only use composables in `setup` context [\#5394](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5394) \([susnux](https://github.com/susnux)\)
 
 ### Other Changes
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5358
-* chore: Remove GitHub Package Registry from publish workflow by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5357
-* chore(README): remove build:module and watch:module by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5346
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5387
+* Updates for project Nextcloud vue library [\#5358](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5358) \([transifex-integration](https://github.com/transifex-integration)\)
+* chore: Remove GitHub Package Registry from publish workflow [\#5357](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5357) \([Pytal](https://github.com/Pytal)\)
+* chore(README): remove build:module and watch:module [\#5346](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5346) \([ShGKme](https://github.com/ShGKme)\)
+* Updates for project Nextcloud vue library [\#5387](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5387) \([transifex-integration](https://github.com/transifex-integration)\)
 
 ## [v8.9.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.9.1) (2024-03-06)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.9.0...v8.9.1)
 
 ### 🐛 Fixed bugs
-* fix: Revert "fix(NcAppNavigation): Wrap app navigation default slot with scrollable container" by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5355
+* fix: Revert "fix(NcAppNavigation): Wrap app navigation default slot with scrollable container" [\#5355](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5355) \([Pytal](https://github.com/Pytal)\)
 
 ## [v8.9.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.9.0) (2024-03-06)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.8.1...v8.9.0)
 
 ### 🚀 Enhancements
-* feat(reference): Add opt-in for interactive mode and render widgets lazy once in view by @juliushaertl in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5257
-* feat: List team resources in related resources panel by @juliushaertl in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5316
+* feat(reference): Add opt-in for interactive mode and render widgets lazy once in view [\#5257](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5257) \([juliushaertl](https://github.com/juliushaertl)\)
+* feat: List team resources in related resources panel [\#5316](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5316) \([juliushaertl](https://github.com/juliushaertl)\)
 
 ### 🐛 Fixed bugs
-* fix(NcAppNavigation): Wrap app navigation default slot with scrollable container by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5347
+* fix(NcAppNavigation): Wrap app navigation default slot with scrollable container [\#5347](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5347) \([Pytal](https://github.com/Pytal)\)
 
 ### Other Changes
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5333
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5343
-* fix(NcActions): clear focus trap and move focus only if elements are existing in the DOM by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5345
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5348
+* Updates for project Nextcloud vue library [\#5333](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5333) \([transifex-integration](https://github.com/transifex-integration)\)
+* Updates for project Nextcloud vue library [\#5343](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5343) \([transifex-integration](https://github.com/transifex-integration)\)
+* fix(NcActions): clear focus trap and move focus only if elements are existing in the DOM [\#5345](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5345) \([Antreesy](https://github.com/Antreesy)\)
+* Updates for project Nextcloud vue library [\#5348](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5348) \([transifex-integration](https://github.com/transifex-integration)\)
 
 ## [v8.8.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.8.1) (2024-02-29)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.8.0...v8.8.1)
 
 ### 🐛 Fixed bugs
-* fix(NcSelect): handle text overflow in NcSelect by @hamza221 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5325
-* fix: scope component breaking NcModal and NcDateTimePickers by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5331
+* fix(NcSelect): handle text overflow in NcSelect [\#5325](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5325) \([hamza221](https://github.com/hamza221)\)
+* fix: scope component breaking NcModal and NcDateTimePickers [\#5331](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5331) \([ShGKme](https://github.com/ShGKme)\)
 
 ## [v8.8.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.8.0) (2024-02-29)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.7.1...v8.8.0)
@@ -547,25 +675,25 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 ## What's Changed
 
 ### 🚀 Enhancements
-* feat(NcAppSidebar): Add `subname` slot by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5285
-* feat: Add NcAppNavigationList by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5302
+* feat(NcAppSidebar): Add `subname` slot [\#5285](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5285) \([susnux](https://github.com/susnux)\)
+* feat: Add NcAppNavigationList [\#5302](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5302) \([Pytal](https://github.com/Pytal)\)
 
 ### 🐛 Fixed bugs
-* fix(NcAppNavigationSpacer): Adjust order to make the spacer work again by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5286
-* fix(NcResource): use RouterLink where possible for internal shared resources by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5282
-* fix(NcActions): remove `aria-haspopup` and `aria-controls` from navigation menu by @JuliaKirschenheuter in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5300
-* fix(NcActions): put in order tab and arrow navigation by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5305
-* fix(NcPopover): remove invalid aria-describedby by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5304
-* fix(NcActions): provide a label in dialog role by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5308
-* fix(NcActions): focus first checked item on open by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5313
-* fix(NcRichContenteditable): respect forward slash as user mention character by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5323
-* fix(NcPopover): add aria-modal to some popover-based dialog components by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5309
-* fix(NcPopover): make popupRole non-required by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5306
-* fix(NcRichContenteditable): disable global allowSpaces tribute option by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5321
+* fix(NcAppNavigationSpacer): Adjust order to make the spacer work again [\#5286](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5286) \([susnux](https://github.com/susnux)\)
+* fix(NcResource): use RouterLink where possible for internal shared resources [\#5282](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5282) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcActions): remove `aria-haspopup` and `aria-controls` from navigation menu [\#5300](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5300) \([JuliaKirschenheuter](https://github.com/JuliaKirschenheuter)\)
+* fix(NcActions): put in order tab and arrow navigation [\#5305](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5305) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcPopover): remove invalid aria-describedby [\#5304](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5304) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcActions): provide a label in dialog role [\#5308](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5308) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcActions): focus first checked item on open [\#5313](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5313) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcRichContenteditable): respect forward slash as user mention character [\#5323](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5323) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcPopover): add aria-modal to some popover-based dialog components [\#5309](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5309) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcPopover): make popupRole non-required [\#5306](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5306) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcRichContenteditable): disable global allowSpaces tribute option [\#5321](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5321) \([Antreesy](https://github.com/Antreesy)\)
 
 ### Other Changes
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5289
-* Revert "fix(NcReferenceList): Resolve relative URLs before fetching references" by @mejo- in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5291
+* Updates for project Nextcloud vue library [\#5289](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5289) \([transifex-integration](https://github.com/transifex-integration)\)
+* Revert "fix(NcReferenceList): Resolve relative URLs before fetching references" [\#5291](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5291) \([mejo-](https://github.com/mejo-)\)
 
 ## [v8.7.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.7.1) (2024-02-21)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.7.0...v8.7.1)
@@ -573,9 +701,9 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 ## What's Changed
 
 ### 🐛 Fixed bugs
-* fix(NcRichContenteditable): register props globally for new Tribute by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5268
-* fix(NcReferenceList): Resolve relative URLs before fetching references by @mejo- in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5272
-* fix(NcDashboardWidgetItem): Center dashboard list items when there is no subtext by @juliushaertl in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5271
+* fix(NcRichContenteditable): register props globally for new Tribute [\#5268](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5268) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcReferenceList): Resolve relative URLs before fetching references [\#5272](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5272) \([mejo-](https://github.com/mejo-)\)
+* fix(NcDashboardWidgetItem): Center dashboard list items when there is no subtext [\#5271](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5271) \([juliushaertl](https://github.com/juliushaertl)\)
 
 ## [v8.7.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.7.0) (2024-02-20)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.6.2...v8.7.0)
@@ -583,18 +711,18 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 ## What's Changed
 
 ### 🚀 Enhancements
-* feat: Split reference and smart picker functions from components by @juliushaertl in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5218
-* feat(NcSelect): Add `required` attribute for native form validation by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5225
-* feat(NcRichText): handle internal links with Vue Router by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5246
-* enh: added option to render icon and text for breadcrumb by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5216
+* feat: Split reference and smart picker functions from components [\#5218](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5218) \([juliushaertl](https://github.com/juliushaertl)\)
+* feat(NcSelect): Add `required` attribute for native form validation [\#5225](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5225) \([Pytal](https://github.com/Pytal)\)
+* feat(NcRichText): handle internal links with Vue Router [\#5246](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5246) \([Antreesy](https://github.com/Antreesy)\)
+* enh: added option to render icon and text for breadcrumb [\#5216](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5216) \([emoral435](https://github.com/emoral435)\)
 
 ### 🐛 Fixed bugs
-* fix(NcRichContenteditable): adjust styles and use CSS Modules to avoid global styles leak by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5235
-* fix(NcActionButton): Forward `disabled` state to native button element by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5237
-* fix(NcModal): scope modal-container size to current modal, don't propagate it on nested by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5244
-* Fix timezone dropdown by @GretaD in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5251
-* fix(NcReferenceWidget): `useResizeObserver` by @max-nextcloud in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5240
-* fix(NcListItem): compensate added margin for list items by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5260
+* fix(NcRichContenteditable): adjust styles and use CSS Modules to avoid global styles leak [\#5235](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5235) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcActionButton): Forward `disabled` state to native button element [\#5237](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5237) \([susnux](https://github.com/susnux)\)
+* fix(NcModal): scope modal-container size to current modal, don't propagate it on nested [\#5244](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5244) \([Antreesy](https://github.com/Antreesy)\)
+* Fix timezone dropdown [\#5251](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5251) \([GretaD](https://github.com/GretaD)\)
+* fix(NcReferenceWidget): `useResizeObserver` [\#5240](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5240) \([max-nextcloud](https://github.com/max-nextcloud)\)
+* fix(NcListItem): compensate added margin for list items [\#5260](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5260) \([Antreesy](https://github.com/Antreesy)\)
 
 ## [v8.6.2](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.6.2) (2024-02-07)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.6.1...v8.6.2)
@@ -603,15 +731,15 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 * In `NcRichContenteditable` properties `autoComplete.title`/`userData.title` were renamed back to `label` to be in line with server API. The `title` property is still working as a fallback, but deprecated. See https://github.com/nextcloud-libraries/nextcloud-vue/pull/5215
 
 ### 🐛 Fixed bugs
-* fix(NcHeaderMenu): button size regression on small viewports fixed by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5149
-* fix(NcListItem): Remove actions from within `a` which caused invalid HTML output by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5198
-* fix(NcRichContenteditable): make autocomplete accessible by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4904
-* fix(NcRichContenteditable): unify styles and add contrast border on keyboard navigation by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5214
-* fix(NcRichContenteditable): bring back label for autocomplete by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5215
-* fix(NcAppSidebar): move focus to sidebar on open and auto return focus on close by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5219
+* fix(NcHeaderMenu): button size regression on small viewports fixed [\#5149](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5149) \([emoral435](https://github.com/emoral435)\)
+* fix(NcListItem): Remove actions from within `a` which caused invalid HTML output [\#5198](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5198) \([susnux](https://github.com/susnux)\)
+* fix(NcRichContenteditable): make autocomplete accessible [\#4904](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4904) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcRichContenteditable): unify styles and add contrast border on keyboard navigation [\#5214](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5214) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcRichContenteditable): bring back label for autocomplete [\#5215](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5215) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcAppSidebar): move focus to sidebar on open and auto return focus on close [\#5219](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5219) \([ShGKme](https://github.com/ShGKme)\)
 
 ### Other Changes
-* chore(NcSelect): Mention labelOutside for external label use by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5211
+* chore(NcSelect): Mention labelOutside for external label use [\#5211](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5211) \([Pytal](https://github.com/Pytal)\)
 
 ## [v8.6.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.6.1) (2024-02-01)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.6.0...v8.6.1)
@@ -629,25 +757,25 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.5.1...v8.6.0)
 
 ### 🚀 Enhancements
-* feat: Implement widget flag for requesting interactive view by @juliushaertl in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5144
-* feat(NcListItem): introduce 'details' slot by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5146
-* feat(NcNoteCard): provide a slot for inserting a custom icon instead of default by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4894
-* feat(NcActionButton): support boolean value for radio type by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5134
+* feat: Implement widget flag for requesting interactive view [\#5144](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5144) \([juliushaertl](https://github.com/juliushaertl)\)
+* feat(NcListItem): introduce 'details' slot [\#5146](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5146) \([Antreesy](https://github.com/Antreesy)\)
+* feat(NcNoteCard): provide a slot for inserting a custom icon instead of default [\#4894](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4894) \([Antreesy](https://github.com/Antreesy)\)
+* feat(NcActionButton): support boolean value for radio type [\#5134](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5134) \([ShGKme](https://github.com/ShGKme)\)
 
 ### 🐛 Fixed bugs
-* fix(NcActions): keyboard navigation by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5153
-* fix(NcSelect): list width on page scaling by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5162
-* fix(NcColorPicker): define a container prop by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5172
-* fix(NcActions): intercept into current focus trap stack by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4953
-* fix(NcRichText): Make URL_PATTERN match localhost and URLs with ports by @mejo- in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5176
-* fix(NcActions): hotfix for custom children by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5178
-* fix(NcDateTimePickerNative): create possibility to change a color theme on system default by @JuliaKirschenheuter in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5182
+* fix(NcActions): keyboard navigation [\#5153](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5153) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcSelect): list width on page scaling [\#5162](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5162) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcColorPicker): define a container prop [\#5172](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5172) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcActions): intercept into current focus trap stack [\#4953](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4953) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcRichText): Make URL_PATTERN match localhost and URLs with ports [\#5176](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5176) \([mejo-](https://github.com/mejo-)\)
+* fix(NcActions): hotfix for custom children [\#5178](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5178) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcDateTimePickerNative): create possibility to change a color theme on system default [\#5182](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5182) \([JuliaKirschenheuter](https://github.com/JuliaKirschenheuter)\)
 
 ### Other Changes
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5157
-* chore: Fix missing PR from changelog by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5175
-* chore(NcAppNavigationToggle): add comments by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5148
-* chore: Update workflows by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5148
+* Updates for project Nextcloud vue library [\#5157](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5157) \([transifex-integration](https://github.com/transifex-integration)\)
+* chore: Fix missing PR from changelog [\#5175](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5175) \([Pytal](https://github.com/Pytal)\)
+* chore(NcAppNavigationToggle): add comments [\#5148](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5148) \([emoral435](https://github.com/emoral435)\)
+* chore: Update workflows [\#5148](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5148) \([susnux](https://github.com/susnux)\)
 
 ## [v8.5.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.5.1) (2024-01-24)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.5.0...v8.5.1)
@@ -672,53 +800,53 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.4.0...v8.5.0)
 
 ### 🚀 Enhancements
-* enh(NcSelect): Add visible input label by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4963
-* feat(NcModal): Set return focus element on focus trap deactivation by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5025
-* Harmonize focus-visible styles for vue-navigation item with none-vue navigation item by @JuliaKirschenheuter in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5022
-* feat(NcActionInput): allow to append `NcSelect` to body by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5017
-* enh(NcSelect): Improve accessibility by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5036
-* enh: Make the date time formatting reusable for applications by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5046
-* enh(NcHeaderMenu): Close navigation header menu on focusout by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5064
-* enh(a11y): added aria-label that matches title attr on icon by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5078
-* feat: Add NcUserStatusIcon by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5059
-* enh(breadcrumb): conditionally renders button when no redirection link given by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5077
-* feat(NcPopover): provide a11y attributes to the trigger by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5086
-* feat(NcDialog): add navigationAriaLabel and navigationAriaLabelledBy props by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5083
-* enh(NcContent): Add skip content buttons by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4983
-* enh(NcInputField): Support numeric values - if numeric also emit numeric by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4926
-* feat(NcProgressBar): add circular progress bar by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5100
-* feat(NcReferenceList): Add support for a fallback reference widget by @mejo- in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5092
-* enh(NcEmojiPicker): Always show skin tone selector + save selection by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5103
-* feat(NcActionButton): Allow pressed state on NcActionButton - similar to NcButton by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4744
-* feat(`NcRichText`) add support of GFM (extended markdown) by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4365
+* enh(NcSelect): Add visible input label [\#4963](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4963) \([Pytal](https://github.com/Pytal)\)
+* feat(NcModal): Set return focus element on focus trap deactivation [\#5025](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5025) \([Pytal](https://github.com/Pytal)\)
+* Harmonize focus-visible styles for vue-navigation item with none-vue navigation item [\#5022](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5022) \([JuliaKirschenheuter](https://github.com/JuliaKirschenheuter)\)
+* feat(NcActionInput): allow to append `NcSelect` to body [\#5017](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5017) \([raimund-schluessler](https://github.com/raimund-schluessler)\)
+* enh(NcSelect): Improve accessibility [\#5036](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5036) \([Pytal](https://github.com/Pytal)\)
+* enh: Make the date time formatting reusable for applications [\#5046](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5046) \([susnux](https://github.com/susnux)\)
+* enh(NcHeaderMenu): Close navigation header menu on focusout [\#5064](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5064) \([Pytal](https://github.com/Pytal)\)
+* enh(a11y): added aria-label that matches title attr on icon [\#5078](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5078) \([emoral435](https://github.com/emoral435)\)
+* feat: Add NcUserStatusIcon [\#5059](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5059) \([Pytal](https://github.com/Pytal)\)
+* enh(breadcrumb): conditionally renders button when no redirection link given [\#5077](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5077) \([emoral435](https://github.com/emoral435)\)
+* feat(NcPopover): provide a11y attributes to the trigger [\#5086](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5086) \([ShGKme](https://github.com/ShGKme)\)
+* feat(NcDialog): add navigationAriaLabel and navigationAriaLabelledBy props [\#5083](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5083) \([ShGKme](https://github.com/ShGKme)\)
+* enh(NcContent): Add skip content buttons [\#4983](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4983) \([susnux](https://github.com/susnux)\)
+* enh(NcInputField): Support numeric values - if numeric also emit numeric [\#4926](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4926) \([susnux](https://github.com/susnux)\)
+* feat(NcProgressBar): add circular progress bar [\#5100](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5100) \([raimund-schluessler](https://github.com/raimund-schluessler)\)
+* feat(NcReferenceList): Add support for a fallback reference widget [\#5092](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5092) \([mejo-](https://github.com/mejo-)\)
+* enh(NcEmojiPicker): Always show skin tone selector + save selection [\#5103](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5103) \([susnux](https://github.com/susnux)\)
+* feat(NcActionButton): Allow pressed state on NcActionButton - similar to NcButton [\#4744](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4744) \([susnux](https://github.com/susnux)\)
+* feat(`NcRichText`) add support of GFM (extended markdown) [\#4365](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4365) \([Antreesy](https://github.com/Antreesy)\)
 
 ### 🐛 Fixed bugs
-* fix(NcCheckboxRadioSwitch): fix shift+click on firefox by @skjnldsv in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4999
-* fix(NcCheckboxRadioSwitch): use correct padding by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5009
-* fix(NcCheckboxRadioSwitch): improve rendering and prevent unecessary elements by @skjnldsv in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5001
-* fix(NcAppNavigation): change h2 to span by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5020
-* fix(NcDateTimePicker): Use ISO week numbers if `showWeekNumber` is set by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5045
-* fix(NcActions): In case of inline actions make sure to support icon as URL by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5053
-* fix(NcDialog): allow to close NcDialog on click outside by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5062
-* fix(NcRelatedResourcesPanel): Fix invalid URL query params by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5065
-* fix(NcBreadcrumbs): improve the breadcrumbs shrinking behaviour by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5069
-* fix(NcInput): input disabled appearance by @marcoambrosini in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5000
-* fix(NcButton): use `a` as tag for router-link by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5091
-* fix(NcSelect): remove visual gap on top of the list by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5095
-* Remove unneeded `tab`, `tablist` and `aria-selected` roles from navigation by @JuliaKirschenheuter in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5075
-* fix(NcCheckboxRadioSwitch): Fix invalid indeterminate checkbox semantics by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5096
-* Remove inaccessible opacity from SettingsSection by @JuliaKirschenheuter in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5109
-* fix(NcPopover): fix docs example by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5111
-* fix(NcPopover): check trigger a11y compatible with Vue 3 by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5110
-* fix(NcHeaderMenu): mouse in now pointer by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5101
-* fix(NcActions): use new slots api by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5118
-* fix(NcButton): pressed state a11y by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5119
-* Fix additionalTrapElements to accept HTMLelements as well by @GretaD in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5120
+* fix(NcCheckboxRadioSwitch): fix shift+click on firefox [\#4999](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4999) \([skjnldsv](https://github.com/skjnldsv)\)
+* fix(NcCheckboxRadioSwitch): use correct padding [\#5009](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5009) \([raimund-schluessler](https://github.com/raimund-schluessler)\)
+* fix(NcCheckboxRadioSwitch): improve rendering and prevent unecessary elements [\#5001](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5001) \([skjnldsv](https://github.com/skjnldsv)\)
+* fix(NcAppNavigation): change h2 to span [\#5020](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5020) \([emoral435](https://github.com/emoral435)\)
+* fix(NcDateTimePicker): Use ISO week numbers if `showWeekNumber` is set [\#5045](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5045) \([susnux](https://github.com/susnux)\)
+* fix(NcActions): In case of inline actions make sure to support icon as URL [\#5053](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5053) \([susnux](https://github.com/susnux)\)
+* fix(NcDialog): allow to close NcDialog on click outside [\#5062](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5062) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcRelatedResourcesPanel): Fix invalid URL query params [\#5065](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5065) \([Pytal](https://github.com/Pytal)\)
+* fix(NcBreadcrumbs): improve the breadcrumbs shrinking behaviour [\#5069](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5069) \([raimund-schluessler](https://github.com/raimund-schluessler)\)
+* fix(NcInput): input disabled appearance [\#5000](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5000) \([marcoambrosini](https://github.com/marcoambrosini)\)
+* fix(NcButton): use `a` as tag for router-link [\#5091](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5091) \([raimund-schluessler](https://github.com/raimund-schluessler)\)
+* fix(NcSelect): remove visual gap on top of the list [\#5095](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5095) \([ShGKme](https://github.com/ShGKme)\)
+* Remove unneeded `tab`, `tablist` and `aria-selected` roles from navigation [\#5075](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5075) \([JuliaKirschenheuter](https://github.com/JuliaKirschenheuter)\)
+* fix(NcCheckboxRadioSwitch): Fix invalid indeterminate checkbox semantics [\#5096](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5096) \([Pytal](https://github.com/Pytal)\)
+* Remove inaccessible opacity from SettingsSection [\#5109](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5109) \([JuliaKirschenheuter](https://github.com/JuliaKirschenheuter)\)
+* fix(NcPopover): fix docs example [\#5111](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5111) \([raimund-schluessler](https://github.com/raimund-schluessler)\)
+* fix(NcPopover): check trigger a11y compatible with Vue 3 [\#5110](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5110) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcHeaderMenu): mouse in now pointer [\#5101](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5101) \([emoral435](https://github.com/emoral435)\)
+* fix(NcActions): use new slots api [\#5118](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5118) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcButton): pressed state a11y [\#5119](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5119) \([ShGKme](https://github.com/ShGKme)\)
+* Fix additionalTrapElements to accept HTMLelements as well [\#5120](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5120) \([GretaD](https://github.com/GretaD)\)
 
 ### Other Changes
-* refactor(NcCheckboxRadioSwitch): move comment to have a single root node by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5018
-* refactor(NcActionButtonGroup): replace computed of constant with constant by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5023
-* chore(docs): correct list types values for styleguidist in NcCheckboxRadioSwitch by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/5079
+* refactor(NcCheckboxRadioSwitch): move comment to have a single root node [\#5018](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5018) \([ShGKme](https://github.com/ShGKme)\)
+* refactor(NcActionButtonGroup): replace computed of constant with constant [\#5023](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5023) \([ShGKme](https://github.com/ShGKme)\)
+* chore(docs): correct list types values for styleguidist in NcCheckboxRadioSwitch [\#5079](https://github.com/nextcloud-libraries/nextcloud-vue/pull/5079) \([ShGKme](https://github.com/ShGKme)\)
 
 ## [v8.4.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.4.0) (2023-12-22)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.4.0...v8.3.0)
@@ -728,41 +856,41 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 * `isMobile` and `isFullscreen` mixins are now deprecated, use `useIsMobile` and `useIsFullscreen` composables instead
 
 ### 🚀 Enhancements
-* enh: Split translations by components to only include needed strings in app bundles by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4861
-* enh(NcCheckboxRadioSwitch): Allow to set `aria-label` by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4903
-* enh(NcRichContenteditable): Add optional visual label for content editable by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4907
-* enh(NcBreadcrumbs): Allow setting aria-label on nav by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4913
-* feat: add small mobile breakpoint by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4919
-* Add target prop for NcListItem by @Fenn-CS in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4923
-* Make modal mask dark if some icons are shown outside by @szaimen in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4916
-* enh: Add a full labelled color palette to be used as the default for the color picker by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4902
+* enh: Split translations by components to only include needed strings in app bundles [\#4861](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4861) \([susnux](https://github.com/susnux)\)
+* enh(NcCheckboxRadioSwitch): Allow to set `aria-label` [\#4903](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4903) \([susnux](https://github.com/susnux)\)
+* enh(NcRichContenteditable): Add optional visual label for content editable [\#4907](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4907) \([susnux](https://github.com/susnux)\)
+* enh(NcBreadcrumbs): Allow setting aria-label on nav [\#4913](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4913) \([Pytal](https://github.com/Pytal)\)
+* feat: add small mobile breakpoint [\#4919](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4919) \([ShGKme](https://github.com/ShGKme)\)
+* Add target prop for NcListItem [\#4923](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4923) \([Fenn-CS](https://github.com/Fenn-CS)\)
+* Make modal mask dark if some icons are shown outside [\#4916](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4916) \([szaimen](https://github.com/szaimen)\)
+* enh: Add a full labelled color palette to be used as the default for the color picker [\#4902](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4902) \([susnux](https://github.com/susnux)\)
 
 ### 🐛 Fixed bugs
-* fix(NcAppNavigationItem): fix style when using `active` prop by @raimund-schluessler in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4989
-* fix(NcDialog): Increase specificity for modal-content selector by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4897
-* Prevent NcBreadcrumb from automatically inheriting attributes by @JuliaKirschenheuter in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4918
-* fix(NcAvatar): Increase contrast of avatar status icon by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4912
-* fix(utils/UserStatus): typo in "invisible" translation key by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4931
-* enh(NcDialog): Label dialog nav by @Pytal in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4928
-* fix(NcAppNavigationSettings): remove incorrect aria-label by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4932
-* fix(NcAppSidebar): add focus trap on mobile by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4909
-* feat(NcRichContenteditable): put caret in the end when focus input by @Antreesy in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4924
-* fix(package): specify exports for composables by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4951
-* fix(NcActions): provide `aria-expanded="false"` when menu is closed instead of removing it by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4946
-* fix(NcListItem): Ensure list item does not overflow wrapper by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4956
-* fix(NcActionX): Allow relative icon URL by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4955
-* fix(NcAppSettingsDialog): respect showNavigation prop by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4954
-* fix(NcAppNavigation): Bring back hover state for active element by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4960
-* enh(aria): changed check color to adhere to 3:1 ratio by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4958
-* Use logical style for NcHeaderMenu by @ahangarha in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4965
-* Equalize `TextArea` styles with `TextField` styles by @JuliaKirschenheuter in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4971
-* Increase contrast on input field for `NcRichContenteditable` by @JuliaKirschenheuter in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4975
-* enh(breadcrumbs): changed aria label for voice control on a-tag by @emoral435 in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4973
-* Differentiate between dark and light theme for NcDateTimePickerNative by @JuliaKirschenheuter in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4981
+* fix(NcAppNavigationItem): fix style when using `active` prop [\#4989](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4989) \([raimund-schluessler](https://github.com/raimund-schluessler)\)
+* fix(NcDialog): Increase specificity for modal-content selector [\#4897](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4897) \([susnux](https://github.com/susnux)\)
+* Prevent NcBreadcrumb from automatically inheriting attributes [\#4918](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4918) \([JuliaKirschenheuter](https://github.com/JuliaKirschenheuter)\)
+* fix(NcAvatar): Increase contrast of avatar status icon [\#4912](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4912) \([Pytal](https://github.com/Pytal)\)
+* fix(utils/UserStatus): typo in "invisible" translation key [\#4931](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4931) \([ShGKme](https://github.com/ShGKme)\)
+* enh(NcDialog): Label dialog nav [\#4928](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4928) \([Pytal](https://github.com/Pytal)\)
+* fix(NcAppNavigationSettings): remove incorrect aria-label [\#4932](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4932) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcAppSidebar): add focus trap on mobile [\#4909](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4909) \([ShGKme](https://github.com/ShGKme)\)
+* feat(NcRichContenteditable): put caret in the end when focus input [\#4924](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4924) \([Antreesy](https://github.com/Antreesy)\)
+* fix(package): specify exports for composables [\#4951](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4951) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcActions): provide `aria-expanded="false"` when menu is closed instead of removing it [\#4946](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4946) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcListItem): Ensure list item does not overflow wrapper [\#4956](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4956) \([susnux](https://github.com/susnux)\)
+* fix(NcActionX): Allow relative icon URL [\#4955](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4955) \([susnux](https://github.com/susnux)\)
+* fix(NcAppSettingsDialog): respect showNavigation prop [\#4954](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4954) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcAppNavigation): Bring back hover state for active element [\#4960](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4960) \([susnux](https://github.com/susnux)\)
+* enh(aria): changed check color to adhere to 3:1 ratio [\#4958](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4958) \([emoral435](https://github.com/emoral435)\)
+* Use logical style for NcHeaderMenu [\#4965](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4965) \([ahangarha](https://github.com/ahangarha)\)
+* Equalize `TextArea` styles with `TextField` styles [\#4971](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4971) \([JuliaKirschenheuter](https://github.com/JuliaKirschenheuter)\)
+* Increase contrast on input field for `NcRichContenteditable` [\#4975](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4975) \([JuliaKirschenheuter](https://github.com/JuliaKirschenheuter)\)
+* enh(breadcrumbs): changed aria label for voice control on a-tag [\#4973](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4973) \([emoral435](https://github.com/emoral435)\)
+* Differentiate between dark and light theme for NcDateTimePickerNative [\#4981](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4981) \([JuliaKirschenheuter](https://github.com/JuliaKirschenheuter)\)
 
 ### Other Changes
-* refactor(NcAppSidebar): remove unneeded debug log by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4952
-* chore(ci): make Jest output colorful by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4966
+* refactor(NcAppSidebar): remove unneeded debug log [\#4952](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4952) \([ShGKme](https://github.com/ShGKme)\)
+* chore(ci): make Jest output colorful [\#4966](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4966) \([ShGKme](https://github.com/ShGKme)\)
 * Update translations
 
 ## [v8.3.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.3.0) (2023-11-30)
@@ -832,14 +960,14 @@ See the full list in [v9 breaking changes](https://github.com/nextcloud-librarie
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.0.0...v8.0.1)
 
 ### :bug: Fixed bugs
-* fix(NcModal): Adjust `aria-label` of close button by @susnux in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4778
-* fix(NcCounterBubble): Fix color of highlighted/outlined items when no… by @nickvergessen in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4781
-* fix(NcTimezonePicker): add missing `t` method by @ShGKme in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4790
-* fix(NcCheckboxRadioSwitch): Fix contrast of Radio switches using butt… by @nickvergessen in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4791
+* fix(NcModal): Adjust `aria-label` of close button [\#4778](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4778) \([susnux](https://github.com/susnux)\)
+* fix(NcCounterBubble): Fix color of highlighted/outlined items when no… [\#4781](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4781) \([nickvergessen](https://github.com/nickvergessen)\)
+* fix(NcTimezonePicker): add missing `t` method [\#4790](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4790) \([ShGKme](https://github.com/ShGKme)\)
+* fix(NcCheckboxRadioSwitch): Fix contrast of Radio switches using butt… [\#4791](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4791) \([nickvergessen](https://github.com/nickvergessen)\)
 
 ### Other Changes
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4780
-* Updates for project Nextcloud vue library by @transifex-integration in https://github.com/nextcloud-libraries/nextcloud-vue/pull/4784
+* Updates for project Nextcloud vue library [\#4780](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4780) \([transifex-integration](https://github.com/transifex-integration)\)
+* Updates for project Nextcloud vue library [\#4784](https://github.com/nextcloud-libraries/nextcloud-vue/pull/4784) \([transifex-integration](https://github.com/transifex-integration)\)
 
 ## [v8.0.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.0.0) (2023-11-08)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v7.11.2...v8.0.0)
diff --git a/README.md b/README.md
index ddc2a32e27..c7b604c218 100644
--- a/README.md
+++ b/README.md
@@ -19,8 +19,8 @@
 
 | Version        | Target                | Documentation                                         |
 |----------------|-----------------------|-------------------------------------------------------|
-| v9.x [next]    | Nextcloud 30+ (Vue 3) | https://next--nextcloud-vue-components.netlify.app    |
-| v8.x [master]  | Nextcloud 28+ (Vue 2) | https://nextcloud-vue-components.netlify.app          |
+| v9.x [main]    | Nextcloud 30+ (Vue 3) | https://nextcloud-vue-components.netlify.app          |
+| v8.x [stable8] | Nextcloud 28+ (Vue 2) | https://stable8--nextcloud-vue-components.netlify.app |
 | v7.x [stable7] | Nextcloud 25 - 27     | https://stable7--nextcloud-vue-components.netlify.app |
 | v6.x [stable6] | Nextcloud 24 - 25     | https://stable6--nextcloud-vue-components.netlify.app |
 
@@ -163,8 +163,12 @@ index 0e3a6a705d..416b8b0fb9 100644
   This will return a new version name, make sure it matches what you expect
 - Generate the changelog content from the [release](https://github.com/nextcloud-libraries/nextcloud-vue/releases) page.
   Create a draft release, select the previous tag, click `generate` then paste the content to the `CHANGELOG.md` file
-  1. use the the version as tag AND title (e.g `v4.0.1`)
-  2. add the changelog content as description (https://github.com/nextcloud-libraries/nextcloud-vue/releases)
+  1. adjust the links to the merged pull requests and authors so that the changelog also works outside of GitHub
+     by running `npm run prerelease:format-changelog`.
+     This will apply this regex: `by @([^ ]+) in ((https://github.com/)nextcloud-libraries/nextcloud-vue/pull/(\d+))`
+     Which this as the replacement: `[\#$4]($2) \([$1]($3$1)\)`
+  2. use the the version as tag AND title (e.g `v4.0.1`)
+  3. add the changelog content as description (https://github.com/nextcloud-libraries/nextcloud-vue/releases)
 - Commit, push and create PR
 - Get your PR reviewed and merged
 - Create a milestone with the follow-up version at https://github.com/nextcloud-libraries/nextcloud-vue/milestones
diff --git a/build/format-changelog.mjs b/build/format-changelog.mjs
new file mode 100644
index 0000000000..3e1e3327ba
--- /dev/null
+++ b/build/format-changelog.mjs
@@ -0,0 +1,24 @@
+/**
+ * SPDX-FileCopyrightText: Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+import { readFile, writeFile } from 'node:fs/promises'
+import { join } from 'node:path'
+
+console.info('🔎 checking format of CHANGELOG.md')
+
+const file = join(import.meta.dirname, '..', 'CHANGELOG.md')
+const content = await readFile(file, { encoding: 'utf-8' })
+
+const formatted = content.replaceAll(
+	/by @([^ ]+) in ((https:\/\/github.com\/)nextcloud-libraries\/nextcloud-vue\/pull\/(\d+))/g,
+	'[\#$4]($2) \([$1]($3$1)\)'
+)
+
+if (formatted !== content) {
+	console.info('✏️ fixing format')
+	await writeFile(file, formatted)
+	console.info('🎉 done')
+} else {
+	console.info('✅ no formatting needed - done.')
+}
diff --git a/cypress.config.mjs b/cypress.config.mjs
index 99d8ea56bc..a8c2c1fd27 100644
--- a/cypress.config.mjs
+++ b/cypress.config.mjs
@@ -77,9 +77,9 @@ export default defineConfig({
 							devSourcemap: true,
 							preprocessorOptions: {
 								scss: {
-									additionalData: `@use 'sass:math'; $scope_version:${SCOPE_VERSION}; @import 'variables'; @import 'material-icons';`,
+									additionalData: `@use 'sass:math'; @use 'variables.scss' as *; @use 'material-icons.css' as *; $scope_version:${SCOPE_VERSION};`,
 									sourceMapContents: false,
-									includePaths: [
+									loadPaths: [
 										resolve(__dirname, 'src/assets'),
 									],
 								},
diff --git a/cypress/component/NcSelectUsers.cy.ts b/cypress/component/NcSelectUsers.cy.ts
new file mode 100644
index 0000000000..c52754afdc
--- /dev/null
+++ b/cypress/component/NcSelectUsers.cy.ts
@@ -0,0 +1,41 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { mount } from 'cypress/vue2'
+import NcSelectUsers from '../../src/components/NcSelectUsers/NcSelectUsers.vue'
+
+it('emits the search event', async () => {
+	const wrapper = mount(NcSelectUsers, {
+		propsData: {
+			ariaLabelCombobox: 'Search users',
+			options: [],
+		},
+	})
+
+	wrapper.get('input[type="search"]')
+		.type('query')
+
+	wrapper.then(({ wrapper }) => {
+		expect(wrapper.emitted('search')).to.eql([['query']])
+	})
+})
+
+it('also emits the search event if cleared', async () => {
+	const wrapper = mount(NcSelectUsers, {
+		propsData: {
+			ariaLabelCombobox: 'Search users',
+			options: [],
+		},
+	})
+
+	wrapper.get('input[type="search"]')
+		.type('query')
+	wrapper.get('input[type="search"]')
+		.type('{clearAll}')
+
+	wrapper.then(({ wrapper }) => {
+		expect(wrapper.emitted('search')).to.eql([['query', '']])
+	})
+})
diff --git a/docs/index.md b/docs/index.md
index b8ab0741b6..57a6b9f4bd 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,15 +1,15 @@
-[![npm last version](https://img.shields.io/npm/v/@nextcloud/vue.svg?style=flat-square)](https://www.npmjs.com/package/@nextcloud/vue)
-[![build status](https://img.shields.io/github/actions/workflow/status/nextcloud-libraries/nextcloud-vue/node.yml?style=flat-square)](https://github.com/nextcloud-libraries/nextcloud-vue/actions/workflows/node.yml?query=branch%3Amaster)
-[![Dependabot status](https://img.shields.io/badge/Dependabot-enabled-brightgreen.svg?longCache=true&style=flat-square&logo=dependabot)](https://dependabot.com)
-[![Test status](https://img.shields.io/github/actions/workflow/status/nextcloud-libraries/nextcloud-vue/npm-test.yml?style=flat-square&label=Test%20status)](https://github.com/nextcloud-libraries/nextcloud-vue/actions/workflows/npm-test.yml?query=branch%3Amaster)
-[![irc](https://img.shields.io/badge/IRC-%23nextcloud--dev%20on%20freenode-blue.svg?style=flat-square)](https://webchat.freenode.net/?channels=nextcloud-dev)
-
 <!--
- - SPDX-FileCopyrightText: 2020-2024 Nextcloud GmbH and Nextcloud contributors
- - SPDX-License-Identifier: AGPL-3.0-or-later
+  - SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
 -->
 
-> 🖼️ Nextcloud UI Kit for building Nextcloud apps with Vue
+# @nextcloud/vue
+
+[![REUSE status](https://api.reuse.software/badge/github.com/nextcloud-libraries/nextcloud-vue)](https://api.reuse.software/info/github.com/nextcloud-libraries/nextcloud-vue)
+[![npm last version](https://img.shields.io/npm/v/@nextcloud/vue.svg?style=flat)](https://www.npmjs.com/package/@nextcloud/vue)
+[![Dependabot status](https://img.shields.io/badge/Dependabot-enabled-brightgreen.svg?longCache=true&style=flat&logo=dependabot)](https://dependabot.com)
+
+> 🖼️ UI Kit for building Nextcloud apps with Vue
 
 - ✨ Standardized UI Components
 - 🛠️ Composables and frontend utilities
@@ -19,8 +19,8 @@
 
 | Version        | Target                | Documentation                                         |
 |----------------|-----------------------|-------------------------------------------------------|
-| v9.x [next]    | Nextcloud 30+ (Vue 3) | https://next--nextcloud-vue-components.netlify.app    |
-| v8.x [master]  | Nextcloud 28+ (Vue 2) | https://nextcloud-vue-components.netlify.app          |
+| v9.x [main]    | Nextcloud 30+ (Vue 3) | https://nextcloud-vue-components.netlify.app          |
+| v8.x [stable8] | Nextcloud 28+ (Vue 2) | https://stable8--nextcloud-vue-components.netlify.app |
 | v7.x [stable7] | Nextcloud 25 - 27     | https://stable7--nextcloud-vue-components.netlify.app |
 | v6.x [stable6] | Nextcloud 24 - 25     | https://stable6--nextcloud-vue-components.netlify.app |
 
diff --git a/jest.config.js b/jest.config.js
index 89904c3492..7ddb6cbdf4 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -19,6 +19,8 @@ const ignorePatterns = [
 	'markdown-table', // ESM dependency of remark-gfm
 	'mdast-util-*',
 	'micromark',
+	'p-queue',
+	'p-timeout',
 	'property-information',
 	'rehype-*',
 	'remark-*',
diff --git a/l10n/el.pot b/l10n/el.pot
index a3e1adb68b..c64afb19f9 100644
--- a/l10n/el.pot
+++ b/l10n/el.pot
@@ -1,11 +1,12 @@
 # 
 # Translators:
-# Joas Schilling, 2023
-# Transifex Bot <>, 2023
+# John Molakvoæ <skjnldsv@protonmail.com>, 2023
+# otterbash <mixalis.tsokaris@gmail.com>, 2023
+# Efstathios Iosifidis <iefstathios@gmail.com>, 2025
 # 
 msgid ""
 msgstr ""
-"Last-Translator: Transifex Bot <>, 2023\n"
+"Last-Translator: Efstathios Iosifidis <iefstathios@gmail.com>, 2025\n"
 "Language-Team: Greek (https://app.transifex.com/nextcloud/teams/64236/el/)\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Language: el\n"
@@ -17,23 +18,30 @@ msgstr "{tag} (αόρατο)"
 msgid "{tag} (restricted)"
 msgstr "{tag} (περιορισμένο)"
 
+msgid "A color with a HEX value {hex}"
+msgstr "Ένα χρώμα με τιμή HEX {hex}"
+
 msgid "a few seconds ago"
-msgstr ""
+msgstr "πριν λίγα δευτερόλεπτα"
+
+#. TRANSLATORS: A color name for RGB(110, 166, 143)
+msgid "Acapulco"
+msgstr "Ακαπούλκο"
 
 msgid "Actions"
 msgstr "Ενέργειες"
 
-msgid "Actions for item with name \"{name}\""
-msgstr ""
-
 msgid "Activities"
 msgstr "Δραστηριότητες"
 
+msgid "Add to a project"
+msgstr "Προσθήκη σε ένα έργο"
+
 msgid "Animals & Nature"
 msgstr "Ζώα & Φύση"
 
 msgid "Any link"
-msgstr ""
+msgstr "Οποιοσδήποτε σύνδεσμος"
 
 msgid "Anything shared with the same group of people will show up here"
 msgstr "Οτιδήποτε μοιράζεται με την ίδια ομάδα ατόμων θα εμφανίζεται εδώ"
@@ -44,23 +52,41 @@ msgstr "Άβαταρ του {displayName}"
 msgid "Avatar of {displayName}, {status}"
 msgstr "Άβαταρ του {displayName}, {status}"
 
+#. TRANSLATORS: User status if the user is currently away from keyboard
+msgid "away"
+msgstr "μακριά"
+
 msgid "Back"
-msgstr ""
+msgstr "Επιστροφή"
 
 msgid "Back to provider selection"
-msgstr ""
+msgstr "Επιστροφή στην επιλογή παρόχου"
+
+#. TRANSLATORS: A color name for RGB(91, 100, 179)
+msgid "Blue Violet"
+msgstr "Μπλε Βιολέτ"
+
+#. TRANSLATORS: A color name for RGB(55, 148, 172)
+msgid "Boston Blue"
+msgstr "Μπλε Βοστώνης"
+
+msgid "busy"
+msgstr "απασχολημένος"
 
 msgid "Cancel changes"
 msgstr "Ακύρωση αλλαγών"
 
 msgid "Change name"
-msgstr ""
+msgstr "Αλλαγή ονόματος"
 
 msgid "Choose"
 msgstr "Επιλογή"
 
 msgid "Clear search"
-msgstr ""
+msgstr "Εκκαθάριση αναζήτησης"
+
+msgid "Clear selected"
+msgstr "Εκκαθάριση επιλογής"
 
 msgid "Clear text"
 msgstr "Εκκαθάριση κειμένου"
@@ -68,9 +94,6 @@ msgstr "Εκκαθάριση κειμένου"
 msgid "Close"
 msgstr "Κλείσιμο"
 
-msgid "Close modal"
-msgstr "Βοηθητικό κλείσιμο"
-
 msgid "Close navigation"
 msgstr "Κλείσιμο πλοήγησης"
 
@@ -78,34 +101,74 @@ msgid "Close sidebar"
 msgstr "Κλείσιμο πλευρικής μπάρας"
 
 msgid "Close Smart Picker"
-msgstr ""
+msgstr "Κλείσιμο Έξυπνης Επιλογής"
 
 msgid "Collapse menu"
-msgstr ""
+msgstr "Σύμπτυξη μενού"
+
+msgid "Color picker"
+msgstr "Επιλογέας χρώματος"
 
 msgid "Confirm changes"
 msgstr "Επιβεβαίωση αλλαγών"
 
+msgid "Connect items to a project to make them easier to find"
+msgstr "Συνδέστε αντικείμενα σε ένα έργο για να τα βρίσκετε πιο εύκολα"
+
 msgid "Custom"
 msgstr "Προσαρμογή"
 
+msgid "Dark skin tone"
+msgstr "Σκούρο θέμα"
+
+#. TRANSLATORS: A color name for RGB(136, 85, 168)
+msgid "Deluge"
+msgstr "Deluge"
+
+msgid "Deselect {option}"
+msgstr "Αποεπιλογή {option}"
+
+msgid "do not disturb"
+msgstr "μην ενοχλείτε"
+
 msgid "Edit item"
-msgstr "Επεξεργασία"
+msgstr "Επεξεργασία αντικειμένου"
+
+msgid "Emoji picker"
+msgstr "Επιλογέας emoji"
+
+msgid "Enable interactive view"
+msgstr "Ενεργοποίηση διαδραστικής προβολής"
 
 msgid "Enter link"
-msgstr ""
+msgstr "Εισάγετε σύνδεσμο"
 
 msgid ""
 "Error getting related resources. Please contact your system administrator if"
 " you have any questions."
 msgstr ""
+"Σφάλμα λήψης σχετικών πόρων. Παρακαλούμε επικοινωνήστε με τον διαχειριστή "
+"του συστήματός σας εάν έχετε οποιεσδήποτε ερωτήσεις."
 
 msgid "External documentation for {name}"
-msgstr ""
+msgstr "Εξωτερική τεκμηρίωση για {name}"
+
+msgid "Failed to add the item to the project"
+msgstr "Αποτυχία προσθήκης του αντικειμένου στο έργο"
+
+msgid "Failed to create a project"
+msgstr "Αποτυχία δημιουργίας έργου"
+
+msgid "Failed to rename the project"
+msgstr "Αποτυχία μετονομασίας του έργου"
 
 msgid "Favorite"
 msgstr "Αγαπημένα"
 
+#. TRANSLATORS: A color name for RGB(201, 136, 121)
+msgid "Feldspar"
+msgstr "Feldspar"
+
 msgid "Flags"
 msgstr "Σημαίες"
 
@@ -119,13 +182,45 @@ msgid "Global"
 msgstr "Καθολικό"
 
 msgid "Go back to the list"
-msgstr "Επιστροφή στην αρχική λίστα "
+msgstr "Επιστροφή στην αρχική λίστα"
+
+msgid "Gold"
+msgstr "Χρυσό"
+
+msgid "Hide details"
+msgstr "Απόκρυψη λεπτομερειών"
 
 msgid "Hide password"
-msgstr "Απόκρυψη κωδικού πρόσβασης"
+msgstr "Απόκρυψη συνθηματικού"
 
-msgid "Load more \"{options}\"\""
-msgstr ""
+msgid "invisible"
+msgstr "αόρατο"
+
+msgid "Keyboard navigation help"
+msgstr "Βοήθεια πλοήγησης με πληκτρολόγιο"
+
+msgid "Light skin tone"
+msgstr "Ανοιχτό θέμα"
+
+msgid "Load more \"{options}\""
+msgstr "Φόρτωση περισσότερων \"{options}\""
+
+#. TRANSLATORS: The button is in a loading state
+msgid "Loading …"
+msgstr "Φόρτωση …"
+
+#. TRANSLATORS: A color name for RGB(45, 115, 190)
+msgid "Mariner"
+msgstr "Mariner"
+
+msgid "Medium dark skin tone"
+msgstr "Μέτριο σκούρο θέμα"
+
+msgid "Medium light skin tone"
+msgstr "Μέτριο ανοιχτό θέμα"
+
+msgid "Medium skin tone"
+msgstr "Μέτριος τόνος θέματος"
 
 msgid "Message limit of {count} characters reached"
 msgstr "Συμπληρώθηκε το όριο των {count} χαρακτήρων του μηνύματος"
@@ -134,16 +229,22 @@ msgid "More items …"
 msgstr "Περισσότερα στοιχεία …"
 
 msgid "More options"
-msgstr ""
+msgstr "Περισσότερες επιλογές"
+
+msgid "Neutral skin color"
+msgstr "Ουδέτερο χρώμα θέματος"
 
 msgid "Next"
 msgstr "Επόμενο"
 
+msgid "Nextcloud blue"
+msgstr "Μπλε Nextcloud"
+
 msgid "No emoji found"
 msgstr "Δεν βρέθηκε emoji"
 
 msgid "No link provider found"
-msgstr ""
+msgstr "Δεν βρέθηκε πάροχος συνδέσμου"
 
 msgid "No results"
 msgstr "Κανένα αποτέλεσμα"
@@ -151,23 +252,33 @@ msgstr "Κανένα αποτέλεσμα"
 msgid "Objects"
 msgstr "Αντικείμενα"
 
-msgid "Open contact menu"
-msgstr ""
+msgid "offline"
+msgstr "εκτός σύνδεσης"
+
+#. TRANSLATORS: A color name for RGB(165, 184, 114)
+msgid "Olivine"
+msgstr "Olivine"
+
+msgid "online"
+msgstr "συνδεδεμένος"
 
 msgid "Open link to \"{resourceName}\""
-msgstr ""
+msgstr "Άνοιγμα συνδέσμου για \"{resourceName}\""
 
 msgid "Open menu"
-msgstr ""
+msgstr "Άνοιγμα μενού"
 
-msgid "Open navigation"
-msgstr "Άνοιγμα πλοήγησης"
+msgid "Open navigation {shortcut}"
+msgstr "Άνοιγμα πλοήγησης {shortcut}"
 
-msgid "Open settings menu"
-msgstr ""
+msgid "Open sidebar"
+msgstr "Άνοιγμα πλευρικής μπάρας"
+
+msgid "Options"
+msgstr "Επιλογές"
 
 msgid "Password is secure"
-msgstr "Ο κωδικός πρόσβασης είναι ασφαλής"
+msgstr "Το συνθηματικό είναι ασφαλές"
 
 msgid "Pause slideshow"
 msgstr "Παύση προβολής διαφανειών"
@@ -176,22 +287,22 @@ msgid "People & Body"
 msgstr "Άνθρωποι & Σώμα"
 
 msgid "Pick a date"
-msgstr ""
+msgstr "Επιλέξτε ημερομηνία"
 
 msgid "Pick a date and a time"
-msgstr ""
+msgstr "Επιλέξτε ημερομηνία και ώρα"
 
 msgid "Pick a month"
-msgstr ""
+msgstr "Επιλέξτε μήνα"
 
 msgid "Pick a time"
-msgstr ""
+msgstr "Επιλέξτε ώρα"
 
 msgid "Pick a week"
-msgstr ""
+msgstr "Επιλέξτε εβδομάδα"
 
 msgid "Pick a year"
-msgstr ""
+msgstr "Επιλέξτε έτος"
 
 msgid "Pick an emoji"
 msgstr "Επιλέξτε ένα emoji"
@@ -203,37 +314,62 @@ msgid "Previous"
 msgstr "Προηγούμενο"
 
 msgid "Provider icon"
-msgstr ""
+msgstr "Εικονίδιο παρόχου"
+
+msgid "Purple"
+msgstr "Μωβ"
 
 msgid "Raw link {options}"
-msgstr ""
+msgstr "Ακατέργαστος σύνδεσμος {options}"
 
 msgid "Related resources"
 msgstr "Σχετικοί πόροι"
 
+msgid "Related team resources"
+msgstr "Σχετικοί πόροι ομάδας"
+
+msgid "Rename project"
+msgstr "Μετονομασία έργου"
+
+#. TRANSLATORS: A color name for RGB(191, 103, 139)
+msgid "Rosy brown"
+msgstr "Ροζ καφέ"
+
+msgid "Save changes"
+msgstr "Αποθήκευση αλλαγών"
+
 msgid "Search"
 msgstr "Αναζήτηση"
 
 msgid "Search emoji"
-msgstr ""
+msgstr "Αναζήτηση emoji"
+
+msgid "Search for time zone"
+msgstr "Αναζήτηση ζώνης ώρας"
 
 msgid "Search results"
 msgstr "Αποτελέσματα αναζήτησης"
 
+msgid "Search…"
+msgstr "Αναζήτηση…"
+
 #. FOR TRANSLATORS: If possible in your language an even shorter version of 'a
 #. few seconds ago'
 msgid "sec. ago"
-msgstr ""
+msgstr "δευτ. πριν"
 
 #. FOR TRANSLATORS: Shorter version of 'a few seconds ago'
 msgid "seconds ago"
-msgstr ""
+msgstr "δευτερόλεπτα πριν"
 
 msgid "Select a tag"
 msgstr "Επιλογή ετικέτας"
 
 msgid "Select provider"
-msgstr ""
+msgstr "Επιλογή παρόχου"
+
+msgid "Selected"
+msgstr "Επιλεγμένο"
 
 msgid "Settings"
 msgstr "Ρυθμίσεις"
@@ -241,11 +377,23 @@ msgstr "Ρυθμίσεις"
 msgid "Settings navigation"
 msgstr "Πλοήγηση ρυθμίσεων"
 
+msgid "Show details"
+msgstr "Εμφάνιση λεπτομερειών"
+
 msgid "Show password"
 msgstr "Εμφάνιση κωδικού πρόσβασης"
 
+msgid "Skin tone"
+msgstr "Τόνος δέρματος"
+
+msgid "Skip to app navigation"
+msgstr "Μετάβαση στην πλοήγηση της εφαρμογής"
+
+msgid "Skip to main content"
+msgstr "Μετάβαση στο κύριο περιεχόμενο"
+
 msgid "Smart Picker"
-msgstr ""
+msgstr "Έξυπνη Επιλογή"
 
 msgid "Smileys & Emotion"
 msgstr "Φατσούλες & Συναίσθημα"
@@ -254,7 +402,7 @@ msgid "Start slideshow"
 msgstr "Έναρξη προβολής διαφανειών"
 
 msgid "Start typing to search"
-msgstr ""
+msgstr "Ξεκινήστε να πληκτρολογείτε για αναζήτηση"
 
 msgid "Submit"
 msgstr "Υποβολή"
@@ -265,6 +413,9 @@ msgstr "Σύμβολα"
 msgid "Travel & Places"
 msgstr "Ταξίδια & Τοποθεσίες"
 
+msgid "Type to search for existing projects"
+msgstr "Πληκτρολογήστε για αναζήτηση υπαρχόντων έργων"
+
 msgid "Type to search time zone"
 msgstr "Πληκτρολογήστε για αναζήτηση ζώνης ώρας"
 
@@ -274,9 +425,15 @@ msgstr "Δεν είναι δυνατή η αναζήτηση της ομάδας
 msgid "Undo changes"
 msgstr "Αναίρεση Αλλαγών"
 
-msgid ""
-"Write message, use \"@\" to mention someone, use \":\" for emoji "
-"autocompletion …"
-msgstr ""
-"Γράψτε μήνυμα, χρησιμοποιείστε \"@\" για να αναφέρετε κάποιον, "
-"χρησιμοποιείστε \":\" για αυτόματη συμπλήρωση emoji …"
+msgid "User status: {status}"
+msgstr "Κατάσταση χρήστη: {status}"
+
+msgid "View team"
+msgstr "Προβολή ομάδας"
+
+#. TRANSLATORS: A color name for RGB(211, 169, 103)
+msgid "Whiskey"
+msgstr "Ουίσκι"
+
+msgid "Write a message …"
+msgstr "Γράψτε ένα μήνυμα …"
diff --git a/l10n/et_EE.pot b/l10n/et_EE.pot
index 69d02a49d8..a78c621fa2 100644
--- a/l10n/et_EE.pot
+++ b/l10n/et_EE.pot
@@ -1,279 +1,438 @@
 # 
 # Translators:
-# Transifex Bot <>, 2023
+# Mait R, 2023
+# Priit Jõerüüt <transifex@joeruut.com>, 2025
 # 
 msgid ""
 msgstr ""
-"Last-Translator: Transifex Bot <>, 2023\n"
+"Last-Translator: Priit Jõerüüt <transifex@joeruut.com>, 2025\n"
 "Language-Team: Estonian (Estonia) (https://app.transifex.com/nextcloud/teams/64236/et_EE/)\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Language: et_EE\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
 msgid "{tag} (invisible)"
-msgstr ""
+msgstr "{tag} (nähtamatu)"
 
 msgid "{tag} (restricted)"
-msgstr ""
+msgstr "{tag} (piiratud)"
+
+msgid "A color with a HEX value {hex}"
+msgstr "Värv hexi väärtusega {hex}"
 
 msgid "a few seconds ago"
-msgstr ""
+msgstr "mõni sekund tagasi"
 
-msgid "Actions"
-msgstr ""
+#. TRANSLATORS: A color name for RGB(110, 166, 143)
+msgid "Acapulco"
+msgstr "Acapulco meresinine"
 
-msgid "Actions for item with name \"{name}\""
-msgstr ""
+msgid "Actions"
+msgstr "Tegevus"
 
 msgid "Activities"
-msgstr ""
+msgstr "Tegevused"
+
+msgid "Add to a project"
+msgstr "Lisa projekti"
 
 msgid "Animals & Nature"
-msgstr ""
+msgstr "Loomad ja loodus"
 
 msgid "Any link"
-msgstr ""
+msgstr "Mistahes link"
 
 msgid "Anything shared with the same group of people will show up here"
-msgstr ""
+msgstr "Kõik, mida jagatakse sama grupi inimestega, kuvatakse siin."
 
 msgid "Avatar of {displayName}"
-msgstr ""
+msgstr "Avatar {displayName}"
 
 msgid "Avatar of {displayName}, {status}"
-msgstr ""
+msgstr "Avatar {displayName}, {status}"
+
+#. TRANSLATORS: User status if the user is currently away from keyboard
+msgid "away"
+msgstr "eemal"
 
 msgid "Back"
-msgstr ""
+msgstr "Tagasi"
 
 msgid "Back to provider selection"
-msgstr ""
+msgstr "Tagasi teenusepakkuja valiku juurde"
+
+#. TRANSLATORS: A color name for RGB(91, 100, 179)
+msgid "Blue Violet"
+msgstr "Sinakasvioletne"
+
+#. TRANSLATORS: A color name for RGB(55, 148, 172)
+msgid "Boston Blue"
+msgstr "Bostoni rohekassinine"
+
+msgid "busy"
+msgstr "hõivatud"
 
 msgid "Cancel changes"
-msgstr ""
+msgstr "Tühista muudatused"
 
 msgid "Change name"
-msgstr ""
+msgstr "Muuda nime"
 
 msgid "Choose"
-msgstr ""
+msgstr "Tee valik"
 
 msgid "Clear search"
-msgstr ""
+msgstr "Tühjenda otsing"
+
+msgid "Clear selected"
+msgstr "Tühjenad valik"
 
 msgid "Clear text"
-msgstr ""
+msgstr "Kustuta tekst"
 
 msgid "Close"
-msgstr ""
-
-msgid "Close modal"
-msgstr ""
+msgstr "Sulge"
 
 msgid "Close navigation"
-msgstr ""
+msgstr "Sulge navigatsioon"
 
 msgid "Close sidebar"
-msgstr ""
+msgstr "Sulge külgriba"
 
 msgid "Close Smart Picker"
-msgstr ""
+msgstr "Sulge nutikas valija"
 
 msgid "Collapse menu"
-msgstr ""
+msgstr "Menüü kokkuklappimine"
+
+msgid "Color picker"
+msgstr "Värvivalija"
 
 msgid "Confirm changes"
-msgstr ""
+msgstr "Kinnitage muudatused"
+
+msgid "Connect items to a project to make them easier to find"
+msgstr "Selleks, et objekte oleks lihtsam leida, seo nad projektiga"
 
 msgid "Custom"
-msgstr ""
+msgstr "Kohanda"
+
+msgid "Dark skin tone"
+msgstr "Kesta tume toon"
+
+#. TRANSLATORS: A color name for RGB(136, 85, 168)
+msgid "Deluge"
+msgstr "Tulvavee lilla"
+
+msgid "Deselect {option}"
+msgstr "Eemalda {option} valik"
+
+msgid "do not disturb"
+msgstr "ära sega"
 
 msgid "Edit item"
-msgstr ""
+msgstr "Muuda objekti"
+
+msgid "Emoji picker"
+msgstr "Emojide valija"
+
+msgid "Enable interactive view"
+msgstr "Lülita interaktiivne vaade sisse"
 
 msgid "Enter link"
-msgstr ""
+msgstr "Sisesta link"
 
 msgid ""
 "Error getting related resources. Please contact your system administrator if"
 " you have any questions."
 msgstr ""
+"Viga seotud ressursside saamisel. Küsimuste korral võtke ühendust oma "
+"süsteemiadministraatoriga."
 
 msgid "External documentation for {name}"
-msgstr ""
+msgstr "Väline dokumentatsioon {nimi}"
+
+msgid "Failed to add the item to the project"
+msgstr "Objekti lisamine projekti ei õnnestunud"
+
+msgid "Failed to create a project"
+msgstr "Projekti loomine ei õnnestunud"
+
+msgid "Failed to rename the project"
+msgstr "Projekti nime muutmine ei õnnestunud"
 
 msgid "Favorite"
-msgstr ""
+msgstr "Lemmik"
+
+#. TRANSLATORS: A color name for RGB(201, 136, 121)
+msgid "Feldspar"
+msgstr "Põlevkivipruun"
 
 msgid "Flags"
-msgstr ""
+msgstr "Lipud"
 
 msgid "Food & Drink"
-msgstr ""
+msgstr "Söök ja jook"
 
 msgid "Frequently used"
-msgstr ""
+msgstr "Sageli kasutatud"
 
 msgid "Global"
-msgstr ""
+msgstr "Globaalne"
 
 msgid "Go back to the list"
-msgstr ""
+msgstr "Tagasi nimekirja juurde"
+
+msgid "Gold"
+msgstr "Kuldne"
+
+msgid "Hide details"
+msgstr "Peida üksikasjad"
 
 msgid "Hide password"
-msgstr ""
+msgstr "Peida salasõna"
 
-msgid "Load more \"{options}\"\""
-msgstr ""
+msgid "invisible"
+msgstr "nähtamatu"
+
+msgid "Keyboard navigation help"
+msgstr "Klahvistiku kasutuse abiteave"
+
+msgid "Light skin tone"
+msgstr "Kesta hele toon"
+
+msgid "Load more \"{options}\""
+msgstr "Laadi rohkem \"{valikud}\""
+
+#. TRANSLATORS: The button is in a loading state
+msgid "Loading …"
+msgstr "Laadin…"
+
+#. TRANSLATORS: A color name for RGB(45, 115, 190)
+msgid "Mariner"
+msgstr "Meresinine"
+
+msgid "Medium dark skin tone"
+msgstr "Kesta keskmiselt tume toon"
+
+msgid "Medium light skin tone"
+msgstr "Kesta keskmiselt hele toon"
+
+msgid "Medium skin tone"
+msgstr "Kesta keskmine toon"
 
 msgid "Message limit of {count} characters reached"
-msgstr ""
+msgstr "Sõnumi piiratud arv {count} tähemärke on saavutatud"
 
 msgid "More items …"
-msgstr ""
+msgstr "Rohkem objekte ..."
 
 msgid "More options"
-msgstr ""
+msgstr "Rohkem valikuid"
+
+msgid "Neutral skin color"
+msgstr "Kesta neutraalne toon"
 
 msgid "Next"
-msgstr ""
+msgstr "Edasi"
+
+msgid "Nextcloud blue"
+msgstr "Nextcloudi sinine"
 
 msgid "No emoji found"
-msgstr ""
+msgstr "Emojit ei leitud"
 
 msgid "No link provider found"
-msgstr ""
+msgstr "Lingi pakkujat ei leitud"
 
 msgid "No results"
-msgstr ""
+msgstr "Tulemusi pole"
 
 msgid "Objects"
-msgstr ""
+msgstr "Objektid"
 
-msgid "Open contact menu"
-msgstr ""
+msgid "offline"
+msgstr "pole võrgus"
+
+#. TRANSLATORS: A color name for RGB(165, 184, 114)
+msgid "Olivine"
+msgstr "Oliiviroheline"
+
+msgid "online"
+msgstr "võrgus"
 
 msgid "Open link to \"{resourceName}\""
-msgstr ""
+msgstr "Ava link \"{resourceName}\""
 
 msgid "Open menu"
-msgstr ""
+msgstr "Ava menüü"
 
-msgid "Open navigation"
-msgstr ""
+msgid "Open navigation {shortcut}"
+msgstr "Ava valik {shortcut}"
 
-msgid "Open settings menu"
-msgstr ""
+msgid "Open sidebar"
+msgstr "Ava külgriba"
+
+msgid "Options"
+msgstr "Valikud"
 
 msgid "Password is secure"
-msgstr ""
+msgstr "Salasõna on turvaline"
 
 msgid "Pause slideshow"
-msgstr ""
+msgstr "Slaidiesitluse paus"
 
 msgid "People & Body"
-msgstr ""
+msgstr "Inimesed ja keha"
 
 msgid "Pick a date"
-msgstr ""
+msgstr "Vali kuupäev"
 
 msgid "Pick a date and a time"
-msgstr ""
+msgstr "Vali kuupäev ja kellaaeg"
 
 msgid "Pick a month"
-msgstr ""
+msgstr "Vali kuu"
 
 msgid "Pick a time"
-msgstr ""
+msgstr "Vali kellaaeg"
 
 msgid "Pick a week"
-msgstr ""
+msgstr "Vali nädal"
 
 msgid "Pick a year"
-msgstr ""
+msgstr "Vali aasta"
 
 msgid "Pick an emoji"
-msgstr ""
+msgstr "Vali emoji"
 
 msgid "Please select a time zone:"
-msgstr ""
+msgstr "Vali ajatsoon"
 
 msgid "Previous"
-msgstr ""
+msgstr "Eelmine"
 
 msgid "Provider icon"
-msgstr ""
+msgstr "Teenusepakkuja ikoon"
+
+msgid "Purple"
+msgstr "Purpurpunane"
 
 msgid "Raw link {options}"
-msgstr ""
+msgstr "Raw link {valikud}"
 
 msgid "Related resources"
-msgstr ""
+msgstr "Seotud ressursid"
+
+msgid "Related team resources"
+msgstr "Tiimi seotud ressursid"
+
+msgid "Rename project"
+msgstr "Muuda projekti nime"
+
+#. TRANSLATORS: A color name for RGB(191, 103, 139)
+msgid "Rosy brown"
+msgstr "Roosikarva pruun"
+
+msgid "Save changes"
+msgstr "Salvesta muudatused"
 
 msgid "Search"
-msgstr ""
+msgstr "Otsing"
 
 msgid "Search emoji"
-msgstr ""
+msgstr "Otsi emojit"
+
+msgid "Search for time zone"
+msgstr "Otsi ajavööndit"
 
 msgid "Search results"
-msgstr ""
+msgstr "Otsi tulemustest"
+
+msgid "Search…"
+msgstr "Otsi…"
 
 #. FOR TRANSLATORS: If possible in your language an even shorter version of 'a
 #. few seconds ago'
 msgid "sec. ago"
-msgstr ""
+msgstr "sek. tagasi"
 
 #. FOR TRANSLATORS: Shorter version of 'a few seconds ago'
 msgid "seconds ago"
-msgstr ""
+msgstr "sekundit tagasi"
 
 msgid "Select a tag"
-msgstr ""
+msgstr "Vali silt"
 
 msgid "Select provider"
-msgstr ""
+msgstr "Vali teenuspakkuja"
+
+msgid "Selected"
+msgstr "Valitud"
 
 msgid "Settings"
-msgstr ""
+msgstr "Seadistused"
 
 msgid "Settings navigation"
-msgstr ""
+msgstr "Seadistuste navigatsioon"
+
+msgid "Show details"
+msgstr "Näita üksikasju"
 
 msgid "Show password"
-msgstr ""
+msgstr "Näita salasõna"
+
+msgid "Skin tone"
+msgstr "Kesta toon"
+
+msgid "Skip to app navigation"
+msgstr "Suundu rakenduses liikumise valikute juurde"
+
+msgid "Skip to main content"
+msgstr "Suundu põhisisu juurde"
 
 msgid "Smart Picker"
-msgstr ""
+msgstr "Nutikas valija"
 
 msgid "Smileys & Emotion"
-msgstr ""
+msgstr "Smailid ja emotsioonid"
 
 msgid "Start slideshow"
-msgstr ""
+msgstr "Alusta slaidiesitust"
 
 msgid "Start typing to search"
-msgstr ""
+msgstr "Alusta otsinguks sisestamist"
 
 msgid "Submit"
-msgstr ""
+msgstr "Saada"
 
 msgid "Symbols"
-msgstr ""
+msgstr "Sümbolid"
 
 msgid "Travel & Places"
-msgstr ""
+msgstr "Reisimine ja kohad"
+
+msgid "Type to search for existing projects"
+msgstr "Olemasolevate projektide otsimiseks kirjuta"
 
 msgid "Type to search time zone"
-msgstr ""
+msgstr "Kirjuta, et otsida ajavööndit"
 
 msgid "Unable to search the group"
-msgstr ""
+msgstr "Gruppi ei ole võimalik otsida"
 
 msgid "Undo changes"
-msgstr ""
+msgstr "Pööra muudatused tagasi"
 
-msgid ""
-"Write message, use \"@\" to mention someone, use \":\" for emoji "
-"autocompletion …"
-msgstr ""
+msgid "User status: {status}"
+msgstr "Kasutaja olek: {status}"
+
+msgid "View team"
+msgstr "Vaata tiimi"
+
+#. TRANSLATORS: A color name for RGB(211, 169, 103)
+msgid "Whiskey"
+msgstr "Viskikarva kollakaspruun"
+
+msgid "Write a message …"
+msgstr "Kirjuta sõnum…"
diff --git a/l10n/messages.pot b/l10n/messages.pot
index 9b57df46cb..2aedbad17e 100644
--- a/l10n/messages.pot
+++ b/l10n/messages.pot
@@ -208,8 +208,10 @@ msgstr ""
 msgid "Medium skin tone"
 msgstr ""
 
-msgid "Message limit of {count} characters reached"
-msgstr ""
+msgid "Message limit of %n character reached"
+msgid_plural "Message limit of %n characters reached"
+msgstr[0] ""
+msgstr[1] ""
 
 msgid "More items …"
 msgstr ""
@@ -350,6 +352,9 @@ msgstr ""
 msgid "Select a tag"
 msgstr ""
 
+msgid "Select account"
+msgstr ""
+
 msgid "Select provider"
 msgstr ""
 
diff --git a/l10n/pt_BR.pot b/l10n/pt_BR.pot
index dc83fb65f9..c7007f4f86 100644
--- a/l10n/pt_BR.pot
+++ b/l10n/pt_BR.pot
@@ -4,10 +4,11 @@
 # Roberto Costa, 2024
 # Flávio Veras <flaviove@gmail.com>, 2024
 # Paulo Schopf, 2024
+# F Bausch, 2025
 # 
 msgid ""
 msgstr ""
-"Last-Translator: Paulo Schopf, 2024\n"
+"Last-Translator: F Bausch, 2025\n"
 "Language-Team: Portuguese (Brazil) (https://app.transifex.com/nextcloud/teams/64236/pt_BR/)\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Language: pt_BR\n"
@@ -23,7 +24,7 @@ msgid "A color with a HEX value {hex}"
 msgstr "Uma cor com valor HEX {hex}"
 
 msgid "a few seconds ago"
-msgstr "Alguns segundos atrás"
+msgstr "alguns segundos atrás"
 
 #. TRANSLATORS: A color name for RGB(110, 166, 143)
 msgid "Acapulco"
@@ -70,7 +71,7 @@ msgstr "Violeta Azul"
 
 #. TRANSLATORS: A color name for RGB(55, 148, 172)
 msgid "Boston Blue"
-msgstr "Violeta Azul"
+msgstr "Azul Boston"
 
 msgid "busy"
 msgstr "ocupado"
@@ -79,7 +80,7 @@ msgid "Cancel changes"
 msgstr "Cancelar alterações"
 
 msgid "Change name"
-msgstr "Mude o nome"
+msgstr "Mudar nome"
 
 msgid "Choose"
 msgstr "Escolher"
@@ -88,7 +89,7 @@ msgid "Clear search"
 msgstr "Limpar pesquisa"
 
 msgid "Clear selected"
-msgstr "Limpar selecionado"
+msgstr "Limpar selecionados"
 
 msgid "Clear text"
 msgstr "Limpar texto"
@@ -128,7 +129,7 @@ msgid "Deluge"
 msgstr "Dilúvio"
 
 msgid "Deselect {option}"
-msgstr "Desmarque {option}"
+msgstr "Desmacar {option}"
 
 msgid "do not disturb"
 msgstr "não perturbe"
@@ -137,7 +138,7 @@ msgid "Edit item"
 msgstr "Editar item"
 
 msgid "Emoji picker"
-msgstr "Selecionar emoji"
+msgstr "Seletor de emoji"
 
 msgid "Enable interactive view"
 msgstr "Ativar visualização interativa"
@@ -156,13 +157,13 @@ msgid "External documentation for {name}"
 msgstr "Documentação externa para {name}"
 
 msgid "Failed to add the item to the project"
-msgstr "Erro ao adicionar itens ao projeto"
+msgstr "Falha ao adicionar itens ao projeto"
 
 msgid "Failed to create a project"
-msgstr "Erro ao criar um projeto"
+msgstr "Falha ao criar um projeto"
 
 msgid "Failed to rename the project"
-msgstr "Erro ao renomear o projeto"
+msgstr "Falha ao renomear o projeto"
 
 msgid "Favorite"
 msgstr "Favorito"
@@ -184,7 +185,7 @@ msgid "Global"
 msgstr "Global"
 
 msgid "Go back to the list"
-msgstr "Volte para a lista"
+msgstr "Voltar para a lista"
 
 msgid "Gold"
 msgstr "Ouro"
@@ -193,23 +194,23 @@ msgid "Hide details"
 msgstr "Ocultar detalhes"
 
 msgid "Hide password"
-msgstr "Ocultar a senha"
+msgstr "Ocultar senha"
 
 msgid "invisible"
 msgstr "invisível"
 
 msgid "Keyboard navigation help"
-msgstr "Ajuda navegação de teclado"
+msgstr "Ajuda para navegação pelo teclado"
 
 msgid "Light skin tone"
 msgstr "Tome de pele claro"
 
 msgid "Load more \"{options}\""
-msgstr "Carregue mais \"{options}\""
+msgstr "Carregar mais \"{options}\""
 
 #. TRANSLATORS: The button is in a loading state
 msgid "Loading …"
-msgstr "Carregando..."
+msgstr "Carregando …"
 
 #. TRANSLATORS: A color name for RGB(45, 115, 190)
 msgid "Mariner"
@@ -240,7 +241,7 @@ msgid "Next"
 msgstr "Próximo"
 
 msgid "Nextcloud blue"
-msgstr "Nextcloud azul"
+msgstr "azul Nextcloud"
 
 msgid "No emoji found"
 msgstr "Nenhum emoji encontrado"
@@ -265,13 +266,13 @@ msgid "online"
 msgstr "ligado"
 
 msgid "Open link to \"{resourceName}\""
-msgstr "Abrir i link para \"{resourceName}\""
+msgstr "Abrir o link para \"{resourceName}\""
 
 msgid "Open menu"
 msgstr "Abrir menu"
 
-msgid "Open navigation"
-msgstr "Abrir navegação"
+msgid "Open navigation {shortcut}"
+msgstr "Abrir navegação {shortcut}"
 
 msgid "Open sidebar"
 msgstr "Abrir barra lateral"
@@ -344,7 +345,7 @@ msgid "Search"
 msgstr "Pesquisar"
 
 msgid "Search emoji"
-msgstr "Pesquisar emoticons"
+msgstr "Pesquisar emoji"
 
 msgid "Search for time zone"
 msgstr "Pesquisar fuso horário"
@@ -353,7 +354,7 @@ msgid "Search results"
 msgstr "Resultados da pesquisa"
 
 msgid "Search…"
-msgstr "Procurar..."
+msgstr "Pesquisar…"
 
 #. FOR TRANSLATORS: If possible in your language an even shorter version of 'a
 #. few seconds ago'
@@ -365,10 +366,10 @@ msgid "seconds ago"
 msgstr "segundos atrás"
 
 msgid "Select a tag"
-msgstr "Selecionar uma tag"
+msgstr "Selecionar uma etiqueta"
 
 msgid "Select provider"
-msgstr "Selecione o provedor"
+msgstr "Selecionar provedor"
 
 msgid "Selected"
 msgstr "Selecionado"
@@ -410,7 +411,7 @@ msgid "Submit"
 msgstr "Enviar"
 
 msgid "Symbols"
-msgstr "Símbolo"
+msgstr "Símbolos"
 
 msgid "Travel & Places"
 msgstr "Viagem & Lugares"
diff --git a/l10n/pt_PT.pot b/l10n/pt_PT.pot
index b42f3129cc..089d0febcf 100644
--- a/l10n/pt_PT.pot
+++ b/l10n/pt_PT.pot
@@ -1,42 +1,51 @@
 # 
 # Translators:
 # John Molakvoæ <skjnldsv@protonmail.com>, 2023
+# Manuela Silva <mmsrs@sky.com>, 2023
+# Ana Louro, 2025
 # 
 msgid ""
 msgstr ""
-"Last-Translator: John Molakvoæ <skjnldsv@protonmail.com>, 2023\n"
+"Last-Translator: Ana Louro, 2025\n"
 "Language-Team: Portuguese (Portugal) (https://app.transifex.com/nextcloud/teams/64236/pt_PT/)\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Language: pt_PT\n"
 "Plural-Forms: nplurals=3; plural=(n == 0 || n == 1) ? 0 : n != 0 && n % 1000000 == 0 ? 1 : 2;\n"
 
 msgid "{tag} (invisible)"
-msgstr "{tag} (invisivel)"
+msgstr "{tag} (invisível)"
 
 msgid "{tag} (restricted)"
 msgstr "{tag} (restrito)"
 
+msgid "A color with a HEX value {hex}"
+msgstr "Uma cor com o valor HEX  {hex}"
+
 msgid "a few seconds ago"
-msgstr "alguns segundos atrás"
+msgstr "há alguns segundos"
+
+#. TRANSLATORS: A color name for RGB(110, 166, 143)
+msgid "Acapulco"
+msgstr "Acapulco"
 
 msgid "Actions"
 msgstr "Ações"
 
-msgid "Actions for item with name \"{name}\""
-msgstr "Ações para objeto com o nome \"[name]\""
-
 msgid "Activities"
 msgstr "Atividades"
 
+msgid "Add to a project"
+msgstr "Adicionar a um projeto"
+
 msgid "Animals & Nature"
 msgstr "Animais e Natureza"
 
 msgid "Any link"
-msgstr "Qualquer link"
+msgstr "Qualquer hiperligação"
 
 msgid "Anything shared with the same group of people will show up here"
 msgstr ""
-"Qualquer coisa compartilhada com o mesmo grupo de pessoas aparecerá aqui"
+"Qualquer coisa partilhada com o mesmo grupo de pessoas irá aparecer aqui"
 
 msgid "Avatar of {displayName}"
 msgstr "Avatar de {displayName}"
@@ -44,12 +53,27 @@ msgstr "Avatar de {displayName}"
 msgid "Avatar of {displayName}, {status}"
 msgstr "Avatar de {displayName}, {status}"
 
+#. TRANSLATORS: User status if the user is currently away from keyboard
+msgid "away"
+msgstr "longe"
+
 msgid "Back"
-msgstr "Voltar atrás"
+msgstr "Anterior"
 
 msgid "Back to provider selection"
 msgstr "Voltar à seleção de fornecedor"
 
+#. TRANSLATORS: A color name for RGB(91, 100, 179)
+msgid "Blue Violet"
+msgstr "Azul violeta"
+
+#. TRANSLATORS: A color name for RGB(55, 148, 172)
+msgid "Boston Blue"
+msgstr "Azul Boston"
+
+msgid "busy"
+msgstr "ocupado"
+
 msgid "Cancel changes"
 msgstr "Cancelar alterações"
 
@@ -60,7 +84,10 @@ msgid "Choose"
 msgstr "Escolher"
 
 msgid "Clear search"
-msgstr "Limpar a pesquisa"
+msgstr "Limpar pesquisa"
+
+msgid "Clear selected"
+msgstr "Limpeza selecionada"
 
 msgid "Clear text"
 msgstr "Limpar texto"
@@ -68,9 +95,6 @@ msgstr "Limpar texto"
 msgid "Close"
 msgstr "Fechar"
 
-msgid "Close modal"
-msgstr "Fechar modal"
-
 msgid "Close navigation"
 msgstr "Fechar navegação"
 
@@ -81,33 +105,71 @@ msgid "Close Smart Picker"
 msgstr "Fechar \"Smart Picker\""
 
 msgid "Collapse menu"
-msgstr "Comprimir menu"
+msgstr "Ocultar menu"
+
+msgid "Color picker"
+msgstr "seletor de cores"
 
 msgid "Confirm changes"
 msgstr "Confirmar alterações"
 
+msgid "Connect items to a project to make them easier to find"
+msgstr "Ligar itens a um projeto para serem mais facilmente encontrados"
+
 msgid "Custom"
 msgstr "Personalizado"
 
+msgid "Dark skin tone"
+msgstr "Tom de pele escuro"
+
+#. TRANSLATORS: A color name for RGB(136, 85, 168)
+msgid "Deluge"
+msgstr "Deluge"
+
+msgid "Deselect {option}"
+msgstr "Desmarcar {option}"
+
+msgid "do not disturb"
+msgstr "não incomodar"
+
 msgid "Edit item"
 msgstr "Editar item"
 
+msgid "Emoji picker"
+msgstr "seletor de emoji"
+
+msgid "Enable interactive view"
+msgstr "Ativar vista interativa"
+
 msgid "Enter link"
-msgstr "Introduzir link"
+msgstr "Inserir hiperligação"
 
 msgid ""
 "Error getting related resources. Please contact your system administrator if"
 " you have any questions."
 msgstr ""
-"Erro em obter info relacionadas. Por favor contacte o administrador do "
-"sistema para esclarecimentos adicionais."
+"Erro ao obter os recursos relacionados. Por favor, contacte o administrador "
+"do sistema se tiver quaisquer  perguntas."
 
 msgid "External documentation for {name}"
 msgstr "Documentação externa para {name}"
 
+msgid "Failed to add the item to the project"
+msgstr "Não foi possível adicionar item ao projeto"
+
+msgid "Failed to create a project"
+msgstr "Não foi possível criar um projeto"
+
+msgid "Failed to rename the project"
+msgstr "Não foi possível alterar o nome do projeto"
+
 msgid "Favorite"
 msgstr "Favorito"
 
+#. TRANSLATORS: A color name for RGB(201, 136, 121)
+msgid "Feldspar"
+msgstr "Feldspar"
+
 msgid "Flags"
 msgstr "Bandeiras"
 
@@ -123,24 +185,62 @@ msgstr "Global"
 msgid "Go back to the list"
 msgstr "Voltar para a lista"
 
+msgid "Gold"
+msgstr "Ouro"
+
+msgid "Hide details"
+msgstr "Ocultar detalhes"
+
 msgid "Hide password"
-msgstr "Ocultar a senha"
+msgstr "Ocultar palavra-passe"
+
+msgid "invisible"
+msgstr "invisível"
+
+msgid "Keyboard navigation help"
+msgstr "Ajuda à navegação no teclado"
+
+msgid "Light skin tone"
+msgstr "Tom de pele claro"
 
 msgid "Load more \"{options}\""
-msgstr ""
+msgstr "Carregar mais \"{options}\""
+
+#. TRANSLATORS: The button is in a loading state
+msgid "Loading …"
+msgstr "A carregar..."
+
+#. TRANSLATORS: A color name for RGB(45, 115, 190)
+msgid "Mariner"
+msgstr "Mariner"
+
+msgid "Medium dark skin tone"
+msgstr "Tom de pele escuro médio"
+
+msgid "Medium light skin tone"
+msgstr "Tom de pele claro médio"
+
+msgid "Medium skin tone"
+msgstr "Tom de pele médio"
 
 msgid "Message limit of {count} characters reached"
 msgstr "Atingido o limite de {count} carateres da mensagem."
 
 msgid "More items …"
-msgstr "Mais itens …"
+msgstr "Mais itens…"
 
 msgid "More options"
 msgstr "Mais opções"
 
+msgid "Neutral skin color"
+msgstr "Cor de pele neutra"
+
 msgid "Next"
 msgstr "Seguinte"
 
+msgid "Nextcloud blue"
+msgstr "Nextcloud azul"
+
 msgid "No emoji found"
 msgstr "Nenhum emoji encontrado"
 
@@ -153,8 +253,15 @@ msgstr "Sem resultados"
 msgid "Objects"
 msgstr "Objetos"
 
-msgid "Open contact menu"
-msgstr "Abrir o menu de contato"
+msgid "offline"
+msgstr "offline"
+
+#. TRANSLATORS: A color name for RGB(165, 184, 114)
+msgid "Olivine"
+msgstr "Olivine"
+
+msgid "online"
+msgstr "online"
 
 msgid "Open link to \"{resourceName}\""
 msgstr "Abrir link para \"{resourceName}\""
@@ -162,14 +269,17 @@ msgstr "Abrir link para \"{resourceName}\""
 msgid "Open menu"
 msgstr "Abrir menu"
 
-msgid "Open navigation"
-msgstr "Abrir navegação"
+msgid "Open navigation {shortcut}"
+msgstr "Abrir navegação {shortcut}"
+
+msgid "Open sidebar"
+msgstr "Abrir barra lateral"
 
-msgid "Open settings menu"
-msgstr "Abrir menu de configurações"
+msgid "Options"
+msgstr "Opções"
 
 msgid "Password is secure"
-msgstr "A senha é segura"
+msgstr "A palavra-passe é segura"
 
 msgid "Pause slideshow"
 msgstr "Pausar diaporama"
@@ -181,13 +291,13 @@ msgid "Pick a date"
 msgstr "Escolha uma data"
 
 msgid "Pick a date and a time"
-msgstr "Escolha uma data e um horário"
+msgstr "Escolha uma data e uma hora"
 
 msgid "Pick a month"
 msgstr "Escolha um mês"
 
 msgid "Pick a time"
-msgstr "Escolha um horário"
+msgstr "Escolha uma hora"
 
 msgid "Pick a week"
 msgstr "Escolha uma semana"
@@ -205,7 +315,10 @@ msgid "Previous"
 msgstr "Anterior"
 
 msgid "Provider icon"
-msgstr "Icon do fornecedor"
+msgstr "Ícone do fornecedor"
+
+msgid "Purple"
+msgstr "Púrpura"
 
 msgid "Raw link {options}"
 msgstr "Link inicial {options}"
@@ -213,15 +326,34 @@ msgstr "Link inicial {options}"
 msgid "Related resources"
 msgstr "Recursos relacionados"
 
+msgid "Related team resources"
+msgstr "Recursos relacionados com a equipa"
+
+msgid "Rename project"
+msgstr "Alterar nome do projeto"
+
+#. TRANSLATORS: A color name for RGB(191, 103, 139)
+msgid "Rosy brown"
+msgstr "Castanho rosado"
+
+msgid "Save changes"
+msgstr "Gravar alterações"
+
 msgid "Search"
 msgstr "Pesquisar"
 
 msgid "Search emoji"
 msgstr "Pesquisar emoji"
 
+msgid "Search for time zone"
+msgstr "Pesquisar fuso horário"
+
 msgid "Search results"
 msgstr "Resultados da pesquisa"
 
+msgid "Search…"
+msgstr "Procurar..."
+
 #. FOR TRANSLATORS: If possible in your language an even shorter version of 'a
 #. few seconds ago'
 msgid "sec. ago"
@@ -235,10 +367,10 @@ msgid "Select a tag"
 msgstr "Selecionar uma etiqueta"
 
 msgid "Select provider"
-msgstr "Escolha de fornecedor"
+msgstr "Selecionar fornecedor"
 
 msgid "Selected"
-msgstr ""
+msgstr "Selecionado"
 
 msgid "Settings"
 msgstr "Definições"
@@ -246,8 +378,20 @@ msgstr "Definições"
 msgid "Settings navigation"
 msgstr "Navegação de configurações"
 
+msgid "Show details"
+msgstr "Ver detalhes"
+
 msgid "Show password"
-msgstr "Mostrar senha"
+msgstr "Mostrar palavra-passe"
+
+msgid "Skin tone"
+msgstr "Tom de pele"
+
+msgid "Skip to app navigation"
+msgstr "Saltar para navegação da app"
+
+msgid "Skip to main content"
+msgstr "Saltar para conteúdo principal"
 
 msgid "Smart Picker"
 msgstr "Smart Picker"
@@ -268,7 +412,10 @@ msgid "Symbols"
 msgstr "Símbolos"
 
 msgid "Travel & Places"
-msgstr "Viagem e Lugares"
+msgstr "Viagens e Lugares"
+
+msgid "Type to search for existing projects"
+msgstr "Digite para procurar projetos existentes"
 
 msgid "Type to search time zone"
 msgstr "Digite para pesquisar o fuso horário "
@@ -279,5 +426,15 @@ msgstr "Não é possível pesquisar o grupo"
 msgid "Undo changes"
 msgstr "Anular alterações"
 
+msgid "User status: {status}"
+msgstr "Estado do utilizador: {status}"
+
+msgid "View team"
+msgstr "Ver equipa"
+
+#. TRANSLATORS: A color name for RGB(211, 169, 103)
+msgid "Whiskey"
+msgstr "Whiskey"
+
 msgid "Write a message …"
-msgstr ""
+msgstr "Escreva uma mensagem..."
diff --git a/l10n/sk.pot b/l10n/sk.pot
index f1827ca5fd..dd459b574b 100644
--- a/l10n/sk.pot
+++ b/l10n/sk.pot
@@ -1,11 +1,11 @@
 # 
 # Translators:
 # Stanislav Prekop <prekop3@gmail.com>, 2024
-# Tomas Rusnak <linkermail@gmail.com>, 2024
+# Tomas Rusnak <linkermail@gmail.com>, 2025
 # 
 msgid ""
 msgstr ""
-"Last-Translator: Tomas Rusnak <linkermail@gmail.com>, 2024\n"
+"Last-Translator: Tomas Rusnak <linkermail@gmail.com>, 2025\n"
 "Language-Team: Slovak (Slovakia) (https://app.transifex.com/nextcloud/teams/64236/sk_SK/)\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Language: sk_SK\n"
@@ -267,8 +267,8 @@ msgstr "Otvoriť link v \"{resourceName}\""
 msgid "Open menu"
 msgstr "Otvoriť menu"
 
-msgid "Open navigation"
-msgstr "Otvoriť navigáciu"
+msgid "Open navigation {shortcut}"
+msgstr "Otvoriť navigáciu {shortcut}"
 
 msgid "Open sidebar"
 msgstr "Otvoriť bočný panel"
diff --git a/l10n/uz.pot b/l10n/uz.pot
index cca26c8150..c134687a76 100644
--- a/l10n/uz.pot
+++ b/l10n/uz.pot
@@ -1,279 +1,438 @@
 # 
 # Translators:
-# Transifex Bot <>, 2023
+# Khurshid Ibatov <Khurshid.Ibatov@tibbiysugurta.uz>, 2025
 # 
 msgid ""
 msgstr ""
-"Last-Translator: Transifex Bot <>, 2023\n"
+"Last-Translator: Khurshid Ibatov <Khurshid.Ibatov@tibbiysugurta.uz>, 2025\n"
 "Language-Team: Uzbek (https://app.transifex.com/nextcloud/teams/64236/uz/)\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Language: uz\n"
 "Plural-Forms: nplurals=1; plural=0;\n"
 
 msgid "{tag} (invisible)"
-msgstr ""
+msgstr "{tag} (ko'rinmas)"
 
 msgid "{tag} (restricted)"
-msgstr ""
+msgstr "{tag} (cheklangan)"
+
+msgid "A color with a HEX value {hex}"
+msgstr "HEX qiymatiga ega rang {hex}"
 
 msgid "a few seconds ago"
-msgstr ""
+msgstr "bir necha soniya oldin"
 
-msgid "Actions"
-msgstr ""
+#. TRANSLATORS: A color name for RGB(110, 166, 143)
+msgid "Acapulco"
+msgstr "Akapulko"
 
-msgid "Actions for item with name \"{name}\""
-msgstr ""
+msgid "Actions"
+msgstr "Harakatlar"
 
 msgid "Activities"
-msgstr ""
+msgstr "Faolliklar"
+
+msgid "Add to a project"
+msgstr "Loyihaga qo'shish"
 
 msgid "Animals & Nature"
-msgstr ""
+msgstr "Hayvonlar va Tabiat"
 
 msgid "Any link"
-msgstr ""
+msgstr "Har qanday havola"
 
 msgid "Anything shared with the same group of people will show up here"
 msgstr ""
+"Xuddi shu guruhdagi odamlarga ulashilgan hamma narsa shu yerda chiqadi"
 
 msgid "Avatar of {displayName}"
-msgstr ""
+msgstr " {displayName}Avatari"
 
 msgid "Avatar of {displayName}, {status}"
-msgstr ""
+msgstr "{displayName}, {status} Avatari"
+
+#. TRANSLATORS: User status if the user is currently away from keyboard
+msgid "away"
+msgstr "uzoqda"
 
 msgid "Back"
-msgstr ""
+msgstr "Orqaga"
 
 msgid "Back to provider selection"
-msgstr ""
+msgstr "Provayder tanloviga qaytish"
+
+#. TRANSLATORS: A color name for RGB(91, 100, 179)
+msgid "Blue Violet"
+msgstr "Moviy binafsha"
+
+#. TRANSLATORS: A color name for RGB(55, 148, 172)
+msgid "Boston Blue"
+msgstr "Boston ko'k"
+
+msgid "busy"
+msgstr "band"
 
 msgid "Cancel changes"
-msgstr ""
+msgstr "O'zgarishlarni bekor qilish"
 
 msgid "Change name"
-msgstr ""
+msgstr "Ismni o'zgartirish"
 
 msgid "Choose"
-msgstr ""
+msgstr "Tanlang"
 
 msgid "Clear search"
-msgstr ""
+msgstr "Qidiruvni tozalash"
+
+msgid "Clear selected"
+msgstr "Tanlanganni tozalash"
 
 msgid "Clear text"
-msgstr ""
+msgstr "Matnni tozalash"
 
 msgid "Close"
-msgstr ""
-
-msgid "Close modal"
-msgstr ""
+msgstr "Yopish"
 
 msgid "Close navigation"
-msgstr ""
+msgstr "Navigatsiyani yopish"
 
 msgid "Close sidebar"
-msgstr ""
+msgstr "Yon panelni yoping"
 
 msgid "Close Smart Picker"
-msgstr ""
+msgstr "Smart Picker-ni yoping"
 
 msgid "Collapse menu"
-msgstr ""
+msgstr "Menyuni yig‘ish"
+
+msgid "Color picker"
+msgstr "Rang tanlagich"
 
 msgid "Confirm changes"
-msgstr ""
+msgstr "O'zgarishlarni tasdiqlang"
+
+msgid "Connect items to a project to make them easier to find"
+msgstr "Elementlarni topishni osonlashtirish uchun ularni loyihaga ulang"
 
 msgid "Custom"
-msgstr ""
+msgstr "Moslashtirilgan"
+
+msgid "Dark skin tone"
+msgstr "Qora rangdagi qoplama"
+
+#. TRANSLATORS: A color name for RGB(136, 85, 168)
+msgid "Deluge"
+msgstr "To'fon"
+
+msgid "Deselect {option}"
+msgstr "{option}tanlovni bekor qiling"
+
+msgid "do not disturb"
+msgstr "bezovta qilmang"
 
 msgid "Edit item"
-msgstr ""
+msgstr "Elementni tahrirlash"
+
+msgid "Emoji picker"
+msgstr "Emoji tanlagich"
+
+msgid "Enable interactive view"
+msgstr "Interaktiv ko'rinishni yoqing"
 
 msgid "Enter link"
-msgstr ""
+msgstr "Havolani kiriting"
 
 msgid ""
 "Error getting related resources. Please contact your system administrator if"
 " you have any questions."
 msgstr ""
+"Tegishli manbalarni olishda xatolik yuz berdi. Savollaringiz bo'lsa, tizim "
+"administratoriga murojaat qiling."
 
 msgid "External documentation for {name}"
-msgstr ""
+msgstr "{name}uchun tashqi hujjatlar"
+
+msgid "Failed to add the item to the project"
+msgstr "Ob'ektni loyihaga qo'shib bo'lmadi"
+
+msgid "Failed to create a project"
+msgstr "Loyiha yaratib bo‘lmadi"
+
+msgid "Failed to rename the project"
+msgstr "Loyiha nomini o‘zgartirib bo‘lmadi"
 
 msgid "Favorite"
-msgstr ""
+msgstr "Tanlangan"
+
+#. TRANSLATORS: A color name for RGB(201, 136, 121)
+msgid "Feldspar"
+msgstr "Feldspar"
 
 msgid "Flags"
-msgstr ""
+msgstr "Bayroqlar"
 
 msgid "Food & Drink"
-msgstr ""
+msgstr "Oziq-ovqat va ichimliklar"
 
 msgid "Frequently used"
-msgstr ""
+msgstr "Tez-tez ishlatiladi"
 
 msgid "Global"
-msgstr ""
+msgstr "Global"
 
 msgid "Go back to the list"
-msgstr ""
+msgstr "Ro'yxatga qayting"
+
+msgid "Gold"
+msgstr "Oltin"
+
+msgid "Hide details"
+msgstr "Tafsilotlarni yashirish"
 
 msgid "Hide password"
-msgstr ""
+msgstr "Parolni yashirish"
 
-msgid "Load more \"{options}\"\""
-msgstr ""
+msgid "invisible"
+msgstr "ko'rinmas"
+
+msgid "Keyboard navigation help"
+msgstr "Klaviatura navigatsiyasi yordami"
+
+msgid "Light skin tone"
+msgstr "Yorug` rangdagi qoplama"
+
+msgid "Load more \"{options}\""
+msgstr "Ko'proq yuklash \"{options}\""
+
+#. TRANSLATORS: The button is in a loading state
+msgid "Loading …"
+msgstr "Yuklanmoqda..."
+
+#. TRANSLATORS: A color name for RGB(45, 115, 190)
+msgid "Mariner"
+msgstr "Dengizchi"
+
+msgid "Medium dark skin tone"
+msgstr "O`rtacha qorong`u rangdagi qoplama"
+
+msgid "Medium light skin tone"
+msgstr "O`rtacha yorug`lik rangdagi qoplama"
+
+msgid "Medium skin tone"
+msgstr "O`rtacha rangdagi qoplama"
 
 msgid "Message limit of {count} characters reached"
-msgstr ""
+msgstr "Xabar chegarasi {count}belgilarga erishildi"
 
 msgid "More items …"
-msgstr ""
+msgstr "Ko`proq tafsilotlar..."
 
 msgid "More options"
-msgstr ""
+msgstr "Boshqa variantlar"
+
+msgid "Neutral skin color"
+msgstr "Neytral rang"
 
 msgid "Next"
-msgstr ""
+msgstr "Keyingi"
+
+msgid "Nextcloud blue"
+msgstr "Ko'k Nextcloud "
 
 msgid "No emoji found"
-msgstr ""
+msgstr "Hech qanday emoji topilmadi"
 
 msgid "No link provider found"
-msgstr ""
+msgstr "Hech qanday havola provayderi topilmadi"
 
 msgid "No results"
-msgstr ""
+msgstr "Natija yoʻq"
 
 msgid "Objects"
-msgstr ""
+msgstr "Obyekt"
 
-msgid "Open contact menu"
-msgstr ""
+msgid "offline"
+msgstr "offline"
+
+#. TRANSLATORS: A color name for RGB(165, 184, 114)
+msgid "Olivine"
+msgstr "Olivine"
+
+msgid "online"
+msgstr "online"
 
 msgid "Open link to \"{resourceName}\""
-msgstr ""
+msgstr " \"{resourceName}\" ga havolani ochish"
 
 msgid "Open menu"
-msgstr ""
+msgstr "Menyuni oching"
 
-msgid "Open navigation"
-msgstr ""
+msgid "Open navigation {shortcut}"
+msgstr " {shortcut} navigatsiyani oching"
 
-msgid "Open settings menu"
-msgstr ""
+msgid "Open sidebar"
+msgstr "Yon panelni oching"
+
+msgid "Options"
+msgstr "Variantlar"
 
 msgid "Password is secure"
-msgstr ""
+msgstr "Parol xavfsiz"
 
 msgid "Pause slideshow"
-msgstr ""
+msgstr "Slayd-shouni to'xtatib turish"
 
 msgid "People & Body"
-msgstr ""
+msgstr "Odamlar va Tana"
 
 msgid "Pick a date"
-msgstr ""
+msgstr "Sana tanlang"
 
 msgid "Pick a date and a time"
-msgstr ""
+msgstr "Sana va vaqtni tanlang"
 
 msgid "Pick a month"
-msgstr ""
+msgstr "Oyni tanlang"
 
 msgid "Pick a time"
-msgstr ""
+msgstr "Vaqtni tanlang"
 
 msgid "Pick a week"
-msgstr ""
+msgstr "Haftani tanlang"
 
 msgid "Pick a year"
-msgstr ""
+msgstr "Yilni tanlang"
 
 msgid "Pick an emoji"
-msgstr ""
+msgstr "Emojini tanlang"
 
 msgid "Please select a time zone:"
-msgstr ""
+msgstr "Vaqt mintaqasini tanlang:"
 
 msgid "Previous"
-msgstr ""
+msgstr "Oldingi"
 
 msgid "Provider icon"
-msgstr ""
+msgstr "Provayder belgisi"
+
+msgid "Purple"
+msgstr "Binafsha"
 
 msgid "Raw link {options}"
-msgstr ""
+msgstr " {options}satr havolasi"
 
 msgid "Related resources"
-msgstr ""
+msgstr "Tegishli manbalar"
+
+msgid "Related team resources"
+msgstr "Tegishli jamoa resurslari"
+
+msgid "Rename project"
+msgstr "Loyiha nomini o'zgartirish"
+
+#. TRANSLATORS: A color name for RGB(191, 103, 139)
+msgid "Rosy brown"
+msgstr "Qizil jigarrang"
+
+msgid "Save changes"
+msgstr "O'zgarishlarni saqlang"
 
 msgid "Search"
-msgstr ""
+msgstr "Qidiruv"
 
 msgid "Search emoji"
-msgstr ""
+msgstr "Emoji qidirish"
+
+msgid "Search for time zone"
+msgstr "Vaqt mintaqasini qidiring"
 
 msgid "Search results"
-msgstr ""
+msgstr "Qidiruv natijalari"
+
+msgid "Search…"
+msgstr "Qidiruv…"
 
 #. FOR TRANSLATORS: If possible in your language an even shorter version of 'a
 #. few seconds ago'
 msgid "sec. ago"
-msgstr ""
+msgstr "sek. oldin"
 
 #. FOR TRANSLATORS: Shorter version of 'a few seconds ago'
 msgid "seconds ago"
-msgstr ""
+msgstr "soniyalar oldin"
 
 msgid "Select a tag"
-msgstr ""
+msgstr "Teg tanlang"
 
 msgid "Select provider"
-msgstr ""
+msgstr "Provayderni tanlang"
+
+msgid "Selected"
+msgstr "Tanlangan"
 
 msgid "Settings"
-msgstr ""
+msgstr "Sozlamalar"
 
 msgid "Settings navigation"
-msgstr ""
+msgstr "Sozlamalar navigatsiyasi"
+
+msgid "Show details"
+msgstr "Tafsilotlarni ko'rsatish"
 
 msgid "Show password"
-msgstr ""
+msgstr "Parolni ko'rsatish"
+
+msgid "Skin tone"
+msgstr "Odatiy rangdagi qoplama"
+
+msgid "Skip to app navigation"
+msgstr "Ilova navigatsiyasiga oʻtish"
+
+msgid "Skip to main content"
+msgstr "Asosiy tarkibga o'tish"
 
 msgid "Smart Picker"
-msgstr ""
+msgstr "Aqlli tanlovchi"
 
 msgid "Smileys & Emotion"
-msgstr ""
+msgstr "Smayllar va Hissiyotlar"
 
 msgid "Start slideshow"
-msgstr ""
+msgstr "Slayd-shouni boshlash"
 
 msgid "Start typing to search"
-msgstr ""
+msgstr "Qidirish uchun yozishni boshlang"
 
 msgid "Submit"
-msgstr ""
+msgstr "Yuborish"
 
 msgid "Symbols"
-msgstr ""
+msgstr "Belgilar"
 
 msgid "Travel & Places"
-msgstr ""
+msgstr "Sayohat va Joylar"
+
+msgid "Type to search for existing projects"
+msgstr "Mavjud loyihalarni qidirish uchun kiriting"
 
 msgid "Type to search time zone"
-msgstr ""
+msgstr "Vaqt mintaqasini qidirish uchun kiriting"
 
 msgid "Unable to search the group"
-msgstr ""
+msgstr "Guruhni qidirish imkonsiz"
 
 msgid "Undo changes"
-msgstr ""
+msgstr "O'zgarishlarni bekor qilish"
 
-msgid ""
-"Write message, use \"@\" to mention someone, use \":\" for emoji "
-"autocompletion …"
-msgstr ""
+msgid "User status: {status}"
+msgstr "Foydalanuvchi holati: {status}"
+
+msgid "View team"
+msgstr "Jamoani ko'rish"
+
+#. TRANSLATORS: A color name for RGB(211, 169, 103)
+msgid "Whiskey"
+msgstr "Whiskey"
+
+msgid "Write a message …"
+msgstr "Xabar yozish…"
diff --git a/package-lock.json b/package-lock.json
index 202a93f91e..bd8164e7e8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@nextcloud/vue",
-  "version": "8.23.1",
+  "version": "8.26.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@nextcloud/vue",
-      "version": "8.23.1",
+      "version": "8.26.1",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "@floating-ui/dom": "^1.1.0",
@@ -15,30 +15,31 @@
         "@nextcloud/axios": "^2.5.0",
         "@nextcloud/browser-storage": "^0.4.0",
         "@nextcloud/capabilities": "^1.2.0",
-        "@nextcloud/event-bus": "^3.3.1",
+        "@nextcloud/event-bus": "^3.3.2",
         "@nextcloud/initial-state": "^2.2.0",
         "@nextcloud/l10n": "^3.2.0",
         "@nextcloud/logger": "^3.0.2",
         "@nextcloud/router": "^3.0.1",
         "@nextcloud/sharing": "^0.2.3",
-        "@nextcloud/timezones": "^0.1.1",
+        "@nextcloud/timezones": "^0.2.0",
         "@nextcloud/vue-select": "^3.25.1",
         "@vueuse/components": "^11.0.0",
         "@vueuse/core": "^11.0.0",
+        "blurhash": "^2.0.5",
         "clone": "^2.1.2",
         "debounce": "^2.2.0",
         "dompurify": "^3.2.4",
-        "emoji-mart-vue-fast": "^15.0.1",
+        "emoji-mart-vue-fast": "^15.0.4",
         "escape-html": "^1.0.3",
         "floating-vue": "^1.0.0-beta.19",
         "focus-trap": "^7.4.3",
         "linkify-string": "^4.0.0",
         "md5": "^2.3.0",
+        "p-queue": "^8.1.0",
         "rehype-external-links": "^3.0.0",
         "rehype-highlight": "^7.0.2",
         "rehype-react": "^7.1.2",
         "remark-breaks": "^4.0.0",
-        "remark-gfm": "^4.0.1",
         "remark-parse": "^11.0.0",
         "remark-rehype": "^11.0.0",
         "splitpanes": "^2.4.1",
@@ -57,27 +58,27 @@
       },
       "devDependencies": {
         "@babel/plugin-syntax-import-assertions": "^7.22.5",
-        "@babel/preset-typescript": "^7.22.5",
+        "@babel/preset-typescript": "^7.27.0",
         "@cypress/vue2": "^2.0.1",
-        "@fontsource/roboto": "^5.1.0",
+        "@fontsource/roboto": "^5.2.5",
         "@jest/globals": "^29.7.0",
         "@mdi/js": "file:../nc-mdi-js",
         "@mdi/svg": "file:../nc-mdi-svg/dist",
         "@nextcloud/babel-config": "^1.2.0",
         "@nextcloud/browserslist-config": "^3.0.1",
-        "@nextcloud/eslint-config": "^8.4.1",
+        "@nextcloud/eslint-config": "^8.4.2",
         "@nextcloud/stylelint-config": "^3.0.1",
-        "@nextcloud/vite-config": "^1.5.2",
+        "@nextcloud/vite-config": "^1.5.3",
         "@nextcloud/webpack-vue-config": "^6.2.0",
         "@testing-library/cypress": "^10.0.2",
-        "@types/gettext-parser": "^4.0.4",
+        "@types/gettext-parser": "^8.0.0",
         "@types/jest": "^29.5.5",
         "@vue/test-utils": "^1.3.0",
         "@vue/tsconfig": "^0.5.1",
         "@vue/vue2-jest": "^29.0.0",
         "babel-jest": "^29.0.1",
         "babel-loader-exclude-node-modules-except": "^1.2.1",
-        "core-js": "^3.36.1",
+        "core-js": "^3.41.0",
         "cypress": "^13.6.5",
         "cypress-visual-regression": "^5.0.0",
         "eslint-plugin-cypress": "^3.0.0",
@@ -90,19 +91,20 @@
         "jest-raw-loader": "^1.0.1",
         "jest-serializer-vue": "^3.1.0",
         "jest-transform-stub": "^2.0.0",
+        "remark-gfm": "^4.0.1",
         "resolve-url-loader": "^5.0.0",
         "sanitize-filename": "^1.6.3",
-        "sass": "^1.84.0",
+        "sass": "^1.86.1",
         "stylelint-use-logical": "^2.1.2",
         "ts-node": "^10.9.1",
-        "typescript": "^5.0.4",
+        "typescript": "^5.8.2",
         "url-loader": "^4.1.1",
-        "vite": "^5.0.10",
-        "vue-eslint-parser": "^9.0.3",
+        "vite": "^6.2.4",
+        "vue-eslint-parser": "^10.1.1",
         "vue-material-design-icons": "file:../nc-vue-material-design-icons/dist",
         "vue-styleguidist": "~4.72.0",
         "vue-template-compiler": "^2.7.16",
-        "webpack": "^5.97.1",
+        "webpack": "^5.98.0",
         "webpack-merge": "^6.0.1"
       },
       "engines": {
@@ -176,19 +178,24 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/highlight": "^7.25.9",
-        "picocolors": "^1.0.0"
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.24.4",
+      "version": "7.26.8",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.8.tgz",
+      "integrity": "sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -196,20 +203,22 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.24.5",
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.9.tgz",
+      "integrity": "sha512-lWBYIrF7qK5+GjY5Uy+/hEgp8OJWOD/rpy74GplYRhEauvbHDeFB8t5hPOZxCZ0Oxf4Cc36tK51/l3ymJysrKw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.24.2",
-        "@babel/generator": "^7.24.5",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-module-transforms": "^7.24.5",
-        "@babel/helpers": "^7.24.5",
-        "@babel/parser": "^7.24.5",
-        "@babel/template": "^7.24.0",
-        "@babel/traverse": "^7.24.5",
-        "@babel/types": "^7.24.5",
+        "@babel/code-frame": "^7.26.2",
+        "@babel/generator": "^7.26.9",
+        "@babel/helper-compilation-targets": "^7.26.5",
+        "@babel/helper-module-transforms": "^7.26.0",
+        "@babel/helpers": "^7.26.9",
+        "@babel/parser": "^7.26.9",
+        "@babel/template": "^7.26.9",
+        "@babel/traverse": "^7.26.9",
+        "@babel/types": "^7.26.9",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -243,11 +252,14 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.1.tgz",
+      "integrity": "sha512-UnJfnIpc/+JO0/+KRVQNGU+y5taA5vCbwN8+azkX6beii/ZF+enZJSOKo11ZSzGJjlNfJHfQtmQT8H+9TXPG2w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.25.9",
+        "@babel/parser": "^7.27.1",
+        "@babel/types": "^7.27.1",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
         "jsesc": "^3.0.2"
@@ -257,11 +269,13 @@
       }
     },
     "node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.1.tgz",
+      "integrity": "sha512-WnuuDILl9oOBbKnb4L+DyODx7iC47XfzmNCpTttFsSp6hTG7XZxu60+4IO+2/hPfcGOoKbFiwoI/+zwARbNQow==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.25.9"
+        "@babel/types": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -280,13 +294,15 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.23.6",
+      "version": "7.26.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.26.5.tgz",
+      "integrity": "sha512-IXuyn5EkouFJscIDuFF5EsiSolseme1s0CZB+QxVugqJLYmKdxI1VfIBOst0SUu4rnk2Z7kqTwmoO1lp3HIfnA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.23.5",
-        "@babel/helper-validator-option": "^7.23.5",
-        "browserslist": "^4.22.2",
+        "@babel/compat-data": "^7.26.5",
+        "@babel/helper-validator-option": "^7.25.9",
+        "browserslist": "^4.24.0",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -295,16 +311,18 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz",
+      "integrity": "sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "@babel/helper-member-expression-to-functions": "^7.25.9",
-        "@babel/helper-optimise-call-expression": "^7.25.9",
-        "@babel/helper-replace-supers": "^7.25.9",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
-        "@babel/traverse": "^7.25.9",
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/traverse": "^7.27.1",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -385,38 +403,43 @@
       }
     },
     "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz",
+      "integrity": "sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.1.tgz",
+      "integrity": "sha512-9yHn519/8KvTU5BjTVEEeIM3w9/2yXNKoD82JifINImhpKkARMJKPP59kLo+BafpdN5zgNeIcS4jsGDmd3l58g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.25.9",
-        "@babel/helper-simple-access": "^7.25.9",
-        "@babel/helper-validator-identifier": "^7.25.9",
-        "@babel/traverse": "^7.25.9"
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -426,18 +449,22 @@
       }
     },
     "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+      "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.25.9"
+        "@babel/types": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -462,13 +489,15 @@
       }
     },
     "node_modules/@babel/helper-replace-supers": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
+      "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-member-expression-to-functions": "^7.25.9",
-        "@babel/helper-optimise-call-expression": "^7.25.9",
-        "@babel/traverse": "^7.25.9"
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -477,25 +506,15 @@
         "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/helper-simple-access": {
-      "version": "7.25.9",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+      "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -514,21 +533,27 @@
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -550,37 +575,26 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.24.5",
+      "version": "7.26.10",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.10.tgz",
+      "integrity": "sha512-UPYc3SauzZ3JGgj87GgZ89JVdC5dj0AoetR5Bw6wj4niittNyFh6+eOGonYvJ1ao6B8lEa3Q3klS7ADZ53bc5g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/template": "^7.24.0",
-        "@babel/traverse": "^7.24.5",
-        "@babel/types": "^7.24.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight": {
-      "version": "7.25.9",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.25.9",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0",
-        "picocolors": "^1.0.0"
+        "@babel/template": "^7.26.9",
+        "@babel/types": "^7.26.10"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.1.tgz",
+      "integrity": "sha512-I0dZ3ZpCrJ1c04OqlNsQcKiZlsrXf/kkE4FXzID9rIOYICsAbA8mMDzhW/luRNAHdCNt7os/u8wenklZDlUVUQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.25.9"
+        "@babel/types": "^7.27.1"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -738,11 +752,13 @@
       }
     },
     "node_modules/@babel/plugin-syntax-import-assertions": {
-      "version": "7.26.0",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz",
+      "integrity": "sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -789,11 +805,13 @@
       }
     },
     "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz",
+      "integrity": "sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -898,11 +916,13 @@
       }
     },
     "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz",
+      "integrity": "sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1284,13 +1304,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz",
+      "integrity": "sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-simple-access": "^7.25.9"
+        "@babel/helper-module-transforms": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1635,15 +1656,17 @@
       }
     },
     "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.27.1.tgz",
+      "integrity": "sha512-Q5sT5+O4QUebHdbwKedFBEwRLb02zJ7r4A5Gg2hUoLuU3FjdMcyqcywqUrLCaDsFCxzokf7u9kuy7qz51YUuAg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "@babel/helper-create-class-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
-        "@babel/plugin-syntax-typescript": "^7.25.9"
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-syntax-typescript": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1825,15 +1848,17 @@
       }
     },
     "node_modules/@babel/preset-typescript": {
-      "version": "7.26.0",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.27.1.tgz",
+      "integrity": "sha512-l7WfQfX0WK4M0v2RudjuQK4u99BS6yLHYEmdtVPP7lKV013zr9DygFuWNlnbvQ9LR+LS0Egz/XAvGx5U9MX0fQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-validator-option": "^7.25.9",
-        "@babel/plugin-syntax-jsx": "^7.25.9",
-        "@babel/plugin-transform-modules-commonjs": "^7.25.9",
-        "@babel/plugin-transform-typescript": "^7.25.9"
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/plugin-transform-modules-commonjs": "^7.27.1",
+        "@babel/plugin-transform-typescript": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1849,7 +1874,9 @@
       "peer": true
     },
     "node_modules/@babel/runtime": {
-      "version": "7.24.0",
+      "version": "7.26.10",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.10.tgz",
+      "integrity": "sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==",
       "license": "MIT",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -1863,28 +1890,32 @@
       "license": "MIT"
     },
     "node_modules/@babel/template": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.1.tgz",
+      "integrity": "sha512-Fyo3ghWMqkHHpHQCoBs2VnYjR4iWFFjguTDEqA5WgZDOrFesVjMhMM2FSqTKSoUSDO1VQtavj8NFpdRBEvJTtg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.25.9",
-        "@babel/parser": "^7.25.9",
-        "@babel/types": "^7.25.9"
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.1",
+        "@babel/types": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.1.tgz",
+      "integrity": "sha512-ZCYtZciz1IWJB4U61UPu4KEaqyfj+r5T1Q5mqPo+IBpcG9kHv30Z0aD8LXPgC1trYa6rK0orRyAhqUgk4MjmEg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.25.9",
-        "@babel/generator": "^7.25.9",
-        "@babel/parser": "^7.25.9",
-        "@babel/template": "^7.25.9",
-        "@babel/types": "^7.25.9",
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.27.1",
+        "@babel/parser": "^7.27.1",
+        "@babel/template": "^7.27.1",
+        "@babel/types": "^7.27.1",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
@@ -1893,11 +1924,13 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.25.9",
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.1.tgz",
+      "integrity": "sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.25.9",
-        "@babel/helper-validator-identifier": "^7.25.9"
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2101,41 +2134,453 @@
         "kuler": "^2.0.0"
       }
     },
-    "node_modules/@discoveryjs/json-ext": {
-      "version": "0.5.7",
+    "node_modules/@discoveryjs/json-ext": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.6.3.tgz",
+      "integrity": "sha512-4B4OijXeVNOPZlYA2oEwWOTkzyltLao+xbotHQeqN++Rv27Y6s818+n2Qkp8q+Fxhn0t/5lA5X1Mxktud8eayQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=14.17.0"
+      }
+    },
+    "node_modules/@dual-bundle/import-meta-resolve": {
+      "version": "4.0.0",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/@es-joy/jsdoccomment": {
+      "version": "0.41.0",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "comment-parser": "1.4.1",
+        "esquery": "^1.5.0",
+        "jsdoc-type-pratt-parser": "~4.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.3.tgz",
+      "integrity": "sha512-W8bFfPA8DowP8l//sxjJLSLkD8iEjMc7cBVyP+u4cEv9sM7mdUCkgsj+t0n/BWPFtv7WWCN5Yzj0N6FJNUUqBQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.3.tgz",
+      "integrity": "sha512-PuwVXbnP87Tcff5I9ngV0lmiSu40xw1At6i3GsU77U7cjDDB4s0X2cyFuBiDa1SBk9DnvWwnGvVaGBqoFWPb7A==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.3.tgz",
+      "integrity": "sha512-XelR6MzjlZuBM4f5z2IQHK6LkK34Cvv6Rj2EntER3lwCBFdg6h2lKbtRjpTTsdEjD/WSe1q8UyPBXP1x3i/wYQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.3.tgz",
+      "integrity": "sha512-ogtTpYHT/g1GWS/zKM0cc/tIebFjm1F9Aw1boQ2Y0eUQ+J89d0jFY//s9ei9jVIlkYi8AfOjiixcLJSGNSOAdQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.3.tgz",
+      "integrity": "sha512-eESK5yfPNTqpAmDfFWNsOhmIOaQA59tAcF/EfYvo5/QWQCzXn5iUSOnqt3ra3UdzBv073ykTtmeLJZGt3HhA+w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.3.tgz",
+      "integrity": "sha512-Kd8glo7sIZtwOLcPbW0yLpKmBNWMANZhrC1r6K++uDR2zyzb6AeOYtI6udbtabmQpFaxJ8uduXMAo1gs5ozz8A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.3.tgz",
+      "integrity": "sha512-EJiyS70BYybOBpJth3M0KLOus0n+RRMKTYzhYhFeMwp7e/RaajXvP+BWlmEXNk6uk+KAu46j/kaQzr6au+JcIw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.3.tgz",
+      "integrity": "sha512-Q+wSjaLpGxYf7zC0kL0nDlhsfuFkoN+EXrx2KSB33RhinWzejOd6AvgmP5JbkgXKmjhmpfgKZq24pneodYqE8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.3.tgz",
+      "integrity": "sha512-dUOVmAUzuHy2ZOKIHIKHCm58HKzFqd+puLaS424h6I85GlSDRZIA5ycBixb3mFgM0Jdh+ZOSB6KptX30DD8YOQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.3.tgz",
+      "integrity": "sha512-xCUgnNYhRD5bb1C1nqrDV1PfkwgbswTTBRbAd8aH5PhYzikdf/ddtsYyMXFfGSsb/6t6QaPSzxtbfAZr9uox4A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.3.tgz",
+      "integrity": "sha512-yplPOpczHOO4jTYKmuYuANI3WhvIPSVANGcNUeMlxH4twz/TeXuzEP41tGKNGWJjuMhotpGabeFYGAOU2ummBw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.3.tgz",
+      "integrity": "sha512-P4BLP5/fjyihmXCELRGrLd793q/lBtKMQl8ARGpDxgzgIKJDRJ/u4r1A/HgpBpKpKZelGct2PGI4T+axcedf6g==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.3.tgz",
+      "integrity": "sha512-eRAOV2ODpu6P5divMEMa26RRqb2yUoYsuQQOuFUexUoQndm4MdpXXDBbUoKIc0iPa4aCO7gIhtnYomkn2x+bag==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.3.tgz",
+      "integrity": "sha512-ZC4jV2p7VbzTlnl8nZKLcBkfzIf4Yad1SJM4ZMKYnJqZFD4rTI+pBG65u8ev4jk3/MPwY9DvGn50wi3uhdaghg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.3.tgz",
+      "integrity": "sha512-LDDODcFzNtECTrUUbVCs6j9/bDVqy7DDRsuIXJg6so+mFksgwG7ZVnTruYi5V+z3eE5y+BJZw7VvUadkbfg7QA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.3.tgz",
+      "integrity": "sha512-s+w/NOY2k0yC2p9SLen+ymflgcpRkvwwa02fqmAwhBRI3SC12uiS10edHHXlVWwfAagYSY5UpmT/zISXPMW3tQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.3.tgz",
+      "integrity": "sha512-nQHDz4pXjSDC6UfOE1Fw9Q8d6GCAd9KdvMZpfVGWSJztYCarRgSDfOVBY5xwhQXseiyxapkiSJi/5/ja8mRFFA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.3.tgz",
+      "integrity": "sha512-1QaLtOWq0mzK6tzzp0jRN3eccmN3hezey7mhLnzC6oNlJoUJz4nym5ZD7mDnS/LZQgkrhEbEiTn515lPeLpgWA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.3.tgz",
+      "integrity": "sha512-i5Hm68HXHdgv8wkrt+10Bc50zM0/eonPb/a/OFVfB6Qvpiirco5gBA5bz7S2SHuU+Y4LWn/zehzNX14Sp4r27g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.3.tgz",
+      "integrity": "sha512-zGAVApJEYTbOC6H/3QBr2mq3upG/LBEXr85/pTtKiv2IXcgKV0RT0QA/hSXZqSvLEpXeIxah7LczB4lkiYhTAQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.3.tgz",
+      "integrity": "sha512-fpqctI45NnCIDKBH5AXQBsD0NDPbEFczK98hk/aa6HJxbl+UtLkJV2+Bvy5hLSLk3LHmqt0NTkKNso1A9y1a4w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.3.tgz",
+      "integrity": "sha512-ROJhm7d8bk9dMCUZjkS8fgzsPAZEjtRJqCAmVgB0gMrvG7hfmPmz9k1rwO4jSiblFjYmNvbECL9uhaPzONMfgA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "peer": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
       "engines": {
-        "node": ">=10.0.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@dual-bundle/import-meta-resolve": {
-      "version": "4.0.0",
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.3.tgz",
+      "integrity": "sha512-YWcow8peiHpNBiIXHwaswPnAXLsLVygFwCB3A7Bh5jRkIBFWHGmNQ48AlX4xDvQNoMZlPYzjVOQDYEzWCqufMQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "peer": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@es-joy/jsdoccomment": {
-      "version": "0.41.0",
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.3.tgz",
+      "integrity": "sha512-qspTZOIGoXVS4DpNqUYUs9UxVb04khS1Degaw/MnfMe7goQ3lTfQ13Vw4qY/Nj0979BGvMRpAYbs/BAxEvU8ew==",
+      "cpu": [
+        "ia32"
+      ],
       "dev": true,
       "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "comment-parser": "1.4.1",
-        "esquery": "^1.5.0",
-        "jsdoc-type-pratt-parser": "~4.0.0"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       }
     },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.24.2",
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.3.tgz",
+      "integrity": "sha512-ICgUR+kPimx0vvRzf+N/7L7tVSQeE3BYY+NhHRHXS1kBuPO7z2+7ea2HbhDyZdTephgvNvKrlDDKUexuCVBVvg==",
       "cpu": [
         "x64"
       ],
@@ -2143,7 +2588,7 @@
       "license": "MIT",
       "optional": true,
       "os": [
-        "linux"
+        "win32"
       ],
       "engines": {
         "node": ">=18"
@@ -2285,28 +2730,38 @@
       }
     },
     "node_modules/@floating-ui/core": {
-      "version": "1.6.0",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.0.tgz",
+      "integrity": "sha512-FRdBLykrPPA6P76GGGqlex/e7fbe0F1ykgxHYNXQsH/iTEtjMj/f9bpY5oQqbjt5VgZvgz/uKXbGuROijh3VLA==",
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/utils": "^0.2.1"
+        "@floating-ui/utils": "^0.2.9"
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.6.13",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.0.tgz",
+      "integrity": "sha512-lGTor4VlXcesUMh1cupTUTDoCxMb0V6bm3CnxHzQcw8Eaf1jQbgQX4i02fYgT0vJ82tb5MZ4CZk1LRGkktJCzg==",
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/core": "^1.6.0",
+        "@floating-ui/core": "^1.7.0",
         "@floating-ui/utils": "^0.2.9"
       }
     },
     "node_modules/@floating-ui/utils": {
       "version": "0.2.9",
+      "license": "MIT",
       "license": "MIT"
     },
     "node_modules/@fontsource/roboto": {
-      "version": "5.1.1",
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@fontsource/roboto/-/roboto-5.2.5.tgz",
+      "integrity": "sha512-70r2UZ0raqLn5W+sPeKhqlf8wGvUXFWlofaDlcbt/S3d06+17gXKr3VNqDODB0I1ASme3dGT5OJj9NABt7OTZQ==",
       "dev": true,
-      "license": "Apache-2.0"
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
     },
     "node_modules/@gar/promisify": {
       "version": "1.1.3",
@@ -3340,36 +3795,40 @@
       "link": true
     },
     "node_modules/@microsoft/api-extractor": {
-      "version": "7.49.1",
+      "version": "7.52.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.52.1.tgz",
+      "integrity": "sha512-m3I5uAwE05orsu3D1AGyisX5KxsgVXB+U4bWOOaX/Z7Ftp/2Cy41qsNhO6LPvSxHBaapyser5dVorF1t5M6tig==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@microsoft/api-extractor-model": "7.30.2",
+        "@microsoft/api-extractor-model": "7.30.4",
         "@microsoft/tsdoc": "~0.15.1",
         "@microsoft/tsdoc-config": "~0.17.1",
-        "@rushstack/node-core-library": "5.10.2",
+        "@rushstack/node-core-library": "5.12.0",
         "@rushstack/rig-package": "0.5.3",
-        "@rushstack/terminal": "0.14.5",
-        "@rushstack/ts-command-line": "4.23.3",
+        "@rushstack/terminal": "0.15.1",
+        "@rushstack/ts-command-line": "4.23.6",
         "lodash": "~4.17.15",
         "minimatch": "~3.0.3",
         "resolve": "~1.22.1",
         "semver": "~7.5.4",
         "source-map": "~0.6.1",
-        "typescript": "5.7.2"
+        "typescript": "5.8.2"
       },
       "bin": {
         "api-extractor": "bin/api-extractor"
       }
     },
     "node_modules/@microsoft/api-extractor-model": {
-      "version": "7.30.2",
+      "version": "7.30.4",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.30.4.tgz",
+      "integrity": "sha512-RobC0gyVYsd2Fao9MTKOfTdBm41P/bCMUmzS5mQ7/MoAKEqy0FOBph3JOYdq4X4BsEnMEiSHc+0NUNmdzxCpjA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@microsoft/tsdoc": "~0.15.1",
         "@microsoft/tsdoc-config": "~0.17.1",
-        "@rushstack/node-core-library": "5.10.2"
+        "@rushstack/node-core-library": "5.12.0"
       }
     },
     "node_modules/@microsoft/api-extractor/node_modules/brace-expansion": {
@@ -3426,7 +3885,9 @@
       }
     },
     "node_modules/@microsoft/api-extractor/node_modules/typescript": {
-      "version": "5.7.2",
+      "version": "5.8.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
+      "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -3558,7 +4019,9 @@
       }
     },
     "node_modules/@nextcloud/eslint-config": {
-      "version": "8.4.1",
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/@nextcloud/eslint-config/-/eslint-config-8.4.2.tgz",
+      "integrity": "sha512-zsDcBxvp2Vr/BgasK/vNYJ84LOXjl4RseJPrcp93zcnaB2WnygV50Sd0nQ5JN0ngTyPjiIlGd92MMzrMTofjRA==",
       "dev": true,
       "license": "AGPL-3.0-or-later",
       "engines": {
@@ -3566,18 +4029,18 @@
         "npm": "^10.0.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.24.5",
+        "@babel/core": "^7.26.9",
         "@babel/eslint-parser": "^7.16.5",
         "@nextcloud/eslint-plugin": "^2.2.1",
         "@vue/eslint-config-typescript": "^13.0.0",
         "eslint": "^8.27.0",
         "eslint-config-standard": "^17.1.0",
         "eslint-import-resolver-exports": "^1.0.0-beta.5",
-        "eslint-import-resolver-typescript": "^3.6.1",
+        "eslint-import-resolver-typescript": "^3.8.0",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jsdoc": "^46.2.6",
         "eslint-plugin-n": "^16.0.0",
-        "eslint-plugin-promise": "^6.1.1",
+        "eslint-plugin-promise": "^6.6.0",
         "eslint-plugin-vue": "^9.7.0",
         "typescript": "^5.0.2"
       }
@@ -3613,11 +4076,13 @@
       }
     },
     "node_modules/@nextcloud/event-bus": {
-      "version": "3.3.1",
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/@nextcloud/event-bus/-/event-bus-3.3.2.tgz",
+      "integrity": "sha512-1Qfs6i7Tz2qd1A33NpBQOt810ydHIRjhyXMFwSEkYX2yUI80lAk/sWO8HIB2Fqp+iffhyviPPcQYoytMDRyDNw==",
       "license": "GPL-3.0-or-later",
       "dependencies": {
-        "@types/node": "^20.12.12",
-        "semver": "^7.6.2"
+        "@types/semver": "^7.5.8",
+        "semver": "^7.6.3"
       },
       "engines": {
         "node": "^20.0.0",
@@ -3625,7 +4090,9 @@
       }
     },
     "node_modules/@nextcloud/event-bus/node_modules/semver": {
-      "version": "7.6.2",
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -3706,14 +4173,15 @@
       }
     },
     "node_modules/@nextcloud/timezones": {
-      "version": "0.1.1",
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@nextcloud/timezones/-/timezones-0.2.0.tgz",
+      "integrity": "sha512-1mwQ+asTFOgv9rxPoAMEbDF8JfnenIa2EGNS+8MATCyi6WXxYh0Lhkaq1d3l2+xNbUPHgMnk4cRYsvIo319lkA==",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
-        "ical.js": "^2.0.1"
+        "ical.js": "^2.1.0"
       },
       "engines": {
-        "node": "^20.0.0",
-        "npm": "^10.0.0"
+        "node": "^20 || ^22"
       }
     },
     "node_modules/@nextcloud/typings": {
@@ -3728,7 +4196,9 @@
       }
     },
     "node_modules/@nextcloud/vite-config": {
-      "version": "1.5.2",
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@nextcloud/vite-config/-/vite-config-1.5.4.tgz",
+      "integrity": "sha512-zU1O+gnmVJgSsdST7cY2D0KWBNBPnoFie8GUBXhRzVFb0P1hlcqIVxdq88h4Wc4pqDx0BHSbeSXpV77s1cZrxw==",
       "dev": true,
       "license": "AGPL-3.0-or-later",
       "dependencies": {
@@ -3737,12 +4207,12 @@
         "browserslist-to-esbuild": "^2.1.1",
         "magic-string": "^0.30.17",
         "rollup-plugin-corejs": "^1.0.1",
-        "rollup-plugin-esbuild-minify": "^1.2.0",
-        "rollup-plugin-license": "^3.5.3",
+        "rollup-plugin-esbuild-minify": "^1.3.0",
+        "rollup-plugin-license": "^3.6.0",
         "rollup-plugin-node-externals": "^8.0.0",
         "spdx-expression-parse": "^4.0.0",
         "vite-plugin-css-injected-by-js": "^3.5.2",
-        "vite-plugin-dts": "^4.5.0",
+        "vite-plugin-dts": "^4.5.3",
         "vite-plugin-node-polyfills": "^0.23.0"
       },
       "engines": {
@@ -3766,8 +4236,11 @@
       }
     },
     "node_modules/@nextcloud/webpack-vue-config": {
-      "version": "6.2.0",
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/@nextcloud/webpack-vue-config/-/webpack-vue-config-6.3.0.tgz",
+      "integrity": "sha512-Reciadvarap6j3d0arMH34zNiXx6d7B5QXDiosV6ZwDu63mR1lSm4ZUdLr6lv4gfmrADmQ5iP7PQMr99MBeTvw==",
       "dev": true,
+      "hasInstallScript": true,
       "license": "AGPL-3.0-or-later",
       "engines": {
         "node": "^20.0.0",
@@ -3775,18 +4248,17 @@
       },
       "peerDependencies": {
         "@babel/core": "^7.22.9",
-        "babel-loader": "^9.1.3",
+        "babel-loader": "^10.0.0",
         "css-loader": "^7.1.1",
         "node-polyfill-webpack-plugin": "4.0.0",
         "sass": "^1.64.2",
         "sass-loader": "^16.0.2",
         "style-loader": "^4.0.0",
         "ts-loader": "^9.4.4",
-        "vue": "^2.7.16",
-        "vue-loader": "^15.10.1",
-        "vue-template-compiler": "^2.7.16",
+        "vue": "^2.7.16 || ^3.5.13",
+        "vue-loader": "^15.11.1 || ^17.4.2",
         "webpack": "^5.88.2",
-        "webpack-cli": "^5.1.4",
+        "webpack-cli": "^6.0.1",
         "webpack-dev-server": "^5.0.2"
       }
     },
@@ -3831,6 +4303,17 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@nolyfill/is-core-module": {
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=12.4.0"
+      }
+    },
     "node_modules/@npmcli/fs": {
       "version": "1.1.1",
       "dev": true,
@@ -4062,8 +4545,220 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.0.tgz",
+      "integrity": "sha512-+Fbls/diZ0RDerhE8kyC6hjADCXA1K4yVNlH0EYfd2XjyH0UGgzaQ8MlT0pCXAThfxv3QUAczHaL+qSv1E4/Cg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.40.0.tgz",
+      "integrity": "sha512-PPA6aEEsTPRz+/4xxAmaoWDqh67N7wFbgFUJGMnanCFs0TV99M0M8QhhaSCks+n6EbQoFvLQgYOGXxlMGQe/6w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.40.0.tgz",
+      "integrity": "sha512-GwYOcOakYHdfnjjKwqpTGgn5a6cUX7+Ra2HeNj/GdXvO2VJOOXCiYYlRFU4CubFM67EhbmzLOmACKEfvp3J1kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.40.0.tgz",
+      "integrity": "sha512-CoLEGJ+2eheqD9KBSxmma6ld01czS52Iw0e2qMZNpPDlf7Z9mj8xmMemxEucinev4LgHalDPczMyxzbq+Q+EtA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.40.0.tgz",
+      "integrity": "sha512-r7yGiS4HN/kibvESzmrOB/PxKMhPTlz+FcGvoUIKYoTyGd5toHp48g1uZy1o1xQvybwwpqpe010JrcGG2s5nkg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.40.0.tgz",
+      "integrity": "sha512-mVDxzlf0oLzV3oZOr0SMJ0lSDd3xC4CmnWJ8Val8isp9jRGl5Dq//LLDSPFrasS7pSm6m5xAcKaw3sHXhBjoRw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.40.0.tgz",
+      "integrity": "sha512-y/qUMOpJxBMy8xCXD++jeu8t7kzjlOCkoxxajL58G62PJGBZVl/Gwpm7JK9+YvlB701rcQTzjUZ1JgUoPTnoQA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.40.0.tgz",
+      "integrity": "sha512-GoCsPibtVdJFPv/BOIvBKO/XmwZLwaNWdyD8TKlXuqp0veo2sHE+A/vpMQ5iSArRUz/uaoj4h5S6Pn0+PdhRjg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.40.0.tgz",
+      "integrity": "sha512-L5ZLphTjjAD9leJzSLI7rr8fNqJMlGDKlazW2tX4IUF9P7R5TMQPElpH82Q7eNIDQnQlAyiNVfRPfP2vM5Avvg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.40.0.tgz",
+      "integrity": "sha512-ATZvCRGCDtv1Y4gpDIXsS+wfFeFuLwVxyUBSLawjgXK2tRE6fnsQEkE4csQQYWlBlsFztRzCnBvWVfcae/1qxQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.40.0.tgz",
+      "integrity": "sha512-wG9e2XtIhd++QugU5MD9i7OnpaVb08ji3P1y/hNbxrQ3sYEelKJOq1UJ5dXczeo6Hj2rfDEL5GdtkMSVLa/AOg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.40.0.tgz",
+      "integrity": "sha512-vgXfWmj0f3jAUvC7TZSU/m/cOE558ILWDzS7jBhiCAFpY2WEBn5jqgbqvmzlMjtp8KlLcBlXVD2mkTSEQE6Ixw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.40.0.tgz",
+      "integrity": "sha512-uJkYTugqtPZBS3Z136arevt/FsKTF/J9dEMTX/cwR7lsAW4bShzI2R0pJVw+hcBTWF4dxVckYh72Hk3/hWNKvA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.40.0.tgz",
+      "integrity": "sha512-rKmSj6EXQRnhSkE22+WvrqOqRtk733x3p5sWpZilhmjnkHkpeCgWsFFo0dGnUGeA+OZjRl3+VYq+HyCOEuwcxQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.40.0.tgz",
+      "integrity": "sha512-SpnYlAfKPOoVsQqmTFJ0usx0z84bzGOS9anAC0AZ3rdSo3snecihbhFTlJZ8XMwzqAcodjFU4+/SM311dqE5Sw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.22.4",
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.40.0.tgz",
+      "integrity": "sha512-RcDGMtqF9EFN8i2RYN2W+64CdHruJ5rPqrlYw+cgM3uOVPSsnAQps7cpjXe9be/yDp8UC7VLoCoKC8J3Kn2FkQ==",
       "cpu": [
         "x64"
       ],
@@ -4075,7 +4770,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.22.4",
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.40.0.tgz",
+      "integrity": "sha512-HZvjpiUmSNx5zFgwtQAV1GaGazT2RWvqeDi0hV+AtC8unqqDSsaFjPxfsO6qPtKRRg25SisACWnJ37Yio8ttaw==",
       "cpu": [
         "x64"
       ],
@@ -4086,15 +4783,59 @@
         "linux"
       ]
     },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.40.0.tgz",
+      "integrity": "sha512-UtZQQI5k/b8d7d3i9AZmA/t+Q4tk3hOC0tMOMSq2GlMYOfxbesxG4mJSeDp0EHs30N9bsfwUvs3zF4v/RzOeTQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.40.0.tgz",
+      "integrity": "sha512-+m03kvI2f5syIqHXCZLPVYplP8pQch9JHyXKZ3AGMKlg8dCyr2PKHjwRLiW53LTrN/Nc3EqHOKxUxzoSPdKddA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.40.0.tgz",
+      "integrity": "sha512-lpPE1cLfP5oPzVjKMx10pgBmKELQnFJXHgvtHCtuJWOv8MxqdEIMNtgHgBFf7Ea2/7EuVwa9fodWUfXAlXZLZQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/@rushstack/node-core-library": {
-      "version": "5.10.2",
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.12.0.tgz",
+      "integrity": "sha512-QSwwzgzWoil1SCQse+yCHwlhRxNv2dX9siPnAb9zR/UmMhac4mjMrlMZpk64BlCeOFi1kJKgXRkihSwRMbboAQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "ajv": "~8.13.0",
         "ajv-draft-04": "~1.0.0",
         "ajv-formats": "~3.0.1",
-        "fs-extra": "~7.0.1",
+        "fs-extra": "~11.3.0",
         "import-lazy": "~4.0.0",
         "jju": "~1.4.0",
         "resolve": "~1.22.1",
@@ -4154,31 +4895,27 @@
       }
     },
     "node_modules/@rushstack/node-core-library/node_modules/fs-extra": {
-      "version": "7.0.1",
+      "version": "11.3.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz",
+      "integrity": "sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "graceful-fs": "^4.1.2",
-        "jsonfile": "^4.0.0",
-        "universalify": "^0.1.0"
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
       },
       "engines": {
-        "node": ">=6 <7 || >=8"
+        "node": ">=14.14"
       }
     },
     "node_modules/@rushstack/node-core-library/node_modules/json-schema-traverse": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@rushstack/node-core-library/node_modules/jsonfile": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
     "node_modules/@rushstack/node-core-library/node_modules/lru-cache": {
       "version": "6.0.0",
       "dev": true,
@@ -4204,14 +4941,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@rushstack/node-core-library/node_modules/universalify": {
-      "version": "0.1.2",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
     "node_modules/@rushstack/node-core-library/node_modules/yallist": {
       "version": "4.0.0",
       "dev": true,
@@ -4227,11 +4956,13 @@
       }
     },
     "node_modules/@rushstack/terminal": {
-      "version": "0.14.5",
+      "version": "0.15.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.15.1.tgz",
+      "integrity": "sha512-3vgJYwumcjoDOXU3IxZfd616lqOdmr8Ezj4OWgJZfhmiBK4Nh7eWcv8sU8N/HdzXcuHDXCRGn/6O2Q75QvaZMA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/node-core-library": "5.10.2",
+        "@rushstack/node-core-library": "5.12.0",
         "supports-color": "~8.1.1"
       },
       "peerDependencies": {
@@ -4266,11 +4997,13 @@
       }
     },
     "node_modules/@rushstack/ts-command-line": {
-      "version": "4.23.3",
+      "version": "4.23.6",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-4.23.6.tgz",
+      "integrity": "sha512-7WepygaF3YPEoToh4MAL/mmHkiIImQq3/uAkQX46kVoKTNOOlCtFGyNnze6OYuWw2o9rxsyrHVfIBKxq/am2RA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@rushstack/terminal": "0.14.5",
+        "@rushstack/terminal": "0.15.1",
         "@types/argparse": "1.0.38",
         "argparse": "~1.0.9",
         "string-argv": "~0.3.1"
@@ -4575,7 +5308,9 @@
       }
     },
     "node_modules/@types/estree": {
-      "version": "1.0.5",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
+      "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -4624,7 +5359,9 @@
       }
     },
     "node_modules/@types/gettext-parser": {
-      "version": "4.0.4",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@types/gettext-parser/-/gettext-parser-8.0.0.tgz",
+      "integrity": "sha512-oBBIahfWKqAC8LsIw+uFwhXfwlF8GhWDUhyEjoP7Pl9g5bFLhYA/2SiXPkE4oKhDX9fL091qCAyPVZtIkd5X6Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4765,6 +5502,7 @@
     "node_modules/@types/node": {
       "version": "20.12.12",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -4835,6 +5573,12 @@
       "license": "MIT",
       "peer": true
     },
+    "node_modules/@types/semver": {
+      "version": "7.5.8",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
+      "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
+      "license": "MIT"
+    },
     "node_modules/@types/send": {
       "version": "0.17.4",
       "dev": true,
@@ -5243,24 +5987,30 @@
       }
     },
     "node_modules/@volar/language-core": {
-      "version": "2.4.11",
+      "version": "2.4.12",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.12.tgz",
+      "integrity": "sha512-RLrFdXEaQBWfSnYGVxvR2WrO6Bub0unkdHYIdC31HzIEqATIuuhRRzYu76iGPZ6OtA4Au1SnW0ZwIqPP217YhA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@volar/source-map": "2.4.11"
+        "@volar/source-map": "2.4.12"
       }
     },
     "node_modules/@volar/source-map": {
-      "version": "2.4.11",
+      "version": "2.4.12",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.12.tgz",
+      "integrity": "sha512-bUFIKvn2U0AWojOaqf63ER0N/iHIBYZPpNGogfLPQ68F5Eet6FnLlyho7BS0y2HJ1jFhSif7AcuTx1TqsCzRzw==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@volar/typescript": {
-      "version": "2.4.11",
+      "version": "2.4.12",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.12.tgz",
+      "integrity": "sha512-HJB73OTJDgPc80K30wxi3if4fSsZZAOScbj2fcicMuOPoOkcf9NNAINb33o+DzhBdF9xTKC1gnPmIRDous5S0g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@volar/language-core": "2.4.11",
+        "@volar/language-core": "2.4.12",
         "path-browserify": "^1.0.1",
         "vscode-uri": "^3.0.8"
       }
@@ -5405,6 +6155,89 @@
         }
       }
     },
+    "node_modules/@vue/eslint-config-typescript/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@vue/eslint-config-typescript/node_modules/vue-eslint-parser": {
+      "version": "9.4.3",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
+      "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "debug": "^4.3.4",
+        "eslint-scope": "^7.1.1",
+        "eslint-visitor-keys": "^3.3.0",
+        "espree": "^9.3.1",
+        "esquery": "^1.4.0",
+        "lodash": "^4.17.21",
+        "semver": "^7.3.6"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=6.0.0"
+      }
+    },
     "node_modules/@vue/language-core": {
       "version": "2.2.0",
       "dev": true,
@@ -5761,42 +6594,48 @@
       }
     },
     "node_modules/@webpack-cli/configtest": {
-      "version": "2.1.1",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-3.0.1.tgz",
+      "integrity": "sha512-u8d0pJ5YFgneF/GuvEiDA61Tf1VDomHHYMjv/wc9XzYj7nopltpG96nXN5dJRstxZhcNpV1g+nT6CydO7pHbjA==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "engines": {
-        "node": ">=14.15.0"
+        "node": ">=18.12.0"
       },
       "peerDependencies": {
-        "webpack": "5.x.x",
-        "webpack-cli": "5.x.x"
+        "webpack": "^5.82.0",
+        "webpack-cli": "6.x.x"
       }
     },
     "node_modules/@webpack-cli/info": {
-      "version": "2.0.2",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-3.0.1.tgz",
+      "integrity": "sha512-coEmDzc2u/ffMvuW9aCjoRzNSPDl/XLuhPdlFRpT9tZHmJ/039az33CE7uH+8s0uL1j5ZNtfdv0HkfaKRBGJsQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "engines": {
-        "node": ">=14.15.0"
+        "node": ">=18.12.0"
       },
       "peerDependencies": {
-        "webpack": "5.x.x",
-        "webpack-cli": "5.x.x"
+        "webpack": "^5.82.0",
+        "webpack-cli": "6.x.x"
       }
     },
     "node_modules/@webpack-cli/serve": {
-      "version": "2.0.5",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-3.0.1.tgz",
+      "integrity": "sha512-sbgw03xQaCLiT6gcY/6u3qBDn01CWw/nbaXl3gTdTFuJJ75Gffv3E3DBpgvY2fkkrdS1fpjaXNOmJlnbtKauKg==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "engines": {
-        "node": ">=14.15.0"
+        "node": ">=18.12.0"
       },
       "peerDependencies": {
-        "webpack": "5.x.x",
-        "webpack-cli": "5.x.x"
+        "webpack": "^5.82.0",
+        "webpack-cli": "6.x.x"
       },
       "peerDependenciesMeta": {
         "webpack-dev-server": {
@@ -5955,8 +6794,6 @@
     "node_modules/ajv-formats": {
       "version": "2.1.1",
       "dev": true,
-      "license": "MIT",
-      "peer": true,
       "dependencies": {
         "ajv": "^8.0.0"
       },
@@ -5972,8 +6809,6 @@
     "node_modules/ajv-formats/node_modules/ajv": {
       "version": "8.12.0",
       "dev": true,
-      "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "json-schema-traverse": "^1.0.0",
@@ -5987,9 +6822,9 @@
     },
     "node_modules/ajv-formats/node_modules/json-schema-traverse": {
       "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "peer": true
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
     },
     "node_modules/ajv-keywords": {
       "version": "3.5.2",
@@ -6466,7 +7301,9 @@
       "license": "MIT"
     },
     "node_modules/axios": {
-      "version": "1.7.4",
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.2.tgz",
+      "integrity": "sha512-ls4GYBm5aig9vWx8AWDSGLpnpDQRtWAfrjU+EuytuODrFBkqesN2RkOQCBzrA1RQNHw1SmRMSDDDSwzNAYQ6Rg==",
       "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
@@ -6567,20 +7404,21 @@
       }
     },
     "node_modules/babel-loader": {
-      "version": "9.1.3",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-10.0.0.tgz",
+      "integrity": "sha512-z8jt+EdS61AMw22nSfoNJAZ0vrtmhPRVi6ghL3rCeRZI8cdNYFiV5xeV3HbE7rlZZNmGH8BVccwWt8/ED0QOHA==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "find-cache-dir": "^4.0.0",
-        "schema-utils": "^4.0.0"
+        "find-up": "^5.0.0"
       },
       "engines": {
-        "node": ">= 14.15.0"
+        "node": "^18.20.0 || ^20.10.0 || >=22.0.0"
       },
       "peerDependencies": {
         "@babel/core": "^7.12.0",
-        "webpack": ">=5"
+        "webpack": ">=5.61.0"
       }
     },
     "node_modules/babel-loader-exclude-node-modules-except": {
@@ -6591,6 +7429,58 @@
         "escape-string-regexp": "2.0.0"
       }
     },
+    "node_modules/babel-loader/node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/babel-loader/node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/babel-loader/node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/babel-plugin-istanbul": {
       "version": "6.1.1",
       "dev": true,
@@ -6818,6 +7708,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/blurhash": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/blurhash/-/blurhash-2.0.5.tgz",
+      "integrity": "sha512-cRygWd7kGBQO3VEhPiTgq4Wc43ctsM+o46urrmPOiuAe+07fzlSB9OJVdpgDL0jPqXUVQ9ht7aq7kxOeJHRK+w==",
+      "license": "MIT"
+    },
     "node_modules/bn.js": {
       "version": "5.2.1",
       "dev": true,
@@ -7753,6 +8649,7 @@
     "node_modules/ccount": {
       "version": "2.0.1",
       "license": "MIT",
+      "dev": true,
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -8232,6 +9129,17 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/commander": {
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
+      "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/comment-parser": {
       "version": "1.4.1",
       "dev": true,
@@ -8257,12 +9165,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/common-path-prefix": {
-      "version": "3.0.0",
-      "dev": true,
-      "license": "ISC",
-      "peer": true
-    },
     "node_modules/common-sequence": {
       "version": "1.0.2",
       "dev": true,
@@ -8398,7 +9300,9 @@
       }
     },
     "node_modules/confbox": {
-      "version": "0.1.8",
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.1.tgz",
+      "integrity": "sha512-hkT3yDPFbs95mNCy1+7qNKC6Pro+/ibzYxtM2iqEigpf0sVw+bg4Zh9/snjsBcf990vfIsg5+1U7VyiyBb3etg==",
       "dev": true,
       "license": "MIT"
     },
@@ -8868,7 +9772,9 @@
       }
     },
     "node_modules/core-js": {
-      "version": "3.40.0",
+      "version": "3.42.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.42.0.tgz",
+      "integrity": "sha512-Sz4PP4ZA+Rq4II21qkNqOEDTDrCvcANId3xpIgB34NDkWc3UduWj2dqEtN9yZIq8Dk3HyPI33x9sqqU5C8sr0g==",
       "hasInstallScript": true,
       "license": "MIT",
       "funding": {
@@ -10188,7 +11094,9 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "3.2.4",
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.5.tgz",
+      "integrity": "sha512-mLPd29uoRe9HpvwP2TxClGQBzGXeEC/we/q+bFlmPPmj2p2Ugl3r6ATu/UU1v77DXNcehiBg9zsr1dREyA/dJQ==",
       "license": "(MPL-2.0 OR Apache-2.0)",
       "optionalDependencies": {
         "@types/trusted-types": "^2.0.7"
@@ -10375,7 +11283,9 @@
       }
     },
     "node_modules/emoji-mart-vue-fast": {
-      "version": "15.0.3",
+      "version": "15.0.4",
+      "resolved": "https://registry.npmjs.org/emoji-mart-vue-fast/-/emoji-mart-vue-fast-15.0.4.tgz",
+      "integrity": "sha512-OjuxqoMJRTTG7Vevz0mR1ZnqY1DI8gGnmoskuuC8qL8VwwTjrGdwAO4WRWtAUN8P6Di7kxvY6cUgNETNFmbP4A==",
       "license": "BSD-3-Clause",
       "dependencies": {
         "@babel/runtime": "^7.18.6",
@@ -10472,7 +11382,9 @@
       }
     },
     "node_modules/envinfo": {
-      "version": "7.11.1",
+      "version": "7.14.0",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.14.0.tgz",
+      "integrity": "sha512-CO40UI41xDQzhLB1hWyqUKgFhs250pNcGbyGKe1l/e4FSaI/+YE4IMG76GDt0In67WLPACIITC+sOi08x4wIvg==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -10638,7 +11550,9 @@
       "license": "MIT"
     },
     "node_modules/esbuild": {
-      "version": "0.24.2",
+      "version": "0.25.3",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.3.tgz",
+      "integrity": "sha512-qKA6Pvai73+M2FtftpNKRxJ78GIjmFXFxd/1DVBqGo/qNhLSfv+G12n9pNoWdytJC8U00TrViOwpjT0zgqQS8Q==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
@@ -10649,31 +11563,31 @@
         "node": ">=18"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.24.2",
-        "@esbuild/android-arm": "0.24.2",
-        "@esbuild/android-arm64": "0.24.2",
-        "@esbuild/android-x64": "0.24.2",
-        "@esbuild/darwin-arm64": "0.24.2",
-        "@esbuild/darwin-x64": "0.24.2",
-        "@esbuild/freebsd-arm64": "0.24.2",
-        "@esbuild/freebsd-x64": "0.24.2",
-        "@esbuild/linux-arm": "0.24.2",
-        "@esbuild/linux-arm64": "0.24.2",
-        "@esbuild/linux-ia32": "0.24.2",
-        "@esbuild/linux-loong64": "0.24.2",
-        "@esbuild/linux-mips64el": "0.24.2",
-        "@esbuild/linux-ppc64": "0.24.2",
-        "@esbuild/linux-riscv64": "0.24.2",
-        "@esbuild/linux-s390x": "0.24.2",
-        "@esbuild/linux-x64": "0.24.2",
-        "@esbuild/netbsd-arm64": "0.24.2",
-        "@esbuild/netbsd-x64": "0.24.2",
-        "@esbuild/openbsd-arm64": "0.24.2",
-        "@esbuild/openbsd-x64": "0.24.2",
-        "@esbuild/sunos-x64": "0.24.2",
-        "@esbuild/win32-arm64": "0.24.2",
-        "@esbuild/win32-ia32": "0.24.2",
-        "@esbuild/win32-x64": "0.24.2"
+        "@esbuild/aix-ppc64": "0.25.3",
+        "@esbuild/android-arm": "0.25.3",
+        "@esbuild/android-arm64": "0.25.3",
+        "@esbuild/android-x64": "0.25.3",
+        "@esbuild/darwin-arm64": "0.25.3",
+        "@esbuild/darwin-x64": "0.25.3",
+        "@esbuild/freebsd-arm64": "0.25.3",
+        "@esbuild/freebsd-x64": "0.25.3",
+        "@esbuild/linux-arm": "0.25.3",
+        "@esbuild/linux-arm64": "0.25.3",
+        "@esbuild/linux-ia32": "0.25.3",
+        "@esbuild/linux-loong64": "0.25.3",
+        "@esbuild/linux-mips64el": "0.25.3",
+        "@esbuild/linux-ppc64": "0.25.3",
+        "@esbuild/linux-riscv64": "0.25.3",
+        "@esbuild/linux-s390x": "0.25.3",
+        "@esbuild/linux-x64": "0.25.3",
+        "@esbuild/netbsd-arm64": "0.25.3",
+        "@esbuild/netbsd-x64": "0.25.3",
+        "@esbuild/openbsd-arm64": "0.25.3",
+        "@esbuild/openbsd-x64": "0.25.3",
+        "@esbuild/sunos-x64": "0.25.3",
+        "@esbuild/win32-arm64": "0.25.3",
+        "@esbuild/win32-ia32": "0.25.3",
+        "@esbuild/win32-x64": "0.25.3"
       }
     },
     "node_modules/escalade": {
@@ -10863,18 +11777,20 @@
       }
     },
     "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.6.1",
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.8.0.tgz",
+      "integrity": "sha512-fItUrP/+xwpavWgadrn6lsvcMe80s08xIVFXkUXvhR4cZD2ga96kRF/z/iFGDI7ZDnvtlaZ0wGic7Tw+DhgVnA==",
       "dev": true,
       "license": "ISC",
       "peer": true,
       "dependencies": {
-        "debug": "^4.3.4",
-        "enhanced-resolve": "^5.12.0",
-        "eslint-module-utils": "^2.7.4",
-        "fast-glob": "^3.3.1",
-        "get-tsconfig": "^4.5.0",
-        "is-core-module": "^2.11.0",
-        "is-glob": "^4.0.3"
+        "@nolyfill/is-core-module": "1.0.39",
+        "debug": "^4.3.7",
+        "enhanced-resolve": "^5.15.0",
+        "get-tsconfig": "^4.10.0",
+        "is-bun-module": "^1.0.2",
+        "stable-hash": "^0.0.4",
+        "tinyglobby": "^0.2.10"
       },
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
@@ -10884,7 +11800,16 @@
       },
       "peerDependencies": {
         "eslint": "*",
-        "eslint-plugin-import": "*"
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
       }
     },
     "node_modules/eslint-module-utils": {
@@ -11222,15 +12147,20 @@
       "peer": true
     },
     "node_modules/eslint-plugin-promise": {
-      "version": "6.1.1",
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-6.6.0.tgz",
+      "integrity": "sha512-57Zzfw8G6+Gq7axm2Pdo3gW/Rx3h9Yywgn61uE/3elTCOePEHVrn2i5CdfBwA1BLK0Q0WqctICIUSqXZW/VprQ==",
       "dev": true,
       "license": "ISC",
       "peer": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
       "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
+        "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0"
       }
     },
     "node_modules/eslint-plugin-vue": {
@@ -11255,6 +12185,49 @@
         "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
       }
     },
+    "node_modules/eslint-plugin-vue/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-plugin-vue/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-plugin-vue/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
     "node_modules/eslint-plugin-vue/node_modules/globals": {
       "version": "13.24.0",
       "dev": true,
@@ -11294,6 +12267,32 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/eslint-plugin-vue/node_modules/vue-eslint-parser": {
+      "version": "9.4.3",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
+      "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "debug": "^4.3.4",
+        "eslint-scope": "^7.1.1",
+        "eslint-visitor-keys": "^3.3.0",
+        "espree": "^9.3.1",
+        "esquery": "^1.4.0",
+        "lodash": "^4.17.21",
+        "semver": "^7.3.6"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=6.0.0"
+      }
+    },
     "node_modules/eslint-scope": {
       "version": "5.1.1",
       "dev": true,
@@ -11562,7 +12561,7 @@
     "node_modules/espree": {
       "version": "9.6.1",
       "dev": true,
-      "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "acorn": "^8.9.0",
         "acorn-jsx": "^5.3.2",
@@ -11578,7 +12577,7 @@
     "node_modules/espree/node_modules/eslint-visitor-keys": {
       "version": "3.4.3",
       "dev": true,
-      "license": "Apache-2.0",
+      "peer": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -11599,7 +12598,9 @@
       }
     },
     "node_modules/esquery": {
-      "version": "1.5.0",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -11892,6 +12893,13 @@
       ],
       "license": "MIT"
     },
+    "node_modules/exsolve": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.0.4.tgz",
+      "integrity": "sha512-xsZH6PXaER4XoV+NiT7JHp1bJodJVT+cxeSH1G0f0tlT0lJqYuHUP3bUx2HtfTDvOagMINYp8rsqusxud3RXhw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/extend": {
       "version": "3.0.2",
       "license": "MIT"
@@ -12199,22 +13207,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/find-cache-dir": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "common-path-prefix": "^3.0.0",
-        "pkg-dir": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/find-up": {
       "version": "4.1.0",
       "dev": true,
@@ -12630,7 +13622,17 @@
     "node_modules/fork-ts-checker-webpack-plugin/node_modules/yallist": {
       "version": "4.0.0",
       "dev": true,
-      "license": "ISC"
+      "license": "ISC"
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
     },
     "node_modules/form-data": {
       "version": "4.0.0",
@@ -12914,7 +13916,9 @@
       }
     },
     "node_modules/get-tsconfig": {
-      "version": "4.7.2",
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.10.0.tgz",
+      "integrity": "sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -13044,7 +14048,9 @@
       "license": "ISC"
     },
     "node_modules/glob": {
-      "version": "11.0.1",
+      "version": "11.0.2",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.2.tgz",
+      "integrity": "sha512-YT7U7Vye+t5fZ/QMkBFrTJ7ZQxInIUjwyAjVj84CYXqgBdv30MFUPGnBR6sQaVq6Is15wYJUsnzTuWaGRBhBAQ==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -13688,7 +14694,9 @@
       }
     },
     "node_modules/http-proxy-middleware": {
-      "version": "2.0.7",
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz",
+      "integrity": "sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -13776,7 +14784,9 @@
       "license": "BSD-3-Clause"
     },
     "node_modules/ical.js": {
-      "version": "2.0.1",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ical.js/-/ical.js-2.1.0.tgz",
+      "integrity": "sha512-BOVfrH55xQ6kpS3muGvIXIg2l7p+eoe12/oS7R5yrO3TL/j/bLsR0PR+tYQESFbyTbvGgPHn9zQ6tI4FWyuSaQ==",
       "license": "MPL-2.0"
     },
     "node_modules/iconv-lite": {
@@ -14310,6 +15320,31 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-bun-module": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-1.3.0.tgz",
+      "integrity": "sha512-DgXeu5UWI0IsMQundYb5UAOzm6G2eVnarJ0byP6Tm55iZNKceD59LNPA2L4VvsScTtHcw0yEkVwSf7PC+QoLSA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "semver": "^7.6.3"
+      }
+    },
+    "node_modules/is-bun-module/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/is-callable": {
       "version": "1.2.7",
       "dev": true,
@@ -17258,12 +18293,15 @@
       }
     },
     "node_modules/local-pkg": {
-      "version": "0.5.1",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.1.tgz",
+      "integrity": "sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "mlly": "^1.7.3",
-        "pkg-types": "^1.2.1"
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.0.1",
+        "quansync": "^0.2.8"
       },
       "engines": {
         "node": ">=14"
@@ -17509,6 +18547,7 @@
     "node_modules/longest-streak": {
       "version": "3.1.0",
       "license": "MIT",
+      "dev": true,
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -17633,6 +18672,7 @@
     "node_modules/markdown-table": {
       "version": "3.0.3",
       "license": "MIT",
+      "dev": true,
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -17735,6 +18775,7 @@
     "node_modules/mdast-util-gfm": {
       "version": "3.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "mdast-util-from-markdown": "^2.0.0",
         "mdast-util-gfm-autolink-literal": "^2.0.0",
@@ -17752,6 +18793,7 @@
     "node_modules/mdast-util-gfm-autolink-literal": {
       "version": "2.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "ccount": "^2.0.0",
@@ -17767,6 +18809,7 @@
     "node_modules/mdast-util-gfm-footnote": {
       "version": "2.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "devlop": "^1.1.0",
@@ -17782,6 +18825,7 @@
     "node_modules/mdast-util-gfm-strikethrough": {
       "version": "2.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "mdast-util-from-markdown": "^2.0.0",
@@ -17795,6 +18839,7 @@
     "node_modules/mdast-util-gfm-table": {
       "version": "2.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "devlop": "^1.0.0",
@@ -17810,6 +18855,7 @@
     "node_modules/mdast-util-gfm-task-list-item": {
       "version": "2.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "devlop": "^1.0.0",
@@ -17836,6 +18882,7 @@
     "node_modules/mdast-util-phrasing": {
       "version": "4.1.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "unist-util-is": "^6.0.0"
@@ -17867,6 +18914,7 @@
     "node_modules/mdast-util-to-markdown": {
       "version": "2.1.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "@types/unist": "^3.0.0",
@@ -18077,6 +19125,7 @@
     "node_modules/micromark-extension-gfm": {
       "version": "3.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "micromark-extension-gfm-autolink-literal": "^2.0.0",
         "micromark-extension-gfm-footnote": "^2.0.0",
@@ -18095,6 +19144,7 @@
     "node_modules/micromark-extension-gfm-autolink-literal": {
       "version": "2.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "micromark-util-character": "^2.0.0",
         "micromark-util-sanitize-uri": "^2.0.0",
@@ -18109,6 +19159,7 @@
     "node_modules/micromark-extension-gfm-footnote": {
       "version": "2.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "devlop": "^1.0.0",
         "micromark-core-commonmark": "^2.0.0",
@@ -18127,6 +19178,7 @@
     "node_modules/micromark-extension-gfm-strikethrough": {
       "version": "2.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "devlop": "^1.0.0",
         "micromark-util-chunked": "^2.0.0",
@@ -18143,6 +19195,7 @@
     "node_modules/micromark-extension-gfm-table": {
       "version": "2.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "devlop": "^1.0.0",
         "micromark-factory-space": "^2.0.0",
@@ -18158,6 +19211,7 @@
     "node_modules/micromark-extension-gfm-tagfilter": {
       "version": "2.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "micromark-util-types": "^2.0.0"
       },
@@ -18169,6 +19223,7 @@
     "node_modules/micromark-extension-gfm-task-list-item": {
       "version": "2.0.1",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "devlop": "^1.0.0",
         "micromark-factory-space": "^2.0.0",
@@ -18817,6 +19872,25 @@
         "ufo": "^1.5.4"
       }
     },
+    "node_modules/mlly/node_modules/confbox": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/mlly/node_modules/pkg-types": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
+      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1"
+      }
+    },
     "node_modules/moment": {
       "version": "2.30.1",
       "dev": true,
@@ -19838,6 +20912,28 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/p-queue": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/p-queue/-/p-queue-8.1.0.tgz",
+      "integrity": "sha512-mxLDbbGIBEXTJL0zEx8JIylaj3xQ7Z/7eEVjcF9fJX4DBiH9oqe+oahYnlKKxm0Ci9TlWTyhSHgygxMxjIB2jw==",
+      "license": "MIT",
+      "dependencies": {
+        "eventemitter3": "^5.0.1",
+        "p-timeout": "^6.1.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-queue/node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "license": "MIT"
+    },
     "node_modules/p-retry": {
       "version": "6.2.1",
       "dev": true,
@@ -19855,6 +20951,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/p-timeout": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-6.1.4.tgz",
+      "integrity": "sha512-MyIV3ZA/PmyBN/ud8vV9XzwTrNtR4jFrObymZYnZqMmW0zA8Z17vnT0rBgFE/TlohB+YCHqXMgZzb3Csp49vqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/p-try": {
       "version": "2.2.0",
       "dev": true,
@@ -20124,7 +21232,9 @@
       }
     },
     "node_modules/pathe": {
-      "version": "2.0.1",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
       "dev": true,
       "license": "MIT"
     },
@@ -20214,118 +21324,18 @@
         "pixelmatch": "bin/pixelmatch"
       }
     },
-    "node_modules/pkg-dir": {
-      "version": "7.0.0",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "find-up": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/find-up": {
-      "version": "6.3.0",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "locate-path": "^7.1.0",
-        "path-exists": "^5.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/locate-path": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "p-locate": "^6.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/p-limit": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "yocto-queue": "^1.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/p-locate": {
-      "version": "6.0.0",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "p-limit": "^4.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/path-exists": {
-      "version": "5.0.0",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/yocto-queue": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=12.20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/pkg-types": {
-      "version": "1.3.0",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.1.0.tgz",
+      "integrity": "sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "confbox": "^0.1.8",
-        "mlly": "^1.7.3",
-        "pathe": "^1.1.2"
+        "confbox": "^0.2.1",
+        "exsolve": "^1.0.1",
+        "pathe": "^2.0.3"
       }
     },
-    "node_modules/pkg-types/node_modules/pathe": {
-      "version": "1.1.2",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/pkg-up": {
       "version": "3.1.0",
       "dev": true,
@@ -20462,7 +21472,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.44",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
+      "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
       "funding": [
         {
           "type": "opencollective",
@@ -20479,9 +21491,9 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.7",
-        "picocolors": "^1.0.1",
-        "source-map-js": "^1.2.0"
+        "nanoid": "^3.3.8",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
@@ -20844,7 +21856,9 @@
       }
     },
     "node_modules/prismjs": {
-      "version": "1.29.0",
+      "version": "1.30.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.30.0.tgz",
+      "integrity": "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -21191,6 +22205,23 @@
         "node": ">=4"
       }
     },
+    "node_modules/quansync": {
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.8.tgz",
+      "integrity": "sha512-4+saucphJMazjt7iOM27mbFCk+D9dd/zmgMDCzRZ8MEoBfYp7lAvoN38et/phRQF6wOPMy/OROBGgoWeSKyluA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/antfu"
+        },
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/sxzz"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/querystring-es3": {
       "version": "0.2.1",
       "dev": true,
@@ -22000,6 +23031,9 @@
     },
     "node_modules/remark-gfm": {
       "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.1.tgz",
+      "integrity": "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
@@ -22029,7 +23063,9 @@
       }
     },
     "node_modules/remark-rehype": {
-      "version": "11.1.1",
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.2.tgz",
+      "integrity": "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==",
       "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
@@ -22046,6 +23082,7 @@
     "node_modules/remark-stringify": {
       "version": "11.0.0",
       "license": "MIT",
+      "dev": true,
       "dependencies": {
         "@types/mdast": "^4.0.0",
         "mdast-util-to-markdown": "^2.0.0",
@@ -22540,11 +23577,13 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.22.4",
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.40.0.tgz",
+      "integrity": "sha512-Noe455xmA96nnqH5piFtLobsGbCij7Tu+tb3c1vYjNbTkfzGqXqQXG3wJaYXkRZuQ0vEYN4bhwg7QnIrqB5B+w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/estree": "1.0.5"
+        "@types/estree": "1.0.7"
       },
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -22554,22 +23593,26 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.22.4",
-        "@rollup/rollup-android-arm64": "4.22.4",
-        "@rollup/rollup-darwin-arm64": "4.22.4",
-        "@rollup/rollup-darwin-x64": "4.22.4",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.22.4",
-        "@rollup/rollup-linux-arm-musleabihf": "4.22.4",
-        "@rollup/rollup-linux-arm64-gnu": "4.22.4",
-        "@rollup/rollup-linux-arm64-musl": "4.22.4",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.22.4",
-        "@rollup/rollup-linux-riscv64-gnu": "4.22.4",
-        "@rollup/rollup-linux-s390x-gnu": "4.22.4",
-        "@rollup/rollup-linux-x64-gnu": "4.22.4",
-        "@rollup/rollup-linux-x64-musl": "4.22.4",
-        "@rollup/rollup-win32-arm64-msvc": "4.22.4",
-        "@rollup/rollup-win32-ia32-msvc": "4.22.4",
-        "@rollup/rollup-win32-x64-msvc": "4.22.4",
+        "@rollup/rollup-android-arm-eabi": "4.40.0",
+        "@rollup/rollup-android-arm64": "4.40.0",
+        "@rollup/rollup-darwin-arm64": "4.40.0",
+        "@rollup/rollup-darwin-x64": "4.40.0",
+        "@rollup/rollup-freebsd-arm64": "4.40.0",
+        "@rollup/rollup-freebsd-x64": "4.40.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.40.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.40.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.40.0",
+        "@rollup/rollup-linux-arm64-musl": "4.40.0",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.40.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.40.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.40.0",
+        "@rollup/rollup-linux-riscv64-musl": "4.40.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.40.0",
+        "@rollup/rollup-linux-x64-gnu": "4.40.0",
+        "@rollup/rollup-linux-x64-musl": "4.40.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.40.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.40.0",
+        "@rollup/rollup-win32-x64-msvc": "4.40.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -22592,11 +23635,13 @@
       }
     },
     "node_modules/rollup-plugin-esbuild-minify": {
-      "version": "1.2.0",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-esbuild-minify/-/rollup-plugin-esbuild-minify-1.3.0.tgz",
+      "integrity": "sha512-y7BDyMMGYhq5901EijNABWgjEzC8myYhOXKmlnU8xIRvX7KQucSWABBR3IEyITuLJFyq/rXIlezDh9zvnR0k2w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "esbuild": "^0.24.0"
+        "esbuild": "^0.25.3"
       },
       "engines": {
         "node": ">= 14.18"
@@ -22606,12 +23651,14 @@
       }
     },
     "node_modules/rollup-plugin-license": {
-      "version": "3.5.3",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-license/-/rollup-plugin-license-3.6.0.tgz",
+      "integrity": "sha512-1ieLxTCaigI5xokIfszVDRoy6c/Wmlot1fDEnea7Q/WXSR8AqOjYljHDLObAx7nFxHC2mbxT3QnTSPhaic2IYw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "commenting": "~1.1.0",
-        "fdir": "6.3.0",
+        "fdir": "^6.4.3",
         "lodash": "~4.17.21",
         "magic-string": "~0.30.0",
         "moment": "~2.30.1",
@@ -22627,7 +23674,9 @@
       }
     },
     "node_modules/rollup-plugin-license/node_modules/fdir": {
-      "version": "6.3.0",
+      "version": "6.4.3",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.3.tgz",
+      "integrity": "sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -22793,7 +23842,9 @@
       }
     },
     "node_modules/sass": {
-      "version": "1.84.0",
+      "version": "1.87.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.87.0.tgz",
+      "integrity": "sha512-d0NoFH4v6SjEK7BoX810Jsrhj7IQSYHAHLi/iSpgqKc7LaIDshFRlSg5LOymf9FqQhxEHs2W5ZQXlvy0KD45Uw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -22897,10 +23948,11 @@
       }
     },
     "node_modules/schema-utils": {
-      "version": "4.2.0",
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.2.tgz",
+      "integrity": "sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/json-schema": "^7.0.9",
         "ajv": "^8.9.0",
@@ -22908,7 +23960,7 @@
         "ajv-keywords": "^5.1.0"
       },
       "engines": {
-        "node": ">= 12.13.0"
+        "node": ">= 10.13.0"
       },
       "funding": {
         "type": "opencollective",
@@ -22918,8 +23970,6 @@
     "node_modules/schema-utils/node_modules/ajv": {
       "version": "8.12.0",
       "dev": true,
-      "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "json-schema-traverse": "^1.0.0",
@@ -22934,8 +23984,6 @@
     "node_modules/schema-utils/node_modules/ajv-keywords": {
       "version": "5.1.0",
       "dev": true,
-      "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3"
       },
@@ -22945,9 +23993,9 @@
     },
     "node_modules/schema-utils/node_modules/json-schema-traverse": {
       "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "peer": true
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
     },
     "node_modules/select-hose": {
       "version": "2.0.0",
@@ -23450,7 +24498,9 @@
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.2.0",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -23717,6 +24767,14 @@
         "figgy-pudding": "^3.5.1"
       }
     },
+    "node_modules/stable-hash": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.4.tgz",
+      "integrity": "sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/stack-trace": {
       "version": "0.0.10",
       "dev": true,
@@ -24565,7 +25623,9 @@
       "license": "ISC"
     },
     "node_modules/terser": {
-      "version": "5.28.1",
+      "version": "5.39.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.39.0.tgz",
+      "integrity": "sha512-LBAhFyLho16harJoWMg/nZsQYgTrg5jXOn2nCYjRUcZZEdE3qa2zb8QEDRUGVZBW4rlazf2fxkg8tztybTaqWw==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -25000,27 +26060,72 @@
       "version": "2.0.12",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "setimmediate": "^1.0.4"
-      },
+      "dependencies": {
+        "setimmediate": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tiny-warning": {
+      "version": "1.0.3",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinycolor2": {
+      "version": "1.6.0",
+      "license": "MIT"
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz",
+      "integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.4.4",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz",
+      "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=0.6.0"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/tiny-invariant": {
-      "version": "1.3.3",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tiny-warning": {
-      "version": "1.0.3",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tinycolor2": {
-      "version": "1.6.0",
-      "license": "MIT"
-    },
     "node_modules/tippy.js": {
       "version": "6.3.7",
       "dev": true,
@@ -25686,7 +26791,9 @@
       "license": "MIT"
     },
     "node_modules/typescript": {
-      "version": "5.7.3",
+      "version": "5.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+      "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -25719,7 +26826,8 @@
     },
     "node_modules/undici-types": {
       "version": "5.26.5",
-      "license": "MIT"
+      "license": "MIT",
+      "dev": true
     },
     "node_modules/unicode-canonical-property-names-ecmascript": {
       "version": "2.0.0",
@@ -26198,19 +27306,24 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.4.14",
+      "version": "6.3.4",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.4.tgz",
+      "integrity": "sha512-BiReIiMS2fyFqbqNT/Qqt4CVITDU9M9vE+DKcVAsB+ZV0wvTKd+3hMbkpxz1b+NmEDMegpVbisKiAZOnvO92Sw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "esbuild": "^0.21.3",
-        "postcss": "^8.4.43",
-        "rollup": "^4.20.0"
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.3",
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
       },
       "bin": {
         "vite": "bin/vite.js"
       },
       "engines": {
-        "node": "^18.0.0 || >=20.0.0"
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
       },
       "funding": {
         "url": "https://github.com/vitejs/vite?sponsor=1"
@@ -26219,19 +27332,25 @@
         "fsevents": "~2.3.3"
       },
       "peerDependencies": {
-        "@types/node": "^18.0.0 || >=20.0.0",
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
         "less": "*",
         "lightningcss": "^1.21.0",
         "sass": "*",
         "sass-embedded": "*",
         "stylus": "*",
         "sugarss": "*",
-        "terser": "^5.4.0"
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
       },
       "peerDependenciesMeta": {
         "@types/node": {
           "optional": true
         },
+        "jiti": {
+          "optional": true
+        },
         "less": {
           "optional": true
         },
@@ -26252,6 +27371,12 @@
         },
         "terser": {
           "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
         }
       }
     },
@@ -26264,18 +27389,20 @@
       }
     },
     "node_modules/vite-plugin-dts": {
-      "version": "4.5.0",
+      "version": "4.5.3",
+      "resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-4.5.3.tgz",
+      "integrity": "sha512-P64VnD00dR+e8S26ESoFELqc17+w7pKkwlBpgXteOljFyT0zDwD8hH4zXp49M/kciy//7ZbVXIwQCekBJjfWzA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@microsoft/api-extractor": "^7.49.1",
+        "@microsoft/api-extractor": "^7.50.1",
         "@rollup/pluginutils": "^5.1.4",
         "@volar/typescript": "^2.4.11",
         "@vue/language-core": "2.2.0",
         "compare-versions": "^6.1.1",
         "debug": "^4.4.0",
         "kolorist": "^1.8.0",
-        "local-pkg": "^0.5.1",
+        "local-pkg": "^1.0.0",
         "magic-string": "^0.30.17"
       },
       "peerDependencies": {
@@ -26303,56 +27430,32 @@
         "vite": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0"
       }
     },
-    "node_modules/vite/node_modules/@esbuild/linux-x64": {
-      "version": "0.21.5",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/vite/node_modules/fdir": {
+      "version": "6.4.4",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz",
+      "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
       }
     },
-    "node_modules/vite/node_modules/esbuild": {
-      "version": "0.21.5",
+    "node_modules/vite/node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
       "dev": true,
-      "hasInstallScript": true,
       "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
       "engines": {
         "node": ">=12"
       },
-      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.21.5",
-        "@esbuild/android-arm": "0.21.5",
-        "@esbuild/android-arm64": "0.21.5",
-        "@esbuild/android-x64": "0.21.5",
-        "@esbuild/darwin-arm64": "0.21.5",
-        "@esbuild/darwin-x64": "0.21.5",
-        "@esbuild/freebsd-arm64": "0.21.5",
-        "@esbuild/freebsd-x64": "0.21.5",
-        "@esbuild/linux-arm": "0.21.5",
-        "@esbuild/linux-arm64": "0.21.5",
-        "@esbuild/linux-ia32": "0.21.5",
-        "@esbuild/linux-loong64": "0.21.5",
-        "@esbuild/linux-mips64el": "0.21.5",
-        "@esbuild/linux-ppc64": "0.21.5",
-        "@esbuild/linux-riscv64": "0.21.5",
-        "@esbuild/linux-s390x": "0.21.5",
-        "@esbuild/linux-x64": "0.21.5",
-        "@esbuild/netbsd-x64": "0.21.5",
-        "@esbuild/openbsd-x64": "0.21.5",
-        "@esbuild/sunos-x64": "0.21.5",
-        "@esbuild/win32-arm64": "0.21.5",
-        "@esbuild/win32-ia32": "0.21.5",
-        "@esbuild/win32-x64": "0.21.5"
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
     "node_modules/vm-browserify": {
@@ -26369,7 +27472,9 @@
       }
     },
     "node_modules/vscode-uri": {
-      "version": "3.0.8",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
+      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -26382,7 +27487,9 @@
       }
     },
     "node_modules/vue-color": {
-      "version": "2.8.1",
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/vue-color/-/vue-color-2.8.2.tgz",
+      "integrity": "sha512-1qmsxl5GiIjx/jApBbTGr2r4bN/7WRKUTl3tc53vkXb9Ua0rZmiqsdq6VdG1e7dVNTLJahdsRGWcjeU2+98+NA==",
       "license": "MIT",
       "dependencies": {
         "clamp": "^1.0.1",
@@ -26426,30 +27533,34 @@
       }
     },
     "node_modules/vue-eslint-parser": {
-      "version": "9.4.3",
+      "version": "10.1.3",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-10.1.3.tgz",
+      "integrity": "sha512-dbCBnd2e02dYWsXoqX5yKUZlOt+ExIpq7hmHKPb5ZqKcjf++Eo0hMseFTZMLKThrUk61m+Uv6A2YSBve6ZvuDQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "debug": "^4.3.4",
-        "eslint-scope": "^7.1.1",
-        "eslint-visitor-keys": "^3.3.0",
-        "espree": "^9.3.1",
-        "esquery": "^1.4.0",
+        "debug": "^4.4.0",
+        "eslint-scope": "^8.2.0",
+        "eslint-visitor-keys": "^4.2.0",
+        "espree": "^10.3.0",
+        "esquery": "^1.6.0",
         "lodash": "^4.17.21",
-        "semver": "^7.3.6"
+        "semver": "^7.6.3"
       },
       "engines": {
-        "node": "^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/mysticatea"
       },
       "peerDependencies": {
-        "eslint": ">=6.0.0"
+        "eslint": "^8.57.0 || ^9.0.0"
       }
     },
     "node_modules/vue-eslint-parser/node_modules/eslint-scope": {
-      "version": "7.2.2",
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.2.0.tgz",
+      "integrity": "sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -26457,49 +27568,57 @@
         "estraverse": "^5.2.0"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/vue-eslint-parser/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/vue-eslint-parser/node_modules/estraverse": {
-      "version": "5.3.0",
+    "node_modules/vue-eslint-parser/node_modules/espree": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
+      "integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.14.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.0"
+      },
       "engines": {
-        "node": ">=4.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/vue-eslint-parser/node_modules/lru-cache": {
-      "version": "6.0.0",
+    "node_modules/vue-eslint-parser/node_modules/estraverse": {
+      "version": "5.3.0",
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">=10"
+        "node": ">=4.0"
       }
     },
     "node_modules/vue-eslint-parser/node_modules/semver": {
-      "version": "7.6.0",
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
       "dev": true,
       "license": "ISC",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -26507,11 +27626,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/vue-eslint-parser/node_modules/yallist": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/vue-frag": {
       "version": "1.4.3",
       "license": "MIT",
@@ -26522,12 +27636,6 @@
         "vue": "^2.6.0"
       }
     },
-    "node_modules/vue-hot-reload-api": {
-      "version": "2.3.4",
-      "dev": true,
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/vue-inbrowser-compiler": {
       "version": "4.72.4",
       "dev": true,
@@ -26606,113 +27714,137 @@
       }
     },
     "node_modules/vue-loader": {
-      "version": "15.11.1",
+      "version": "17.4.2",
+      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-17.4.2.tgz",
+      "integrity": "sha512-yTKOA4R/VN4jqjw4y5HrynFL8AK0Z3/Jt7eOJXEitsm0GMRHDBjCfCiuTiLP7OESvsZYo2pATCWhDqxC5ZrM6w==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@vue/component-compiler-utils": "^3.1.0",
-        "hash-sum": "^1.0.2",
-        "loader-utils": "^1.1.0",
-        "vue-hot-reload-api": "^2.3.0",
-        "vue-style-loader": "^4.1.0"
+        "chalk": "^4.1.0",
+        "hash-sum": "^2.0.0",
+        "watchpack": "^2.4.0"
       },
       "peerDependencies": {
-        "css-loader": "*",
-        "webpack": "^3.0.0 || ^4.1.0 || ^5.0.0-0"
+        "webpack": "^4.1.0 || ^5.0.0-0"
       },
       "peerDependenciesMeta": {
-        "cache-loader": {
-          "optional": true
-        },
-        "prettier": {
+        "@vue/compiler-sfc": {
           "optional": true
         },
-        "vue-template-compiler": {
+        "vue": {
           "optional": true
         }
       }
     },
-    "node_modules/vue-loader/node_modules/json5": {
-      "version": "1.0.2",
+    "node_modules/vue-loader/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "minimist": "^1.2.0"
+        "color-convert": "^2.0.1"
       },
-      "bin": {
-        "json5": "lib/cli.js"
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/vue-loader/node_modules/loader-utils": {
-      "version": "1.4.2",
+    "node_modules/vue-loader/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^1.0.1"
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
       },
       "engines": {
-        "node": ">=4.0.0"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/vue-material-design-icons": {
-      "resolved": "../nc-vue-material-design-icons/dist",
-      "link": true
-    },
-    "node_modules/vue-resize": {
-      "version": "1.0.1",
+    "node_modules/vue-loader/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
-        "@babel/runtime": "^7.13.10"
+        "color-name": "~1.1.4"
       },
-      "peerDependencies": {
-        "vue": "^2.6.0"
+      "engines": {
+        "node": ">=7.0.0"
       }
     },
-    "node_modules/vue-router": {
-      "version": "3.6.5",
-      "license": "MIT"
+    "node_modules/vue-loader/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
     },
-    "node_modules/vue-style-loader": {
-      "version": "4.1.3",
+    "node_modules/vue-loader/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
-      "dependencies": {
-        "hash-sum": "^1.0.2",
-        "loader-utils": "^1.0.2"
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/vue-style-loader/node_modules/json5": {
-      "version": "1.0.2",
+    "node_modules/vue-loader/node_modules/hash-sum": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
+      "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/vue-loader/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "minimist": "^1.2.0"
+        "has-flag": "^4.0.0"
       },
-      "bin": {
-        "json5": "lib/cli.js"
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/vue-style-loader/node_modules/loader-utils": {
-      "version": "1.4.2",
-      "dev": true,
+    "node_modules/vue-material-design-icons": {
+      "resolved": "../nc-vue-material-design-icons/dist",
+      "link": true
+    },
+    "node_modules/vue-resize": {
+      "version": "1.0.1",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^1.0.1"
+        "@babel/runtime": "^7.13.10"
       },
-      "engines": {
-        "node": ">=4.0.0"
+      "peerDependencies": {
+        "vue": "^2.6.0"
       }
     },
+    "node_modules/vue-router": {
+      "version": "3.6.5",
+      "license": "MIT"
+    },
     "node_modules/vue-styleguidist": {
       "version": "4.72.4",
       "dev": true,
@@ -28564,12 +29696,15 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.97.1",
+      "version": "5.99.7",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.99.7.tgz",
+      "integrity": "sha512-CNqKBRMQjwcmKR0idID5va1qlhrqVUKpovi+Ec79ksW8ux7iS1+A6VqzfZXgVYCFRKl7XL5ap3ZoMpwBJxcg0w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.6",
+        "@types/json-schema": "^7.0.15",
         "@webassemblyjs/ast": "^1.14.1",
         "@webassemblyjs/wasm-edit": "^1.14.1",
         "@webassemblyjs/wasm-parser": "^1.14.1",
@@ -28586,9 +29721,9 @@
         "loader-runner": "^4.2.0",
         "mime-types": "^2.1.27",
         "neo-async": "^2.6.2",
-        "schema-utils": "^3.2.0",
+        "schema-utils": "^4.3.2",
         "tapable": "^2.1.1",
-        "terser-webpack-plugin": "^5.3.10",
+        "terser-webpack-plugin": "^5.3.11",
         "watchpack": "^2.4.1",
         "webpack-sources": "^3.2.3"
       },
@@ -28609,42 +29744,41 @@
       }
     },
     "node_modules/webpack-cli": {
-      "version": "5.1.4",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-6.0.1.tgz",
+      "integrity": "sha512-MfwFQ6SfwinsUVi0rNJm7rHZ31GyTcpVE5pgVA3hwFRb7COD4TzjUUwhGWKfO50+xdc2MQPuEBBJoqIMGt3JDw==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@discoveryjs/json-ext": "^0.5.0",
-        "@webpack-cli/configtest": "^2.1.1",
-        "@webpack-cli/info": "^2.0.2",
-        "@webpack-cli/serve": "^2.0.5",
+        "@discoveryjs/json-ext": "^0.6.1",
+        "@webpack-cli/configtest": "^3.0.1",
+        "@webpack-cli/info": "^3.0.1",
+        "@webpack-cli/serve": "^3.0.1",
         "colorette": "^2.0.14",
-        "commander": "^10.0.1",
+        "commander": "^12.1.0",
         "cross-spawn": "^7.0.3",
-        "envinfo": "^7.7.3",
+        "envinfo": "^7.14.0",
         "fastest-levenshtein": "^1.0.12",
         "import-local": "^3.0.2",
         "interpret": "^3.1.1",
         "rechoir": "^0.8.0",
-        "webpack-merge": "^5.7.3"
+        "webpack-merge": "^6.0.1"
       },
       "bin": {
         "webpack-cli": "bin/cli.js"
       },
       "engines": {
-        "node": ">=14.15.0"
+        "node": ">=18.12.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/webpack"
       },
       "peerDependencies": {
-        "webpack": "5.x.x"
+        "webpack": "^5.82.0"
       },
       "peerDependenciesMeta": {
-        "@webpack-cli/generators": {
-          "optional": true
-        },
         "webpack-bundle-analyzer": {
           "optional": true
         },
@@ -28653,29 +29787,6 @@
         }
       }
     },
-    "node_modules/webpack-cli/node_modules/commander": {
-      "version": "10.0.1",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/webpack-cli/node_modules/webpack-merge": {
-      "version": "5.10.0",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "clone-deep": "^4.0.1",
-        "flat": "^5.0.2",
-        "wildcard": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
     "node_modules/webpack-dev-middleware": {
       "version": "7.4.2",
       "dev": true,
@@ -28887,11 +29998,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/webpack/node_modules/@types/estree": {
-      "version": "1.0.6",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/webpack/node_modules/has-flag": {
       "version": "4.0.0",
       "dev": true,
@@ -28913,23 +30019,6 @@
         "node": ">= 10.13.0"
       }
     },
-    "node_modules/webpack/node_modules/schema-utils": {
-      "version": "3.3.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
     "node_modules/webpack/node_modules/serialize-javascript": {
       "version": "6.0.2",
       "dev": true,
@@ -28953,15 +30042,17 @@
       }
     },
     "node_modules/webpack/node_modules/terser-webpack-plugin": {
-      "version": "5.3.10",
+      "version": "5.3.11",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.11.tgz",
+      "integrity": "sha512-RVCsMfuD0+cTt3EwX8hSl2Ks56EbFHWmhluwcqoPKtBnfjiT6olaq7PRIRfhyU8nnC2MrnDrBLfrD/RGE+cVXQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.20",
+        "@jridgewell/trace-mapping": "^0.3.25",
         "jest-worker": "^27.4.5",
-        "schema-utils": "^3.1.1",
-        "serialize-javascript": "^6.0.1",
-        "terser": "^5.26.0"
+        "schema-utils": "^4.3.0",
+        "serialize-javascript": "^6.0.2",
+        "terser": "^5.31.1"
       },
       "engines": {
         "node": ">= 10.13.0"
@@ -29382,11 +30473,18 @@
       "license": "ISC"
     },
     "node_modules/yaml": {
-      "version": "1.10.2",
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz",
+      "integrity": "sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==",
       "dev": true,
       "license": "ISC",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "yaml": "bin.mjs"
+      },
       "engines": {
-        "node": ">= 6"
+        "node": ">= 14"
       }
     },
     "node_modules/yargs": {
@@ -29453,6 +30551,7 @@
     "node_modules/zwitch": {
       "version": "2.0.4",
       "license": "MIT",
+      "dev": true,
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
diff --git a/package.json b/package.json
index 2ab5a9ed93..790588e2cb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nextcloud/vue",
-  "version": "8.23.1",
+  "version": "8.26.1",
   "description": "Nextcloud vue components",
   "keywords": [
     "vuejs",
@@ -20,6 +20,7 @@
     "l10n:extract": "node build/extract-l10n.mjs",
     "lint": "eslint --ext .js,.vue src",
     "lint:fix": "eslint --ext .js,.vue src --fix",
+    "prerelease:format-changelog": "node build/format-changelog.mjs",
     "test": "TZ=UTC jest --verbose --color",
     "test:coverage": "TZ=UTC jest --verbose --coverage --no-cache",
     "stylelint": "stylelint \"src/**/*.vue\" \"src/**/*.scss\" \"src/**/*.css\"",
@@ -86,30 +87,31 @@
     "@nextcloud/axios": "^2.5.0",
     "@nextcloud/browser-storage": "^0.4.0",
     "@nextcloud/capabilities": "^1.2.0",
-    "@nextcloud/event-bus": "^3.3.1",
+    "@nextcloud/event-bus": "^3.3.2",
     "@nextcloud/initial-state": "^2.2.0",
     "@nextcloud/l10n": "^3.2.0",
     "@nextcloud/logger": "^3.0.2",
     "@nextcloud/router": "^3.0.1",
     "@nextcloud/sharing": "^0.2.3",
-    "@nextcloud/timezones": "^0.1.1",
+    "@nextcloud/timezones": "^0.2.0",
     "@nextcloud/vue-select": "^3.25.1",
     "@vueuse/components": "^11.0.0",
     "@vueuse/core": "^11.0.0",
+    "blurhash": "^2.0.5",
     "clone": "^2.1.2",
     "debounce": "^2.2.0",
     "dompurify": "^3.2.4",
-    "emoji-mart-vue-fast": "^15.0.1",
+    "emoji-mart-vue-fast": "^15.0.4",
     "escape-html": "^1.0.3",
     "floating-vue": "^1.0.0-beta.19",
     "focus-trap": "^7.4.3",
     "linkify-string": "^4.0.0",
     "md5": "^2.3.0",
+    "p-queue": "^8.1.0",
     "rehype-external-links": "^3.0.0",
     "rehype-highlight": "^7.0.2",
     "rehype-react": "^7.1.2",
     "remark-breaks": "^4.0.0",
-    "remark-gfm": "^4.0.1",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.0.0",
     "splitpanes": "^2.4.1",
@@ -132,27 +134,27 @@
   },
   "devDependencies": {
     "@babel/plugin-syntax-import-assertions": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.5",
+    "@babel/preset-typescript": "^7.27.0",
     "@cypress/vue2": "^2.0.1",
-    "@fontsource/roboto": "^5.1.0",
+    "@fontsource/roboto": "^5.2.5",
     "@jest/globals": "^29.7.0",
     "@mdi/js": "file:../nc-mdi-js",
     "@mdi/svg": "file:../nc-mdi-svg/dist",
     "@nextcloud/babel-config": "^1.2.0",
     "@nextcloud/browserslist-config": "^3.0.1",
-    "@nextcloud/eslint-config": "^8.4.1",
+    "@nextcloud/eslint-config": "^8.4.2",
     "@nextcloud/stylelint-config": "^3.0.1",
-    "@nextcloud/vite-config": "^1.5.2",
+    "@nextcloud/vite-config": "^1.5.3",
     "@nextcloud/webpack-vue-config": "^6.2.0",
     "@testing-library/cypress": "^10.0.2",
-    "@types/gettext-parser": "^4.0.4",
+    "@types/gettext-parser": "^8.0.0",
     "@types/jest": "^29.5.5",
     "@vue/test-utils": "^1.3.0",
     "@vue/tsconfig": "^0.5.1",
     "@vue/vue2-jest": "^29.0.0",
     "babel-jest": "^29.0.1",
     "babel-loader-exclude-node-modules-except": "^1.2.1",
-    "core-js": "^3.36.1",
+    "core-js": "^3.41.0",
     "cypress": "^13.6.5",
     "cypress-visual-regression": "^5.0.0",
     "eslint-plugin-cypress": "^3.0.0",
@@ -165,21 +167,27 @@
     "jest-raw-loader": "^1.0.1",
     "jest-serializer-vue": "^3.1.0",
     "jest-transform-stub": "^2.0.0",
+    "remark-gfm": "^4.0.1",
     "resolve-url-loader": "^5.0.0",
     "sanitize-filename": "^1.6.3",
-    "sass": "^1.84.0",
+    "sass": "^1.86.1",
     "stylelint-use-logical": "^2.1.2",
     "ts-node": "^10.9.1",
-    "typescript": "^5.0.4",
+    "typescript": "^5.8.2",
     "url-loader": "^4.1.1",
-    "vite": "^5.0.10",
-    "vue-eslint-parser": "^9.0.3",
+    "vite": "^6.2.4",
+    "vue-eslint-parser": "^10.1.1",
     "vue-material-design-icons": "file:../nc-vue-material-design-icons/dist",
     "vue-styleguidist": "~4.72.0",
     "vue-template-compiler": "^2.7.16",
-    "webpack": "^5.97.1",
+    "webpack": "^5.98.0",
     "webpack-merge": "^6.0.1"
   },
+  "overrides": {
+    "mdast-util-gfm": {
+      "mdast-util-gfm-autolink-literal": "2.0.0"
+    }
+  },
   "browserslist": [
     "extends @nextcloud/browserslist-config"
   ]
diff --git a/src/components/NcActionButton/NcActionButton.vue b/src/components/NcActionButton/NcActionButton.vue
index 218e90c05d..c5edaa9583 100644
--- a/src/components/NcActionButton/NcActionButton.vue
+++ b/src/components/NcActionButton/NcActionButton.vue
@@ -355,8 +355,8 @@ export default {
 			<span v-else class="action-button__text">{{ text }}</span>
 
 			<!-- right(in LTR) or left(in RTL) arrow icon when there is a sub-menu -->
-			<ChevronRightIcon v-if="isMenu && !isRTL" :size="20" class="action-button__menu-icon" />
-			<ChevronLeftIcon v-else-if="isMenu && isRTL" :size="20" class="action-button__menu-icon" />
+			<ChevronRightIcon v-if="isMenu && !isRtl" :size="20" class="action-button__menu-icon" />
+			<ChevronLeftIcon v-else-if="isMenu && isRtl" :size="20" class="action-button__menu-icon" />
 			<CheckIcon v-else-if="isChecked === true" :size="20" class="action-button__pressed-icon" />
 			<span v-else-if="isChecked === false" class="action-button__pressed-icon material-design-icon" />
 
@@ -371,7 +371,7 @@ import CheckIcon from 'vue-material-design-icons/Check.vue'
 import ChevronRightIcon from 'vue-material-design-icons/ChevronRight.vue'
 import ChevronLeftIcon from 'vue-material-design-icons/ChevronLeft.vue'
 import ActionTextMixin from '../../mixins/actionText.js'
-import { isRTL } from '@nextcloud/l10n'
+import { isRtl } from '../../utils/rtl.ts'
 
 /**
  * Button component to be used in Actions
@@ -384,11 +384,6 @@ export default {
 		ChevronRightIcon,
 		ChevronLeftIcon,
 	},
-	setup() {
-		return {
-			isRTL: isRTL(),
-		}
-	},
 	mixins: [ActionTextMixin],
 
 	inject: {
@@ -462,6 +457,11 @@ export default {
 			default: null,
 		},
 	},
+	setup() {
+		return {
+			isRtl,
+		}
+	},
 
 	computed: {
 		/**
diff --git a/src/components/NcActionTextEditable/NcActionTextEditable.vue b/src/components/NcActionTextEditable/NcActionTextEditable.vue
index 0bf33d0000..f1c5990706 100644
--- a/src/components/NcActionTextEditable/NcActionTextEditable.vue
+++ b/src/components/NcActionTextEditable/NcActionTextEditable.vue
@@ -82,7 +82,7 @@ export default {
 				<!-- allow the custom font to inject a ::before
 					not possible on input[type=submit] -->
 				<label v-show="!disabled" :for="id" class="action-text-editable__label">
-					<ArrowLeft v-if="isRTL" :size="20" />
+					<ArrowLeft v-if="isRtl" :size="20" />
 					<ArrowRight v-else :size="20" />
 				</label>
 			</form>
@@ -98,7 +98,7 @@ import GenRandomId from '../../utils/GenRandomId.js'
 import ArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'
 import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
 
-import { isRTL } from '@nextcloud/l10n'
+import { isRtl } from '../../utils/rtl.ts'
 
 export default {
 	name: 'NcActionTextEditable',
@@ -170,7 +170,7 @@ export default {
 		const model = useModelMigration('value', 'update:value')
 		return {
 			model,
-			isRTL: isRTL(),
+			isRtl,
 		}
 	},
 
diff --git a/src/components/NcActions/NcActions.vue b/src/components/NcActions/NcActions.vue
index 0bfecbb9c4..a203fa2675 100644
--- a/src/components/NcActions/NcActions.vue
+++ b/src/components/NcActions/NcActions.vue
@@ -444,12 +444,12 @@ export default {
 </script>
 ```
 
-### Type variants
+### Design variants
 
 ```vue
 <template>
 	<div>
-		<NcActions :type="current">
+		<NcActions :variant="current">
 			<template #icon>
 				<SelectColor :size="20" />
 			</template>
@@ -461,7 +461,7 @@ export default {
 				Remove
 			</NcActionButton>
 
-			<NcActionButton v-for="row in types" close-after-click @click="define(row)" :key="`type-icon--${row}`">
+			<NcActionButton v-for="row in variants" close-after-click @click="define(row)" :key="`type-icon--${row}`">
 				<template #icon>
 					<CheckboxMarkedCircleOutline v-if="row === current" :size="20" />
 					<SelectColor v-else :size="20" />
@@ -470,7 +470,7 @@ export default {
 			</NcActionButton>
 		</NcActions>
 
-		<NcActions :type="current" menu-name="Choose a type">
+		<NcActions :variant="current" menu-name="Choose a variant">
 			<NcActionButton v-if="current" close-after-click @click="define()">
 				<template #icon>
 					<Delete :size="20" />
@@ -478,7 +478,7 @@ export default {
 				Remove
 			</NcActionButton>
 
-			<NcActionButton v-for="row in types" close-after-click @click="define(row)" :key="`type-text--${row}`">
+			<NcActionButton v-for="row in variants" close-after-click @click="define(row)" :key="`type-text--${row}`">
 				<template #icon>
 					<CheckboxMarkedCircleOutline v-if="row === current" :size="20" />
 					<SelectColor v-else :size="20" />
@@ -487,7 +487,7 @@ export default {
 			</NcActionButton>
 		</NcActions>
 
-		<NcActions :type="current"  menu-name="Choose a type">
+		<NcActions :variant="current"  menu-name="Choose a variant">
 			<template #icon>
 				<SelectColor :size="20" />
 			</template>
@@ -499,7 +499,7 @@ export default {
 				Remove
 			</NcActionButton>
 
-			<NcActionButton v-for="row in types" close-after-click @click="define(row)" :key="`type-icon-text--${row}`">
+			<NcActionButton v-for="row in variants" close-after-click @click="define(row)" :key="`type-icon-text--${row}`">
 				<template #icon>
 					<CheckboxMarkedCircleOutline v-if="row === current" :size="20" />
 					<SelectColor v-else :size="20" />
@@ -526,7 +526,7 @@ export default {
 	data() {
 		return {
 			current: 'primary',
-			types: [
+			variants: [
 				'primary',
 				'secondary',
 				'tertiary',
@@ -554,7 +554,7 @@ export default {
 		<p>Has buttons, button groups, links and router links, separators, texts. May have checkboxes and radio buttons. Separator can be used to make groups of radio buttons as well.</p>
 		<p><kbd>Arrows</kbd> are used to navigate between items, <kbd>Tab</kbd> is used to navigate to the next UI element on the page.</p>
 		<p>
-			<NcActions aria-label="Email menu" type="tertiary">
+			<NcActions aria-label="Email menu" variant="tertiary">
 				<NcActionButtonGroup>
 					<NcActionButton>
 						<template #icon>
@@ -606,11 +606,11 @@ export default {
 			</NcActions>
 		</p>
 		<p>
-			<NcActions aria-label="Text settings" type="tertiary">
+			<NcActions aria-label="Text settings" variant="tertiary">
 				<template #icon>
 					<FormatTitle :size="20" />
 				</template>
-				<NcActionButtonGroup name="Allignment">
+				<NcActionButtonGroup name="Alignment">
 					<NcActionButton aria-label="Left">
 						<template #icon>
 							<FormatAlignLeft :size="20" />
@@ -658,7 +658,7 @@ export default {
 		<p>Has links or router links. May use text elements, captions and separators.</p>
 		<p>Uses classic <kbd>Tab</kbd> navigation.</p>
 		<p>
-			<NcActions aria-label="Applications navigation" :inline="2" type="tertiary">
+			<NcActions aria-label="Applications navigation" :inline="2" variant="tertiary">
 				<NcActionLink href="/apps/dashboard" icon="icon-category-dashboard-white">
 					Dashboard
 				</NcActionLink>
@@ -696,7 +696,7 @@ export default {
 			</NcActions>
 		</p>
 
-		<h2>Toolip</h2>
+		<h2>Tooltip</h2>
 		<p>Has only text and no interactive elements.</p>
 		<p>
 			<NcActions aria-label="Contact" :inline="1">
@@ -726,7 +726,7 @@ import CheckIcon from 'vue-material-design-icons/Check.vue'
 import OpenInNewIcon from 'vue-material-design-icons/OpenInNew.vue'
 import DownloadIcon from 'vue-material-design-icons/Download.vue'
 
-// Formating icons
+// Formatting icons
 import FormatTitle from 'vue-material-design-icons/FormatTitle.vue'
 import FormatAlignLeft from 'vue-material-design-icons/FormatAlignLeft.vue'
 import FormatAlignCenter from 'vue-material-design-icons/FormatAlignCenter.vue'
@@ -751,7 +751,7 @@ export default {
 		OpenInNewIcon,
 		DownloadIcon,
 
-		// Formating icons
+		// Formatting icons
 		FormatTitle,
 		FormatAlignLeft,
 		FormatAlignCenter,
@@ -764,7 +764,7 @@ export default {
 	data() {
 		return {
 			selected: false,
-			// Formating
+			// Formatting
 			checked: {
 				bold: true,
 				italic: false,
@@ -954,7 +954,7 @@ import NcPopover from '../NcPopover/index.js'
 import GenRandomId from '../../utils/GenRandomId.js'
 
 import { t } from '../../l10n.js'
-import { getTrapStack } from '../../utils/focusTrap.js'
+import { useTrapStackControl } from '../../composables/useTrapStackControl.ts'
 import { useElementBounding, useWindowSize } from '@vueuse/core'
 import Vue, { ref, computed, toRef } from 'vue'
 
@@ -965,7 +965,7 @@ const focusableSelector = '.focusable'
 /**
  * The Actions component can be used to display one ore more actions.
  * If only a single action is provided, it will be rendered as an inline icon.
- * For more, a menu indicator will be shown and a popovermenu containing the
+ * For more, a menu indicator will be shown and a popover menu containing the
  * actions will be opened on click.
  *
  * @since 0.10.0
@@ -1074,14 +1074,16 @@ export default {
 		},
 
 		/**
-		 * Specifies the button type used for trigger and single actions buttons
+		 * Specifies the button variant used for trigger and single actions buttons.
+		 *
 		 * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success. If left empty,
 		 * the default button style will be applied.
+		 * @deprecated use `variant` instead - will be removed with v9
 		 */
 		type: {
 			type: String,
 			validator(value) {
-				return ['primary', 'secondary', 'tertiary', 'tertiary-no-background', 'tertiary-on-primary', 'error', 'warning', 'success'].indexOf(value) !== -1
+				return ['primary', 'secondary', 'tertiary', 'tertiary-no-background', 'tertiary-on-primary', 'error', 'warning', 'success'].includes(value)
 			},
 			default: null,
 		},
@@ -1158,15 +1160,34 @@ export default {
 			type: Number,
 			default: 0,
 		},
+
+		/**
+		 * Specifies the button variant used for trigger and single actions buttons.
+		 *
+		 * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success.
+		 * If left empty, the default button style will be applied.
+		 *
+		 * @since 8.24.0
+		 */
+		variant: {
+			type: String,
+			validator(value) {
+				return ['primary', 'secondary', 'tertiary', 'tertiary-no-background', 'tertiary-on-primary', 'error', 'warning', 'success'].includes(value)
+			},
+			default: null,
+		},
 	},
 
 	emits: [
+		'click',
+		'blur',
+		'focus',
+
+		'close',
+		'closed',
 		'open',
+		'opened',
 		'update:open',
-		'close',
-		'focus',
-		'blur',
-		'click',
 	],
 
 	setup(props) {
@@ -1212,14 +1233,13 @@ export default {
 			 * @type {'menu'|'expanded'|'dialog'|'tooltip'|'unknown'}
 			 */
 			actionsMenuSemanticType: 'unknown',
-			externalFocusTrapStack: [],
 		}
 	},
 
 	computed: {
-		triggerBtnType() {
+		triggerButtonVariant() {
 			// If requested, we use a primary button
-			return this.type || (this.primary
+			return (this.type ?? this.variant) || (this.primary
 				? 'primary'
 				// If it has a name, we use a secondary button
 				: this.menuName ? 'secondary' : 'tertiary')
@@ -1334,8 +1354,6 @@ export default {
 		},
 
 		opened() {
-			this.intersectIntoCurrentFocusTrapStack()
-
 			// Ensure that pressing escape will close the menu even if the menu is not hovered
 			// and not currently active, e.g. because user opened the context menu
 			if (this.opened) {
@@ -1346,6 +1364,14 @@ export default {
 		},
 	},
 
+	created() {
+		// When component has its own custom focus management
+		// The global focus trap stack should be paused
+		useTrapStackControl(() => this.opened, {
+			disabled: () => this.config.withFocusTrap,
+		})
+	},
+
 	methods: {
 		/**
 		 * Get the name of the action component
@@ -1357,33 +1383,6 @@ export default {
 			return action?.componentOptions?.Ctor?.extendOptions?.name ?? action?.componentOptions?.tag
 		},
 
-		/**
-		 * When the component has its own focus trap, then it is managed by global trap stack by focus-trap.
-		 *
-		 * However if the component has no focus trap and is used inside another focus trap - there is an issue.
-		 * By default popover content is rendered in body or other container, which is likely outside the current focus trap containers.
-		 * It results in broken behavior from focus-trap.
-		 *
-		 * We need to pause all the focus traps for opening popover and then unpause them back after closing.
-		 */
-		intersectIntoCurrentFocusTrapStack() {
-			if (this.config.withFocusTrap) {
-				return
-			}
-
-			if (this.opened) {
-				this.externalFocusTrapStack = [...getTrapStack()]
-				for (const trap of this.externalFocusTrapStack) {
-					trap.pause()
-				}
-			} else {
-				for (const trap of this.externalFocusTrapStack) {
-					trap.unpause()
-				}
-				this.externalFocusTrapStack = []
-			}
-		},
-
 		/**
 		 * Do we have exactly one Action and
 		 * is it allowed as a standalone element?
@@ -1475,10 +1474,17 @@ export default {
 		/**
 		 * Called when popover is shown after the show delay
 		 */
-		onOpen() {
+		onOpened() {
 			this.$nextTick(() => {
 				this.focusFirstAction(null)
 				this.resizePopover()
+
+				/**
+				 * Event emitted when the popover menu is opened.
+				 *
+				 * This event is emitted after `update:open` was emitted and the opening transition finished.
+				 */
+				this.$emit('opened')
 			})
 		},
 
@@ -1682,7 +1688,7 @@ export default {
 			this.$emit('blur', event)
 
 			// When there is no focusable elements to handle Tab press from actions menu
-			// It requries manual closing
+			// It requires manual closing
 			if (this.actionsMenuSemanticType === 'tooltip') {
 				// Tooltip is supposed to have no focusable element.
 				// However, if there is a custom focusable element, it will be auto-focused and cause the menu to be closed on open.
@@ -1830,12 +1836,12 @@ export default {
 					},
 					ref: action?.data?.ref,
 					props: {
-						// If it has a menuName, we use a secondary button
-						type: this.type || (buttonText ? 'secondary' : 'tertiary'),
+						...propsToForward,
 						disabled: this.disabled || action?.componentOptions?.propsData?.disabled,
 						pressed: action?.componentOptions?.propsData?.modelValue,
-						nativeType,
-						...propsToForward,
+						type: nativeType,
+						// If it has a menuName, we use a secondary button
+						variant: (this.type ?? this.variant) || (buttonText ? 'secondary' : 'tertiary'),
 					},
 					on: {
 						focus: this.onFocus,
@@ -1905,16 +1911,16 @@ export default {
 					},
 					on: {
 						show: this.openMenu,
-						'apply-show': this.onOpen,
+						'after-show': this.onOpened,
 						hide: this.closeMenu,
-						'apply-hide': this.onClosed,
+						'after-hide': this.onClosed,
 					},
 				},
 				[
 					h('NcButton', {
 						class: 'action-item__menutoggle',
 						props: {
-							type: this.triggerBtnType,
+							variant: this.triggerButtonVariant,
 							disabled: this.disabled,
 						},
 						slot: 'trigger',
@@ -1990,7 +1996,7 @@ export default {
 				{
 					class: [
 						'action-items',
-						`action-item--${this.triggerBtnType}`,
+						`action-item--${this.triggerButtonVariant}`,
 					],
 				},
 				[
@@ -2021,7 +2027,7 @@ export default {
 			{
 				class: [
 					'action-item action-item--default-popover',
-					`action-item--${this.triggerBtnType}`,
+					`action-item--${this.triggerButtonVariant}`,
 					{
 						'action-item--open': this.opened,
 					},
diff --git a/src/components/NcAppContent/NcAppContent.vue b/src/components/NcAppContent/NcAppContent.vue
index 9fe2ed0247..9b6280724d 100644
--- a/src/components/NcAppContent/NcAppContent.vue
+++ b/src/components/NcAppContent/NcAppContent.vue
@@ -50,6 +50,45 @@ The list size must be between the min and the max width value.
 	:list-max-width="45"
 >...</NcAppContent>
 ```
+
+#### Usage: Custom document title
+For accessibility reasons every document should have a `h1` heading,
+this is visually hidden, but required for a semantically correct document.
+You can use your app name or current view for the heading.
+
+Additionally you can set a custom document title, e.g. to show the current status.
+
+```vue
+<template>
+	<NcAppContent :pageHeading="heading ? 'Heading' : undefined" :pageTitle="title ? 'Title' : undefined" >
+		<NcCheckboxRadioSwitch type="switch" :checked.sync="title">
+			Toggle title
+		</NcCheckboxRadioSwitch>
+		<NcCheckboxRadioSwitch type="switch" :checked.sync="heading">
+			Toggle Heading
+		</NcCheckboxRadioSwitch>
+		<NcButton @click="reset">Reset</NcButton>
+	</NcAppContent>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			heading: false,
+			title: false,
+		}
+	},
+	methods: {
+		reset() {
+			this.heading = false
+			this.title = false
+			document.title = ''
+		},
+	},
+}
+</script>
+```
 </docs>
 
 <template>
@@ -68,8 +107,10 @@ The list size must be between the min and the max width value.
 					'app-content-wrapper--mobile': isMobile,}">
 				<NcAppDetailsToggle v-if="showDetails" @click.native.stop.prevent="hideDetails" />
 
-				<slot v-if="!showDetails" name="list" />
-				<slot v-else />
+				<div v-show="!showDetails">
+					<slot name="list" />
+				</div>
+				<slot v-if="showDetails" />
 			</div>
 			<div v-else-if="layout === 'vertical-split' || layout === 'horizontal-split'" class="app-content-wrapper">
 				<Splitpanes :horizontal="layout === 'horizontal-split'"
@@ -77,7 +118,7 @@ The list size must be between the min and the max width value.
 					:class="{ 'splitpanes--horizontal': layout === 'horizontal-split',
 						'splitpanes--vertical': layout === 'vertical-split'
 					}"
-					:rtl="isRTL"
+					:rtl="isRtl"
 					@resized="handlePaneResize">
 					<Pane class="splitpanes__pane-list"
 						:size="listPaneSize || paneDefaults.list.size"
@@ -103,18 +144,22 @@ The list size must be between the min and the max width value.
 </template>
 
 <script>
-import NcAppDetailsToggle from './NcAppDetailsToggle.vue'
-import { useIsMobile } from '../../composables/useIsMobile/index.js'
-
 import { getBuilder } from '@nextcloud/browser-storage'
+import { emit } from '@nextcloud/event-bus'
+import { loadState } from '@nextcloud/initial-state'
 import { useSwipe } from '@vueuse/core'
 import { Splitpanes, Pane } from 'splitpanes'
+import { useIsMobile } from '../../composables/useIsMobile/index.js'
+import { isRtl } from '../../utils/rtl.ts'
+
+import NcAppDetailsToggle from './NcAppDetailsToggle.vue'
 
 import 'splitpanes/dist/splitpanes.css'
-import { emit } from '@nextcloud/event-bus'
-import { isRTL } from '@nextcloud/l10n'
 
 const browserStorage = getBuilder('nextcloud').persist().build()
+const { name: productName } = loadState('theming', 'data', { name: 'Nextcloud' })
+const activeApp = loadState('core', 'active-app', appName)
+const localizedAppName = loadState('core', 'apps', {})[activeApp]?.name ?? appName
 
 /**
  * App content container to be used for the main content of your app
@@ -217,6 +262,18 @@ export default {
 				return ['no-split', 'vertical-split', 'horizontal-split'].includes(value)
 			},
 		},
+
+		/**
+		 * Allow setting the page's `<title>`
+		 *
+		 * If a page heading is set it defaults to `{pageHeading} - {appName} - {productName}` e.g. `Favorites - Files - Nextcloud`.
+		 * When the page heading and the app name is the same only one is used, e.g. `Files - Files - Nextcloud` is shown as `Files - Nextcloud`.
+		 * When setting the prop then the following format will be used: `{pageTitle} - {pageHeading || appName} - {productName}`
+		 */
+		pageTitle: {
+			type: String,
+			default: null,
+		},
 	},
 
 	emits: [
@@ -227,7 +284,7 @@ export default {
 	setup() {
 		return {
 			isMobile: useIsMobile(),
-			isRTL: isRTL(),
+			isRtl,
 		}
 	},
 
@@ -284,6 +341,37 @@ export default {
 				},
 			}
 		},
+
+		realPageTitle() {
+			const entries = new Set()
+			if (this.pageTitle) {
+				entries.add(this.pageTitle)
+			}
+			if (this.pageHeading) {
+				entries.add(this.pageHeading)
+			}
+			if (entries.size === 0) {
+				return null
+			}
+
+			if (entries.size < 2) {
+				// Only add if not already pageHeading and pageTitle are included
+				entries.add(localizedAppName)
+			}
+			entries.add(productName)
+			return [...entries.values()].join(' - ')
+		},
+	},
+
+	watch: {
+		realPageTitle: {
+			immediate: true,
+			handler() {
+				if (this.realPageTitle !== null) {
+					document.title = this.realPageTitle
+				}
+			},
+		},
 	},
 
 	updated() {
diff --git a/src/components/NcAppContent/NcAppDetailsToggle.vue b/src/components/NcAppContent/NcAppDetailsToggle.vue
index 81db506aa5..fb53a62cff 100644
--- a/src/components/NcAppContent/NcAppDetailsToggle.vue
+++ b/src/components/NcAppContent/NcAppDetailsToggle.vue
@@ -4,46 +4,39 @@
 -->
 
 <template>
-	<NcButton v-tooltip="title"
-		type="tertiary"
-		:aria-label="title"
+	<NcButton :aria-label="title"
 		class="app-details-toggle"
-		:class="{ 'app-details-toggle--mobile': isMobile }">
+		:class="{ 'app-details-toggle--mobile': isMobile }"
+		:title="title"
+		variant="tertiary">
 		<template #icon>
-			<ArrowLeft v-if="isRTL" :size="20" />
+			<ArrowLeft v-if="isRtl" :size="20" />
 			<ArrowRight v-else :size="20" />
 		</template>
 	</NcButton>
 </template>
 
 <script>
-import NcButton from '../NcButton/index.js'
-import { t } from '../../l10n.js'
-import Tooltip from '../../directives/Tooltip/index.js'
-
 import { emit } from '@nextcloud/event-bus'
+import { useIsMobile } from '../../composables/useIsMobile/index.js'
+import { isRtl } from '../../utils/rtl.ts'
+import { t } from '../../l10n.js'
 
 import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
 import ArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'
-
-import { useIsMobile } from '../../composables/useIsMobile/index.js'
-import { isRTL } from '@nextcloud/l10n'
+import NcButton from '../NcButton/index.js'
 
 export default {
 	name: 'NcAppDetailsToggle',
 
-	directives: {
-		tooltip: Tooltip,
-	},
-
 	components: {
-		NcButton,
 		ArrowRight,
 		ArrowLeft,
+		NcButton,
 	},
 	setup() {
 		return {
-			isRTL: isRTL(),
+			isRtl,
 			isMobile: useIsMobile(),
 		}
 	},
diff --git a/src/components/NcAppNavigation/NcAppNavigation.vue b/src/components/NcAppNavigation/NcAppNavigation.vue
index c9f8d7a762..c483613513 100644
--- a/src/components/NcAppNavigation/NcAppNavigation.vue
+++ b/src/components/NcAppNavigation/NcAppNavigation.vue
@@ -56,8 +56,8 @@
 </template>
 
 <script>
-	import IconCheck from 'vue-material-design-icons/Check'
-	import IconCog from 'vue-material-design-icons/Cog'
+	import IconCheck from 'vue-material-design-icons/Check.vue'
+	import IconCog from 'vue-material-design-icons/Cog.vue'
 
 	export default {
 		components: {
@@ -173,7 +173,7 @@ import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { tabbable } from 'tabbable'
 import Vue from 'vue'
 
-import { getTrapStack } from '../../utils/focusTrap.js'
+import { getTrapStack } from '../../utils/focusTrap.ts'
 import { logger } from '../../utils/logger.ts'
 import { useHotKey } from '../../composables/useHotKey/index.js'
 import { useIsMobile } from '../../composables/useIsMobile/index.js'
@@ -346,7 +346,7 @@ export default {
 
 		isFocusWithinNavigation() {
 			const activeElement = document.activeElement
-			return this.$refs.appNavigationContainer.contains(activeElement)
+			return this.$refs.appNavigationContainer?.contains(activeElement)
 		},
 	},
 }
diff --git a/src/components/NcAppNavigationItem/NcAppNavigationIconCollapsible.vue b/src/components/NcAppNavigationItem/NcAppNavigationIconCollapsible.vue
index b869a495e3..0c3d49557c 100644
--- a/src/components/NcAppNavigationItem/NcAppNavigationIconCollapsible.vue
+++ b/src/components/NcAppNavigationItem/NcAppNavigationIconCollapsible.vue
@@ -7,8 +7,8 @@
 	<!-- Button to expand or collapse children -->
 	<NcButton class="icon-collapse"
 		:class="{'icon-collapse--open':open}"
-		type="tertiary"
 		:aria-label="labelButton"
+		variant="tertiary"
 		@click="onClick">
 		<template #icon>
 			<ChevronUp v-if="open"
diff --git a/src/components/NcAppNavigationItem/NcInputConfirmCancel.vue b/src/components/NcAppNavigationItem/NcInputConfirmCancel.vue
index f0d3caae35..b879413445 100644
--- a/src/components/NcAppNavigationItem/NcInputConfirmCancel.vue
+++ b/src/components/NcAppNavigationItem/NcInputConfirmCancel.vue
@@ -21,18 +21,18 @@
 				class="app-navigation-input-confirm__input"
 				:placeholder="placeholder">
 
-			<NcButton native-type="submit"
-				type="primary"
-				:aria-label="labelConfirm"
+			<NcButton :aria-label="labelConfirm"
+				type="submit"
+				variant="primary"
 				@click.stop.prevent="confirm">
 				<template #icon>
 					<ArrowRight :size="20" />
 				</template>
 			</NcButton>
 
-			<NcButton native-type="reset"
-				:type="primary ? 'primary' : 'tertiary'"
-				:aria-label="labelCancel"
+			<NcButton :aria-label="labelCancel"
+				type="reset"
+				:variant="primary ? 'primary' : 'tertiary'"
 				@click.stop.prevent="cancel">
 				<template #icon>
 					<Close :size="20" />
@@ -42,11 +42,11 @@
 	</div>
 </template>
 <script>
-import NcButton from '../NcButton/index.js'
 import { t } from '../../l10n.js'
 
 import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
 import Close from 'vue-material-design-icons/Close.vue'
+import NcButton from '../NcButton/index.js'
 
 export default {
 	name: 'NcInputConfirmCancel',
diff --git a/src/components/NcAppNavigationNew/NcAppNavigationNew.vue b/src/components/NcAppNavigationNew/NcAppNavigationNew.vue
index 7a194ad704..5fbde8a937 100644
--- a/src/components/NcAppNavigationNew/NcAppNavigationNew.vue
+++ b/src/components/NcAppNavigationNew/NcAppNavigationNew.vue
@@ -30,7 +30,7 @@
 	<div class="app-navigation-new">
 		<NcButton :id="buttonId"
 			:disabled="disabled"
-			:type="type"
+			:variant="type !== 'primary' ? type : variant"
 			@click="$emit('click')">
 			<template #icon>
 				<slot name="icon" />
@@ -62,6 +62,10 @@ export default {
 			type: String,
 			required: true,
 		},
+
+		/**
+		 * @deprecated use `variant` instead - will be removed with v9
+		 */
 		type: {
 			type: String,
 			default: 'primary',
@@ -69,6 +73,18 @@ export default {
 				return ['primary', 'secondary', 'tertiary'].indexOf(value) !== -1
 			},
 		},
+
+		/**
+		 * The color variant to use.
+		 * @default 'primary'
+		 */
+		variant: {
+			type: String,
+			default: 'primary',
+			validator(value) {
+				return ['primary', 'secondary', 'tertiary'].indexOf(value) !== -1
+			},
+		},
 	},
 
 	emits: ['click'],
diff --git a/src/components/NcAppNavigationSearch/NcAppNavigationSearch.vue b/src/components/NcAppNavigationSearch/NcAppNavigationSearch.vue
index 75652a0728..ba8b00238b 100644
--- a/src/components/NcAppNavigationSearch/NcAppNavigationSearch.vue
+++ b/src/components/NcAppNavigationSearch/NcAppNavigationSearch.vue
@@ -31,7 +31,7 @@
 									Filter by year
 								</NcActionButton>
 							</NcActions>
-							<NcButton aria-label="Search globally" type="tertiary">
+							<NcButton aria-label="Search globally" variant="tertiary">
 								<template #icon>
 									<IconSearchGlobal :size="20" />
 								</template>
diff --git a/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue b/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
index 1a89cab9ff..5de9e3d0f1 100644
--- a/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
+++ b/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
@@ -6,12 +6,12 @@
 <template>
 	<div class="app-navigation-toggle-wrapper">
 		<NcButton class="app-navigation-toggle"
-			type="tertiary"
+			aria-controls="app-navigation-vue"
 			:aria-expanded="open ? 'true' : 'false'"
+			:aria-keyshortcuts="disableKeyboardShortcuts ? '' : 'n'"
 			:aria-label="label"
 			:title="label"
-			aria-controls="app-navigation-vue"
-			:aria-keyshortcuts="disableKeyboardShortcuts ? '' : 'n'"
+			variant="tertiary"
 			@click="toggleNavigation">
 			<template #icon>
 				<MenuOpenIcon v-if="open" :size="20" />
diff --git a/src/components/NcAppSidebar/NcAppSidebar.vue b/src/components/NcAppSidebar/NcAppSidebar.vue
index 515be3250e..c322313a46 100644
--- a/src/components/NcAppSidebar/NcAppSidebar.vue
+++ b/src/components/NcAppSidebar/NcAppSidebar.vue
@@ -379,7 +379,7 @@ Note: the built-in toggle button is only available then NcAppSidebar is used in
 	<NcContent app-name="styleguidist" class="content-styleguidist">
 		<NcAppContent>
 			<div class="top-bar">
-				<NcButton type="primary">Start a call</NcButton>
+				<NcButton variant="primary">Start a call</NcButton>
 			</div>
 		</NcAppContent>
 		<!-- The sidebar -->
@@ -398,7 +398,7 @@ Note: the built-in toggle button is only available then NcAppSidebar is used in
 </template>
 
 <script>
-import Cog from 'vue-material-design-icons/Cog'
+import Cog from 'vue-material-design-icons/Cog.vue'
 
 export default {
 	components: {
@@ -479,7 +479,7 @@ If the sidebar should be shown conditionally without any explicit toggle button,
 </template>
 
 <script>
-import Cog from 'vue-material-design-icons/Cog'
+import Cog from 'vue-material-design-icons/Cog.vue'
 
 export default {
 	components: {
@@ -545,10 +545,11 @@ export default {
 				As a simple solution - render it in the content to keep correct position.
 			-->
 			<Teleport v-if="ncContentSelector && !open && !noToggle" :selector="ncContentSelector">
-				<NcButton :aria-label="t('Open sidebar')"
+				<NcButton ref="toggle"
+					:aria-label="t('Open sidebar')"
 					class="app-sidebar__toggle"
 					:class="toggleClasses"
-					type="tertiary"
+					variant="tertiary"
 					v-bind="toggleAttrs"
 					@click="$emit('update:open', true)">
 					<template #icon>
@@ -565,111 +566,117 @@ export default {
 					'app-sidebar-header--compact': compact,
 				}"
 				class="app-sidebar-header">
-				<!-- container for figure and description, allows easy switching to compact mode -->
-				<div class="app-sidebar-header__info">
-					<!-- sidebar header illustration/figure -->
-					<div v-if="hasFigure && !empty"
-						:class="{
-							'app-sidebar-header__figure--with-action': hasFigureClickListener
-						}"
-						class="app-sidebar-header__figure"
-						:style="{
-							backgroundImage: `url(${background})`
-						}"
-						tabindex="0"
-						@click="onFigureClick"
-						@keydown.enter="onFigureClick">
-						<slot class="app-sidebar-header__background" name="header" />
-					</div>
-
-					<!-- sidebar details -->
-					<div v-if="!empty"
-						:class="{
-							'app-sidebar-header__desc--with-tertiary-action': canStar || $slots['tertiary-actions'],
-							'app-sidebar-header__desc--editable': nameEditable && !subname,
-							'app-sidebar-header__desc--with-subname--editable': nameEditable && subname,
-							'app-sidebar-header__desc--without-actions': !$slots['secondary-actions'],
-						}"
-						class="app-sidebar-header__desc">
-						<!-- favourite icon -->
-						<div v-if="canStar || $slots['tertiary-actions']" class="app-sidebar-header__tertiary-actions">
-							<slot name="tertiary-actions">
-								<NcButton v-if="canStar"
-									:aria-label="favoriteTranslated"
-									:pressed="isStarred"
-									class="app-sidebar-header__star"
-									type="secondary"
-									@click.prevent="toggleStarred">
-									<template #icon>
-										<NcLoadingIcon v-if="starLoading" />
-										<Star v-else-if="isStarred" :size="20" />
-										<StarOutline v-else :size="20" />
-									</template>
-								</NcButton>
-							</slot>
+				<!-- @slot Alternative to the default header info: use for bare NcAppSidebar with tabs.
+					NcAppSidebarHeader would be required to use for accessibility reasons.
+					This will be overridden by `empty` prop.
+				-->
+				<slot v-if="!empty" name="info">
+					<!-- container for figure and description, allows easy switching to compact mode -->
+					<div class="app-sidebar-header__info">
+						<!-- sidebar header illustration/figure -->
+						<div v-if="hasFigure"
+							:class="{
+								'app-sidebar-header__figure--with-action': hasFigureClickListener
+							}"
+							class="app-sidebar-header__figure"
+							:style="{
+								backgroundImage: `url(${background})`
+							}"
+							tabindex="0"
+							@click="onFigureClick"
+							@keydown.enter="onFigureClick">
+							<slot class="app-sidebar-header__background" name="header" />
 						</div>
 
-						<!-- name -->
-						<div class="app-sidebar-header__name-container">
-							<div class="app-sidebar-header__mainname-container">
-								<!-- main name -->
-								<h2 v-show="!nameEditable"
-									:id="`app-sidebar-vue-${uid}__header`"
-									ref="header"
-									v-linkify="{text: name, linkify: linkifyName}"
-									:aria-label="title"
-									:title="title"
-									class="app-sidebar-header__mainname"
-									:tabindex="nameEditable ? 0 : -1"
-									@click.self="editName">
-									{{ name }}
-								</h2>
-								<template v-if="nameEditable">
-									<form v-click-outside="() => onSubmitName()"
-										class="app-sidebar-header__mainname-form"
-										@submit.prevent="onSubmitName">
-										<input ref="nameInput"
-											v-focus
-											class="app-sidebar-header__mainname-input"
-											type="text"
-											:placeholder="namePlaceholder"
-											:value="name"
-											@keydown.esc.stop="onDismissEditing"
-											@input="onNameInput">
-										<NcButton type="tertiary-no-background"
-											:aria-label="changeNameTranslated"
-											native-type="submit">
-											<template #icon>
-												<ArrowRight :size="20" />
-											</template>
-										</NcButton>
-									</form>
-								</template>
-								<!-- header main menu -->
-								<NcActions v-if="$slots['secondary-actions']"
-									class="app-sidebar-header__menu"
-									:force-menu="forceMenu">
-									<slot name="secondary-actions" />
-								</NcActions>
-							</div>
-							<!-- secondary name -->
-							<p v-if="subname.trim() !== '' || $slots['subname']"
-								:title="subtitle || undefined"
-								class="app-sidebar-header__subname">
-								<!-- @slot Alternative to the `subname` prop can be used for more complex conent. It will be rendered within a `p` tag. -->
-								<slot name="subname">
-									{{ subname }}
+						<!-- sidebar details -->
+						<div :class="{
+								'app-sidebar-header__desc--with-tertiary-action': canStar || $slots['tertiary-actions'],
+								'app-sidebar-header__desc--editable': nameEditable && !subname,
+								'app-sidebar-header__desc--with-subname--editable': nameEditable && subname,
+								'app-sidebar-header__desc--without-actions': !$slots['secondary-actions'],
+							}"
+							class="app-sidebar-header__desc">
+							<!-- favourite icon -->
+							<div v-if="canStar || $slots['tertiary-actions']" class="app-sidebar-header__tertiary-actions">
+								<slot name="tertiary-actions">
+									<NcButton v-if="canStar"
+										:aria-label="favoriteTranslated"
+										:pressed="isStarred"
+										class="app-sidebar-header__star"
+										variant="secondary"
+										@click.prevent="toggleStarred">
+										<template #icon>
+											<NcLoadingIcon v-if="starLoading" />
+											<Star v-else-if="isStarred" :size="20" />
+											<StarOutline v-else :size="20" />
+										</template>
+									</NcButton>
 								</slot>
-							</p>
+							</div>
+
+							<!-- name -->
+							<div class="app-sidebar-header__name-container">
+								<div class="app-sidebar-header__mainname-container">
+									<!-- main name -->
+									<NcAppSidebarHeader v-show="!nameEditable"
+										class="app-sidebar-header__mainname"
+										:name="name"
+										:linkify="linkifyName"
+										:title="title"
+										:tabindex="nameEditable ? 0 : -1"
+										@click.self.native="editName" />
+									<template v-if="nameEditable">
+										<form v-click-outside="() => onSubmitName()"
+											class="app-sidebar-header__mainname-form"
+											@submit.prevent="onSubmitName">
+											<input ref="nameInput"
+												v-focus
+												class="app-sidebar-header__mainname-input"
+												type="text"
+												:placeholder="namePlaceholder"
+												:value="name"
+												@keydown.esc.stop="onDismissEditing"
+												@input="onNameInput">
+											<NcButton :aria-label="changeNameTranslated"
+												type="submit"
+												variant="tertiary-no-background">
+												<template #icon>
+													<ArrowRight :size="20" />
+												</template>
+											</NcButton>
+										</form>
+									</template>
+									<!-- header main menu -->
+									<NcActions v-if="$slots['secondary-actions']"
+										class="app-sidebar-header__menu"
+										:force-menu="forceMenu">
+										<slot name="secondary-actions" />
+									</NcActions>
+								</div>
+								<!-- secondary name -->
+								<p v-if="subname.trim() !== '' || $slots['subname']"
+									:title="subtitle || undefined"
+									class="app-sidebar-header__subname">
+									<!-- @slot Alternative to the `subname` prop can be used for more complex conent. It will be rendered within a `p` tag. -->
+									<slot name="subname">
+										{{ subname }}
+									</slot>
+								</p>
+							</div>
 						</div>
 					</div>
-				</div>
+				</slot>
+				<!-- a11y fallback for empty content -->
+				<NcAppSidebarHeader v-else
+					class="app-sidebar-header__mainname--hidden"
+					:name="name"
+					tabindex="-1" />
 
 				<NcButton ref="closeButton"
-					:title="closeTranslated"
 					:aria-label="closeTranslated"
-					type="tertiary"
+					:title="closeTranslated"
 					class="app-sidebar__close"
+					variant="tertiary"
 					@click.prevent="closeSidebar">
 					<template #icon>
 						<Close :size="20" />
@@ -704,14 +711,14 @@ import { Portal as Teleport } from '@linusborg/vue-simple-portal'
 
 import NcAppSidebarTabs from './NcAppSidebarTabs.vue'
 import NcActions from '../NcActions/index.js'
-import NcLoadingIcon from '../NcLoadingIcon/index.js'
+import NcAppSidebarHeader from '../NcAppSidebarHeader/index.ts'
 import NcButton from '../NcButton/index.js'
 import NcEmptyContent from '../NcEmptyContent/index.js'
+import NcLoadingIcon from '../NcLoadingIcon/index.js'
 import Focus from '../../directives/Focus/index.js'
-import Linkify from '../../directives/Linkify/index.js'
 import { useIsSmallMobile } from '../../composables/useIsMobile/index.js'
 import GenRandomId from '../../utils/GenRandomId.js'
-import { getTrapStack } from '../../utils/focusTrap.js'
+import { getTrapStack } from '../../utils/focusTrap.ts'
 import { t } from '../../l10n.js'
 
 import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
@@ -722,6 +729,7 @@ import StarOutline from 'vue-material-design-icons/StarOutline.vue'
 
 import { vOnClickOutside as ClickOutside } from '@vueuse/components'
 import { createFocusTrap } from 'focus-trap'
+import Vue, { provide, ref } from 'vue'
 
 export default {
 	name: 'NcAppSidebar',
@@ -729,6 +737,7 @@ export default {
 	components: {
 		Teleport,
 		NcActions,
+		NcAppSidebarHeader,
 		NcAppSidebarTabs,
 		ArrowRight,
 		IconDockRight,
@@ -742,7 +751,6 @@ export default {
 
 	directives: {
 		focus: Focus,
-		linkify: Linkify,
 		ClickOutside,
 	},
 
@@ -923,9 +931,13 @@ export default {
 	],
 
 	setup() {
+		const headerRef = ref(null)
+		provide('NcAppSidebar:header:ref', headerRef)
+
 		return {
 			uid: GenRandomId(),
 			isMobile: useIsSmallMobile(),
+			headerRef,
 		}
 	},
 
@@ -1010,7 +1022,7 @@ export default {
 				document.querySelector('#header'),
 			], {
 				allowOutsideClick: true,
-				fallbackFocus: this.$refs.closeButton,
+				fallbackFocus: this.$refs.closeButton.$el,
 				trapStack: getTrapStack(),
 				escapeDeactivates: false,
 			})
@@ -1155,7 +1167,16 @@ export default {
 		 * @public
 		 */
 		focus() {
-			this.$refs.header.focus()
+			if (!this.open && !this.noToggle) {
+				this.$refs.toggle.$el.focus()
+				return
+			}
+
+			try {
+				this.headerRef.focus()
+			} catch {
+				Vue.util.warn('NcAppSidebar should have focusable header for accessibility reasons. Use NcAppSidebarHeader component.')
+			}
 		},
 
 		/**
@@ -1305,6 +1326,9 @@ $top-buttons-spacing: $app-navigation-padding; // align with app navigation
 	}
 
 	.app-sidebar-header {
+		// Variable for custom content to be aware of space taken by close button (from top-right corner)
+		--app-sidebar-close-button-offset: calc(var(--default-clickable-area) + #{$top-buttons-spacing});
+
 		> .app-sidebar__close {
 			position: absolute;
 			z-index: 100;
@@ -1340,11 +1364,11 @@ $top-buttons-spacing: $app-navigation-padding; // align with app navigation
 					padding-inline-start: 0;
 					flex: 1 1 auto;
 					min-width: 0;
-					padding-inline-end: calc(2 * var(--default-clickable-area) + $top-buttons-spacing);
+					padding-inline-end: calc(var(--default-clickable-area) + var(--app-sidebar-close-button-offset));
 					padding-top: var(--app-sidebar-padding);
 
 					&.app-sidebar-header__desc--without-actions {
-						padding-inline-end: calc(var(--default-clickable-area) + $top-buttons-spacing);
+						padding-inline-end: var(--app-sidebar-close-button-offset);
 					}
 
 					.app-sidebar-header__tertiary-actions {
@@ -1356,7 +1380,7 @@ $top-buttons-spacing: $app-navigation-padding; // align with app navigation
 					}
 					.app-sidebar-header__menu {
 						top: $top-buttons-spacing;
-						inset-inline-end: calc(var(--default-clickable-area) + $top-buttons-spacing); // left of the close button
+						inset-inline-end: var(--app-sidebar-close-button-offset); // left of the close button
 						position: absolute;
 					}
 				}
@@ -1369,14 +1393,14 @@ $top-buttons-spacing: $app-navigation-padding; // align with app navigation
 			.app-sidebar-header__menu {
 				position: absolute;
 				top: $top-buttons-spacing;
-				inset-inline-end: calc($top-buttons-spacing + var(--default-clickable-area));
+				inset-inline-end: var(--app-sidebar-close-button-offset);
 			}
 			// increase the padding to not overlap the menu
 			.app-sidebar-header__desc {
-				padding-inline-end: calc(var(--default-clickable-area) * 2 + $top-buttons-spacing);
+				padding-inline-end: calc(var(--default-clickable-area) + var(--app-sidebar-close-button-offset));
 
 				&.app-sidebar-header__desc--without-actions {
-					padding-inline-end: calc(var(--default-clickable-area) + $top-buttons-spacing);
+					padding-inline-end: var(--app-sidebar-close-button-offset);
 				}
 			}
 		}
@@ -1514,6 +1538,17 @@ $top-buttons-spacing: $app-navigation-padding; // align with app navigation
 			}
 		}
 
+		// Hidden a11y fallback
+		.app-sidebar-header__mainname--hidden {
+			position: absolute;
+			top: 0;
+			inset-inline-start: 0;
+			margin: 0;
+			width: 1px;
+			height: 1px;
+			overflow: hidden;
+		}
+
 		// sidebar description slot
 		&__description {
 			display: flex;
diff --git a/src/components/NcAppSidebarHeader/NcAppSidebarHeader.vue b/src/components/NcAppSidebarHeader/NcAppSidebarHeader.vue
new file mode 100644
index 0000000000..e1c4a87ae7
--- /dev/null
+++ b/src/components/NcAppSidebarHeader/NcAppSidebarHeader.vue
@@ -0,0 +1,44 @@
+<!--
+  - SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+
+<script setup>
+import { inject } from 'vue'
+import vLinkify from '../../directives/Linkify/index.js'
+
+defineProps({
+	/**
+	 * The name used in NcAppSidebar header.
+	 */
+	name: {
+		type: String,
+		required: true,
+	},
+
+	/**
+	 * Title to display for the name.
+	 */
+	title: {
+		type: String,
+	},
+
+	/**
+	 * Linkify the name.
+	 */
+	linkify: {
+		type: Boolean,
+	},
+})
+
+const headerRef = inject('NcAppSidebar:header:ref')
+</script>
+
+<template>
+	<h2 ref="headerRef"
+		v-linkify="{ text: name, linkify }"
+		tabindex="-1"
+		:title="title">
+		{{ name }}
+	</h2>
+</template>
diff --git a/src/components/NcAppSidebarHeader/index.ts b/src/components/NcAppSidebarHeader/index.ts
new file mode 100644
index 0000000000..72025cc727
--- /dev/null
+++ b/src/components/NcAppSidebarHeader/index.ts
@@ -0,0 +1,6 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+export { default } from './NcAppSidebarHeader.vue'
diff --git a/src/components/NcAvatar/NcAvatar.vue b/src/components/NcAvatar/NcAvatar.vue
index 633960c6c4..1d7c652997 100644
--- a/src/components/NcAvatar/NcAvatar.vue
+++ b/src/components/NcAvatar/NcAvatar.vue
@@ -153,8 +153,8 @@ export default {
 </docs>
 <template>
 	<span ref="main"
-		:title="tooltip"
 		v-click-outside="closeMenu"
+		:title="tooltip"
 		:class="{
 			'avatardiv--unknown': userDoesNotExist,
 			'avatardiv--with-menu': hasMenu,
@@ -175,9 +175,9 @@ export default {
 		<!-- Contact menu -->
 		<!-- We show a button if the menu is not loaded yet. -->
 		<NcButton v-if="hasMenu && menu.length === 0"
-			type="tertiary-no-background"
-			class="action-item action-item__menutoggle"
 			:aria-label="avatarAriaLabel"
+			class="action-item action-item__menutoggle"
+			variant="tertiary-no-background"
 			@click="toggleMenu">
 			<template #icon>
 				<NcLoadingIcon v-if="contactsMenuLoading" />
@@ -185,12 +185,12 @@ export default {
 			</template>
 		</NcButton>
 		<NcActions v-else-if="hasMenu"
+			:aria-label="avatarAriaLabel"
+			:container="menuContainer"
 			force-menu
 			manual-open
-			type="tertiary-no-background"
-			:container="menuContainer"
 			:open.sync="contactsMenuOpenState"
-			:aria-label="avatarAriaLabel"
+			variant="tertiary-no-background"
 			@click="toggleMenu">
 			<component :is="item.ncActionComponent"
 				v-for="(item, key) in menu"
@@ -318,14 +318,30 @@ export default {
 			default: undefined,
 		},
 		/**
-		 * Whether or not to display the user-status
+		 * Do not show the user status on the avatar.
+		 */
+		 hideStatus: {
+			type: Boolean,
+			default: false,
+		},
+		/**
+		 * Whether or not to display the user-status.
+		 * @deprecated - Use `hideStatus` instead. Will be removed with v9.
 		 */
 		showUserStatus: {
 			type: Boolean,
 			default: true,
 		},
+		/**
+		 * Show the verbose user status (e.g. "online" / "away") instead of just the status icon.
+		 */
+		verboseStatus: {
+			type: Boolean,
+			default: false,
+		},
 		/**
 		 * Whether or not to the status-icon should be used instead of online/away
+		 * @deprecated - Use `verboseStatus` instead. Will be removed with v9.
 		 */
 		showUserStatusCompact: {
 			type: Boolean,
@@ -365,7 +381,15 @@ export default {
 			default: 32,
 		},
 		/**
-		 * Placeholder avatars will be automatically generated when this is set to true
+		 * Do not automatically generate a placeholder avatars if there is no real avatar is available.
+		 */
+		 noPlaceholder: {
+			type: Boolean,
+			default: false,
+		},
+		/**
+		 * Placeholder avatars will be automatically generated when this is set to true.
+		 * @deprecated - Use `noPlaceholder` instead. Will be removed in v9.
 		 */
 		allowPlaceholder: {
 			type: Boolean,
@@ -439,12 +463,15 @@ export default {
 			return t('Avatar of {displayName}', { displayName: this.displayName ?? this.user })
 		},
 		canDisplayUserStatus() {
-			return this.showUserStatus
+			return !this.hideStatus
+				&& this.showUserStatus
 				&& this.hasStatus
 				&& ['online', 'away', 'busy', 'dnd'].includes(this.userStatus.status)
 		},
 		showUserStatusIconOnAvatar() {
-			return this.showUserStatus
+			return !this.hideStatus
+				&& this.showUserStatus
+				&& !this.verboseStatus
 				&& this.showUserStatusCompact
 				&& this.hasStatus
 				&& this.userStatus.status !== 'dnd'
@@ -486,16 +513,15 @@ export default {
 		 * True if initials should be shown as the user icon fallback
 		 */
 		showInitials() {
-			return this.allowPlaceholder && this.userDoesNotExist && !(this.iconClass || this.$slots.icon)
+			return !this.noPlaceholder && this.allowPlaceholder && this.userDoesNotExist && !(this.iconClass || this.$slots.icon)
 		},
 
 		avatarStyle() {
-			const style = {
+			return {
 				'--size': this.size + 'px',
-				lineHeight: this.size + 'px',
+				lineHeight: this.showInitials ? (this.size + 'px') : 0,
 				fontSize: Math.round(this.size * 0.45) + 'px',
 			}
-			return style
 		},
 		initialsWrapperStyle() {
 			const { r, g, b } = usernameToColor(this.userIdentifier)
@@ -599,7 +625,7 @@ export default {
 				return p.innerHTML
 			}
 
-			if (this.showUserStatus && (this.userStatus.icon || this.userStatus.message)) {
+			if (!this.hideStatus && this.showUserStatus && (this.userStatus.icon || this.userStatus.message)) {
 				// NcAction's URL icons are inverted in dark mode, so we need to pass SVG image in the icon slot
 				const emojiIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
 					<text x="50%" y="50%" text-anchor="middle" style="dominant-baseline: central; font-size: 85%">${escape(this.userStatus.icon)}</text>
@@ -632,7 +658,7 @@ export default {
 		this.loadAvatarUrl()
 		subscribe('settings:avatar:updated', this.loadAvatarUrl)
 		subscribe('settings:display-name:updated', this.loadAvatarUrl)
-		if (this.showUserStatus && this.user && !this.isNoUser) {
+		if (!this.hideStatus && this.showUserStatus && this.user && !this.isNoUser) {
 			if (!this.preloadedUserStatus) {
 				this.fetchUserStatus(this.user)
 			} else {
@@ -648,9 +674,7 @@ export default {
 	beforeDestroy() {
 		unsubscribe('settings:avatar:updated', this.loadAvatarUrl)
 		unsubscribe('settings:display-name:updated', this.loadAvatarUrl)
-		if (this.showUserStatus && this.user && !this.isNoUser) {
-			unsubscribe('user_status:status.updated', this.handleUserStatusUpdated)
-		}
+		unsubscribe('user_status:status.updated', this.handleUserStatusUpdated)
 	},
 
 	methods: {
@@ -702,7 +726,7 @@ export default {
 			this.isAvatarLoaded = false
 
 			/** Only run avatar image loading if either user or url property is defined */
-			if (!this.isUrlDefined && (!this.isUserDefined || this.isNoUser)) {
+			if (!this.isUrlDefined && (!this.isUserDefined || this.isNoUser || this.iconClass)) {
 				this.isAvatarLoaded = true
 				this.userDoesNotExist = true
 				return
diff --git a/src/components/NcBlurHash/NcBlurHash.vue b/src/components/NcBlurHash/NcBlurHash.vue
new file mode 100644
index 0000000000..d2e213ef34
--- /dev/null
+++ b/src/components/NcBlurHash/NcBlurHash.vue
@@ -0,0 +1,260 @@
+<!--
+  - SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+
+<docs>
+## BlurHash
+
+A [blur hash](https://blurha.sh/) is a very compact representation of an image,
+that can be used as a placeholder until the image was fully loaded.
+
+### Image placeholder
+
+The default use case is as a placeholder that is transferred in initial state,
+while the real image will be fetched from the network.
+In this case the image source can be passed to the component.
+The component will immediately start to preload it,
+as soon as it is loaded the blur hash will be swapped with the real image and this component will behave like an `<a>`-element.
+
+```vue
+	<template>
+		<div class="wrapper">
+			<NcBlurHash class="shown-image"
+				:hash="blurHash"
+				:src="imageSource"
+				@load="onLoaded" />
+
+			<NcButton @click="toggleImage">
+				{{
+					loading
+						? 'Loading...'
+						: (loaded ? 'Unload image' : 'Load image')
+				}}
+			</NcButton>
+		</div>
+	</template>
+	<script>
+	export default {
+		data() {
+			return {
+				loaded: false,
+				loading: false,
+				blurHash: 'M8CR]OkDD%kD9ZtRayofaykC00ay$_ay~T',
+			}
+		},
+		computed: {
+			// This is cheating but we can not emulate slow network connection
+			// so imagine that this means the source becomes loaded
+			imageSource() {
+				return this.loaded
+					? 'favicon-touch.png'
+					: 'invalid-file-that-will-never-load.png'
+			},
+		},
+		methods: {
+			toggleImage() {
+				if (this.loaded) {
+					this.loaded = false
+					this.loading = false
+				} else {
+					// emulate slow network
+					this.loading = true
+					window.setTimeout(() => {
+						this.loaded = !this.loaded
+						this.loading = false
+					}, 3000)
+				}
+			},
+
+			// you could use `success` here (boolean) to decide if the image is loaded or failed
+			onLoaded(success) {
+				// ...
+			},
+		},
+	}
+	</script>
+	<style scoped>
+		.wrapper {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			gap: 12px;
+		}
+
+		.shown-image {
+			width: 150px;
+			height: 150px;
+			border-radius: 24px;
+		}
+	</style>
+```
+
+### Manual usage as a placeholder
+
+Using `v-if` is also possible, this can e.g. used if the image is not loaded from an URL.
+
+```vue
+	<template>
+		<div class="wrapper">
+			<img :class="loaded ? 'shown-image' : 'hidden-visually'"
+				alt=""
+				src="favicon-touch.png">
+			<NcBlurHash v-if="!loaded"
+				class="shown-image"
+				:hash="blurHash" />
+			<NcButton @click="loaded = !loaded">Toggle blur hash</NcButton>
+		</div>
+	</template>
+	<script>
+	export default {
+		data() {
+			return {
+				loaded: false,
+				blurHash: 'M8CR]OkDD%kD9ZtRayofaykC00ay$_ay~T',
+			}
+		},
+	}
+	</script>
+	<style scoped>
+		.wrapper {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			gap: 12px;
+		}
+
+		.shown-image {
+			width: 150px;
+			height: 150px;
+			border-radius: 24px;
+		}
+	</style>
+```
+</docs>
+
+<script setup>
+import { decode } from 'blurhash'
+import { ref, watch, nextTick } from 'vue'
+import { logger } from '../../utils/logger.ts'
+import { preloadImage } from '../../functions/preloadImage/index.ts'
+
+const props = defineProps({
+	/**
+	 * The blur hash value to use.
+	 */
+	hash: {
+		required: true,
+		type: String,
+	},
+
+	/**
+	 * This is normally not needed, but if this blur hash is not only intended
+	 * for decorative purpose, descriptive text should be passed for accessibility.
+	 */
+	alt: {
+		type: String,
+		default: '',
+	},
+
+	/**
+	 * Optional an image source to load, during the load the blur hash is shown.
+	 * As soon as it is loaded the image will be shown instead.
+	 */
+	src: {
+		type: String,
+		default: '',
+	},
+})
+
+const emit = defineEmits([
+	/**
+	 * Emitted when the image (`src`) has been loaded.
+	 */
+	'load',
+])
+
+const canvas = ref()
+const imageLoaded = ref(false)
+
+// Redraw when hash has changed
+watch(() => props.hash, drawBlurHash)
+// Redraw if image loaded again - also draw immediate on mount
+watch(imageLoaded, () => {
+	if (imageLoaded.value === false) {
+		// We need to wait one tick to make sure the canvas is in the DOM
+		nextTick(() => drawBlurHash())
+	}
+}, { immediate: true })
+
+// Preload image on source change
+watch(() => props.src, () => {
+	imageLoaded.value = false
+	if (props.src) {
+		preloadImage(props.src)
+			.then((success) => {
+				imageLoaded.value = success
+				emit('load', success)
+			})
+	}
+}, { immediate: true })
+
+/**
+ * Render the BlurHash within the canvas
+ */
+function drawBlurHash() {
+	if (imageLoaded.value) {
+		// skip
+		return
+	}
+
+	if (!props.hash) {
+		logger.error('Invalid BlurHash value')
+		return
+	}
+
+	if (canvas.value === undefined) {
+		// Should never happen but better safe than sorry
+		logger.error('BlurHash canvas not available')
+		return
+	}
+
+	const { height, width } = canvas.value
+	const pixels = decode(props.hash, width, height)
+
+	const ctx = canvas.value.getContext('2d')
+	if (ctx === null) {
+		logger.error('Cannot create context for BlurHash canvas')
+		return
+	}
+
+	const imageData = ctx.createImageData(width, height)
+	imageData.data.set(pixels)
+	ctx.putImageData(imageData, 0, 0)
+}
+</script>
+
+<template>
+	<Transition :css="src ? undefined : false"
+		:enter-active-class="$style.fadeTransition"
+		:leave-active-class="$style.fadeTransition"
+		:enter-class="$style.fadeTransitionActive"
+		:leave-to-class="$style.fadeTransitionActive">
+		<canvas v-if="!imageLoaded"
+			ref="canvas"
+			:aria-hidden="alt ? null : 'true'"
+			:aria-label="alt" />
+		<img v-else :alt="alt" :src="src">
+	</Transition>
+</template>
+
+<style module>
+.fadeTransition {
+	transition: all var(--animation-quick) ease;
+}
+
+.fadeTransitionActive {
+	opacity: 0;
+	position: absolute;
+}
+</style>
diff --git a/src/components/NcBlurHash/index.js b/src/components/NcBlurHash/index.js
new file mode 100644
index 0000000000..6bf24195af
--- /dev/null
+++ b/src/components/NcBlurHash/index.js
@@ -0,0 +1,6 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+export { default } from './NcBlurHash.vue'
diff --git a/src/components/NcBreadcrumb/NcBreadcrumb.vue b/src/components/NcBreadcrumb/NcBreadcrumb.vue
index 50e6dd2229..24823f31f9 100644
--- a/src/components/NcBreadcrumb/NcBreadcrumb.vue
+++ b/src/components/NcBreadcrumb/NcBreadcrumb.vue
@@ -24,9 +24,9 @@ Renders a button element when given no redirection props, otherwise, renders <a/
 		@dragenter="dragEnter"
 		@dragleave="dragLeave">
 		<NcButton v-if="(name || icon || $slots.icon) && !$slots.default"
-			:title="title"
 			:aria-label="icon ? name : undefined"
-			type="tertiary"
+			:title="title"
+			variant="tertiary"
 			v-bind="linkAttributes"
 			v-on="$listeners">
 			<template v-if="$slots.icon || icon" #icon>
@@ -41,13 +41,13 @@ Renders a button element when given no redirection props, otherwise, renders <a/
 		</NcButton>
 		<NcActions v-if="$slots.default"
 			ref="actions"
-			type="tertiary"
 			:force-menu="forceMenu"
 			:open="open"
 			:menu-name="name"
 			:title="title"
 			:force-name="true"
 			:container="`.vue-crumb[${crumbId}]`"
+			variant="tertiary"
 			@update:open="onOpenChange">
 			<template #icon>
 				<!-- @slot Slot for the custom menu icon -->
diff --git a/src/components/NcButton/NcButton.vue b/src/components/NcButton/NcButton.vue
index 189ddd9d4c..74ab5031be 100644
--- a/src/components/NcButton/NcButton.vue
+++ b/src/components/NcButton/NcButton.vue
@@ -37,7 +37,7 @@ It can be used with one or multiple actions.
 			aria-label="Example text"
 			:disabled="disabled"
 			:size="size"
-			type="tertiary-no-background">
+			variant="tertiary-no-background">
 			<template v-if="style.indexOf('icon') !== -1" #icon>
 				<Video
 					:size="20" />
@@ -48,7 +48,7 @@ It can be used with one or multiple actions.
 			aria-label="Example text"
 			:disabled="disabled"
 			:size="size"
-			type="tertiary">
+			variant="tertiary">
 			<template v-if="style.indexOf('icon') !== -1" #icon>
 				<Video
 					:size="20" />
@@ -69,7 +69,7 @@ It can be used with one or multiple actions.
 			aria-label="Example text"
 			:disabled="disabled"
 			:size="size"
-			type="primary">
+			variant="primary">
 			<template v-if="style.indexOf('icon') !== -1" #icon>
 				<Video
 					:size="20" />
@@ -102,7 +102,7 @@ It can be used with one or multiple actions.
 		<NcButton
 			:disabled="disabled"
 			:size="size"
-			type="success">
+			variant="success">
 			<template #icon>
 				<Video
 					:size="20" />
@@ -112,7 +112,7 @@ It can be used with one or multiple actions.
 		<NcButton
 			:disabled="disabled"
 			:size="size"
-			type="warning">
+			variant="warning">
 			<template #icon>
 				<Video
 					:size="20" />
@@ -122,7 +122,7 @@ It can be used with one or multiple actions.
 		<NcButton
 			:disabled="disabled"
 			:size="size"
-			type="error">
+			variant="error">
 			<template #icon>
 				<Video
 					:size="20" />
@@ -189,13 +189,13 @@ Sometimes it is required to change the icon alignment on the button, like for sw
 ```vue
 <template>
 	<div style="display: flex; flex-direction: column; gap: 12px;">
-		<NcButton aria-label="center (default)" type="secondary" wide>
+		<NcButton aria-label="center (default)" variant="secondary" wide>
 			<template #icon>
 				<IconLeft :size="20" />
 			</template>
 			center (default)
 		</NcButton>
-		<NcButton alignment="center-reverse" aria-label="center-reverse" type="secondary" wide>
+		<NcButton alignment="center-reverse" aria-label="center-reverse" variant="secondary" wide>
 			<template #icon>
 				<IconRight :size="20" />
 			</template>
@@ -203,13 +203,13 @@ Sometimes it is required to change the icon alignment on the button, like for sw
 		</NcButton>
 		<div style="display: flex; gap: 12px;">
 			<div style="display: flex; flex-direction: column; gap: 12px; flex: 1">
-				<NcButton alignment="start" aria-label="start" type="secondary" wide>
+				<NcButton alignment="start" aria-label="start" variant="secondary" wide>
 					<template #icon>
 						<IconLeft :size="20" />
 					</template>
 					start
 				</NcButton>
-				<NcButton alignment="start-reverse" aria-label="start-reverse" type="secondary" wide>
+				<NcButton alignment="start-reverse" aria-label="start-reverse" variant="secondary" wide>
 					<template #icon>
 						<IconRight :size="20" />
 					</template>
@@ -217,13 +217,13 @@ Sometimes it is required to change the icon alignment on the button, like for sw
 				</NcButton>
 			</div>
 			<div style="display: flex; flex-direction: column; gap: 12px; flex: 1">
-				<NcButton alignment="end" aria-label="end" type="secondary" wide>
+				<NcButton alignment="end" aria-label="end" variant="secondary" wide>
 					<template #icon>
 						<IconLeft :size="20" />
 					</template>
 					end
 				</NcButton>
-				<NcButton alignment="end-reverse" aria-label="end-reverse" type="secondary" wide>
+				<NcButton alignment="end-reverse" aria-label="end-reverse" variant="secondary" wide>
 					<template #icon>
 						<IconRight :size="20" />
 					</template>
@@ -249,7 +249,7 @@ export default {
 ### Pressed state
 
 It is possible to make the button stateful by adding a pressed state, e.g. if you like to create a favorite button.
-The button will have the required `aria` attribute for accessibility and visual style (`primary` when pressed, and the configured type otherwise).
+The button will have the required `aria` attribute for accessibility and visual style (`primary` when pressed, and the configured variant otherwise).
 
 Do not change `text` or `aria-label` of the pressed/unpressed button. See: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed
 
@@ -257,14 +257,14 @@ Do not change `text` or `aria-label` of the pressed/unpressed button. See: https
 <template>
 	<div>
 		<div style="display: flex; gap: 12px;">
-			<NcButton :pressed.sync="isFavorite" aria-label="Favorite" type="tertiary-no-background">
+			<NcButton :pressed.sync="isFavorite" aria-label="Favorite" variant="tertiary-no-background">
 				<template #icon>
 					<IconStar v-if="isFavorite" :size="20" />
 					<IconStarOutline v-else :size="20" />
 				</template>
 			</NcButton>
 
-			<NcButton :pressed.sync="isFavorite" type="tertiary">
+			<NcButton :pressed.sync="isFavorite" variant="tertiary">
 				<template #icon>
 					<IconStar v-if="isFavorite" :size="20" />
 					<IconStarOutline v-else :size="20" />
@@ -318,7 +318,7 @@ The standard way to implement sortable table column headers should be like this:
 				<th :aria-sorted="sortedName" class="row-name">
 					<NcButton alignment="start-reverse"
 						:wide="true"
-						type="tertiary"
+						variant="tertiary"
 						@click="sortName">
 						<template #icon>
 							<IconDown v-if="sortedName === 'ascending'" class="sort-icon" :size="20" />
@@ -330,7 +330,7 @@ The standard way to implement sortable table column headers should be like this:
 				<th :aria-sorted="sortedSize" class="row-size">
 					<NcButton alignment="end"
 						:wide="true"
-						type="tertiary"
+						variant="tertiary"
 						@click="sortSize">
 						<template #icon>
 							<IconDown v-if="sortedSize === 'ascending'" class="sort-icon" :size="20" />
@@ -465,14 +465,21 @@ export default {
 		},
 
 		/**
-		 * Specifies the button type
-		 * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success. If left empty,
-		 * the default button style will be applied.
+		 * Specifies the HTML button type.
+		 * Accepted values: submit, reset, button.
+		 *
+		 * For legacy reasons this can also be used to set the variant of the button (color schema).
+		 * This is discouraged but the accepted values are:
+		 * primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success.
+		 *
+		 * @default 'secondary' (will change with v9)
+		 * @deprecated The behavior will change in v9 to only allow the native HTML button types - use `variant` instead for setting the appearance of the button.
 		 */
 		type: {
 			type: String,
 			validator(value) {
 				return ['primary', 'secondary', 'tertiary', 'tertiary-no-background', 'tertiary-on-primary', 'error', 'warning', 'success'].includes(value)
+					|| ['submit', 'reset', 'button'].includes(value)
 			},
 			default: 'secondary',
 		},
@@ -481,6 +488,8 @@ export default {
 		 * Specifies the button native type
 		 * Accepted values: submit, reset, button. If left empty,
 		 * the default "button" type will be used.
+		 *
+		 * @deprecated use `type` instead - will be removed with v9
 		 */
 		nativeType: {
 			type: String,
@@ -572,6 +581,22 @@ export default {
 			type: Boolean,
 			default: null,
 		},
+
+		/**
+		 * Specifies the button variant.
+		 *
+		 * Accepted values: primary, secondary, tertiary, tertiary-no-background, tertiary-on-primary, error, warning, success.
+		 *
+		 * @default 'secondary'
+		 * @since 8.24.0
+		 */
+		 variant: {
+			type: String,
+			validator(value) {
+				return ['primary', 'secondary', 'tertiary', 'tertiary-no-background', 'tertiary-on-primary', 'error', 'warning', 'success'].includes(value)
+			},
+			default: 'secondary',
+		},
 	},
 
 	emits: ['update:pressed', 'click'],
@@ -581,15 +606,39 @@ export default {
 		 * The real type to be used for the button, enforces `primary` for pressed state and, if stateful button, any other type for not pressed state
 		 * Otherwise the type property is used.
 		 */
-		realType() {
+		realVariant() {
 			// Force *primary* when pressed
 			if (this.pressed) {
 				return 'primary'
 			}
 			// If not pressed but button is configured as stateful button then the type must not be primary
-			if (this.pressed === false && this.type === 'primary') {
+			if (this.pressed === false && (this.type === 'primary' || this.variant === 'primary')) {
 				return 'secondary'
 			}
+			// handle legacy behavior
+			if (this.type !== 'secondary' && ['primary', 'tertiary', 'tertiary-no-background', 'tertiary-on-primary', 'error', 'warning', 'success'].includes(this.type)) {
+				return this.type
+			}
+			// otherwise use the configured variant
+			return this.variant
+		},
+
+		/**
+		 * The HTML button type
+		 */
+		realType() {
+			if (typeof this.pressed === 'boolean') {
+				return 'button'
+			}
+			// Handle legacy behavior
+			if (this.nativeType !== 'button') {
+				return this.nativeType
+			}
+			// Also handling legacy behavior: Ensure we do not conflict here
+			if (['primary', 'secondary', 'tertiary', 'tertiary-no-background', 'tertiary-on-primary', 'error', 'warning', 'success'].includes(this.type)) {
+				return this.nativeType
+			}
+			// otherwise use the type
 			return this.type
 		},
 
@@ -646,7 +695,7 @@ export default {
 						'button-vue--icon-only': hasIcon && !hasText,
 						'button-vue--text-only': hasText && !hasIcon,
 						'button-vue--icon-and-text': hasIcon && hasText,
-						[`button-vue--vue-${this.realType}`]: this.realType,
+						[`button-vue--vue-${this.realVariant}`]: this.realVariant,
 						'button-vue--wide': this.wide,
 						[`button-vue--${this.flexAlignment}`]: this.flexAlignment !== 'center',
 						'button-vue--reverse': this.isReverseAligned,
@@ -658,7 +707,7 @@ export default {
 					'aria-label': this.ariaLabel,
 					'aria-pressed': hasPressed ? this.pressed.toString() : undefined,
 					disabled: this.disabled,
-					type: isLink ? null : this.nativeType,
+					type: isLink ? null : this.realType,
 					role: isLink ? 'button' : null,
 					href: this.to ? href : (this.href || null),
 					target: isLink ? (this.target || '_self') : null,
diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue
index 0f947ac368..b488c79e26 100644
--- a/src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue
+++ b/src/components/NcCheckboxRadioSwitch/NcCheckboxContent.vue
@@ -4,8 +4,7 @@
 -->
 
 <template>
-	<span :id="!isButtonType ? `${id}-label` : undefined"
-		class="checkbox-content"
+	<span class="checkbox-content"
 		:class="{
 			['checkbox-content-' + type]: true,
 			'checkbox-content--button-variant': buttonVariant,
@@ -67,14 +66,6 @@ export default {
 	},
 
 	props: {
-		/**
-		 * Unique id attribute of the input to label
-		 */
-		id: {
-			type: String,
-			default: null,
-		},
-
 		/**
 		 * Class for the icon element
 		 */
diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
index c1df62e638..832e16d1b9 100644
--- a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
+++ b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
@@ -278,7 +278,7 @@ export default {
 			:name="name"
 			v-bind="nonDataAttrs"
 			v-on="listeners">
-		<NcCheckboxContent :id="id"
+		<NcCheckboxContent :id="!isButtonType ? `${id}-label` : undefined"
 			class="checkbox-radio-switch__content"
 			icon-class="checkbox-radio-switch__icon"
 			text-class="checkbox-radio-switch__text"
diff --git a/src/components/NcChip/NcChip.vue b/src/components/NcChip/NcChip.vue
index 89f0565e4d..1b4bad9ba0 100644
--- a/src/components/NcChip/NcChip.vue
+++ b/src/components/NcChip/NcChip.vue
@@ -10,8 +10,8 @@
 	<div style="display: flex; gap: 8px; flex-wrap: wrap;">
 		<NcChip text="Notes.txt" />
 		<NcChip text="Files" :icon-path="mdiFile" />
-		<NcChip text="Color" type="tertiary" :icon-path="mdiPalette" />
-		<NcChip text="Current time" type="primary" :icon-path="mdiClock" no-close />
+		<NcChip text="Color" :icon-path="mdiPalette" variant="tertiary" />
+		<NcChip text="Current time" :icon-path="mdiClock" no-close variant="primary" />
 	</div>
 </template>
 <script>
@@ -72,7 +72,7 @@ export default {
 <template>
 	<div class="nc-chip"
 		:class="{
-			[`nc-chip--${type}`]: true,
+			[`nc-chip--${realVariant}`]: true,
 			'nc-chip--no-actions': noClose && !hasActions(),
 			'nc-chip--no-icon': !hasIcon(),
 		}">
@@ -94,7 +94,7 @@ export default {
 		<NcActions v-if="canClose || hasActions()"
 			class="nc-chip__actions"
 			:force-menu="!canClose"
-			type="tertiary-no-background">
+			variant="tertiary-no-background">
 			<NcActionButton v-if="canClose"
 				close-after-click
 				@click="onClose">
@@ -137,8 +137,10 @@ const props = defineProps({
 	},
 
 	/**
-	 * Chip style
-	 * This sets the background style of the chip, similar to NcButton's `type`
+	 * Set the chips design variant-
+	 *
+	 * This sets the background style of the chip, similar to NcButton's `variant`.
+	 * @deprecated will be removed with v9 - use `variant` instead.
 	 */
 	type: {
 		type: String,
@@ -170,11 +172,26 @@ const props = defineProps({
 		type: Boolean,
 		default: false,
 	},
+
+	/**
+	 * Set the chips design variant-
+	 *
+	 * This sets the background style of the chip, similar to NcButton's `variant`.
+	 * @since 8.24.0
+	 */
+	variant: {
+		type: String,
+		default: 'secondary',
+		validator: (value) => ['primary', 'secondary', 'tertiary'].includes(value),
+	},
 })
 
 const emit = defineEmits(['close'])
 const slots = useSlots()
 
+// TODO: Replace with just `variant` in v9
+const realVariant = computed(() => props.type !== 'secondary' ? props.type : props.variant)
+
 const canClose = computed(() => !props.noClose)
 const hasActions = () => Boolean(slots.actions?.())
 const hasIcon = () => Boolean(props.iconPath || props.iconSvg || !!slots.icon?.())
diff --git a/src/components/NcColorPicker/NcColorPicker.vue b/src/components/NcColorPicker/NcColorPicker.vue
index f303266f25..d2ec1a5434 100644
--- a/src/components/NcColorPicker/NcColorPicker.vue
+++ b/src/components/NcColorPicker/NcColorPicker.vue
@@ -181,22 +181,22 @@ export default {
 				</Transition>
 				<div v-if="!paletteOnly" class="color-picker__navigation">
 					<NcButton v-if="advanced"
-						type="tertiary"
 						:aria-label="ariaBack"
+						variant="tertiary"
 						@click="handleBack">
 						<template #icon>
 							<ArrowLeft :size="20" />
 						</template>
 					</NcButton>
 					<NcButton v-else
-						type="tertiary"
 						:aria-label="ariaMore"
+						variant="tertiary"
 						@click="handleMoreSettings">
 						<template #icon>
 							<DotsHorizontal :size="20" />
 						</template>
 					</NcButton>
-					<NcButton type="primary"
+					<NcButton variant="primary"
 						@click="handleConfirm(slotProps.hide)">
 						{{ t('Choose') }}
 					</NcButton>
@@ -513,8 +513,6 @@ export default {
 		}
 
 		&-active-color {
-			width: calc(var(--default-clickable-area) - 10 px);
-			height: calc(var(--default-clickable-area) - 10 px);
 			border-radius: 17px;
 		}
 
diff --git a/src/components/NcContent/NcContent.vue b/src/components/NcContent/NcContent.vue
index 840668f035..beb9a14115 100644
--- a/src/components/NcContent/NcContent.vue
+++ b/src/components/NcContent/NcContent.vue
@@ -63,15 +63,15 @@ It also will set the skip content buttons needed for accessibility.
 				</div>
 				<div class="vue-skip-actions__buttons">
 					<NcButton v-show="hasAppNavigation"
-						type="tertiary"
 						href="#app-navigation-vue"
+						variant="tertiary"
 						@click.prevent="openAppNavigation"
 						@focusin="currentFocus = 'navigation'"
 						@mouseover="currentFocus = 'navigation'">
 						{{ t('Skip to app navigation') }}
 					</NcButton>
-					<NcButton type="tertiary"
-						href="#app-content-vue"
+					<NcButton href="#app-content-vue"
+						variant="tertiary"
 						@focusin="currentFocus = 'content'"
 						@mouseover="currentFocus = 'content'">
 						{{ t('Skip to main content') }}
diff --git a/src/components/NcDateTimePicker/NcDateTimePicker.vue b/src/components/NcDateTimePicker/NcDateTimePicker.vue
index edf79f1bab..0f3f554e9b 100644
--- a/src/components/NcDateTimePicker/NcDateTimePicker.vue
+++ b/src/components/NcDateTimePicker/NcDateTimePicker.vue
@@ -4,8 +4,10 @@
 -->
 
 <docs>
-> We're wrapping the awesome datepicker library here https://github.com/mengxiong10/vue2-datepicker
-> Please check there for all the available options.
+> In version 8 we were wrapping the awesome [vue2 datepicker library](https://github.com/mengxiong10/vue2-datepicker),
+> were you could use all of there options even with this component.
+> In version 9 and above this component will no longer be a transparent wrapper,
+> as such only the documented properties below will work.
 
 ### Defaults
 - cleareable: false
@@ -60,8 +62,7 @@ export default {
 	<span>
 		<NcDateTimePicker
 			v-model="time"
-			range
-			type="date" />
+			type="date-range" />
 		{{ time }}
 	</span>
 </template>
@@ -109,14 +110,15 @@ export default {
 	<DatePicker ref="datepicker"
 		:append-to-body="appendToBody"
 		:clearable="clearable"
-		:format="format ? format : formatTypeMap"
+		:format="internalFormat"
 		:formatter="internalFormatter"
 		:lang="lang ? lang : defaultLang"
 		:minute-step="minuteStep"
 		:placeholder="placeholder ? placeholder : defaultPlaceholder"
 		:popup-class="{ 'show-week-number': showWeekNumber }"
+		:range="internalRange"
 		:show-week-number="showWeekNumber"
-		:type="type"
+		:type="realType"
 		:value="model"
 		v-bind="$attrs"
 		v-on="$listeners"
@@ -217,16 +219,27 @@ export default {
 			default: 10,
 		},
 
+		/**
+		 * Since 8.25.0: Support 'date-range', 'time-range' and 'datetime-range' values.
+		 */
 		type: {
 			type: String,
 			default: 'date',
+			validator: (type) => ['date', 'time', 'datetime', 'week', 'month', 'year', 'date-range', 'time-range', 'datetime-range'].includes(type),
 		},
 
+		/**
+		 * Either `moment.js` formatting tokens or a function taking a Date object and returning a string.
+		 * Warning: In v9 this will change the accepted token format to standardized Unicode tokens instead!
+		 */
 		format: {
-			type: String,
+			type: [String, Function],
 			default: null,
 		},
 
+		/**
+		 * @deprecated use `format` instead
+		 */
 		formatter: {
 			type: Object,
 			default: null,
@@ -288,6 +301,14 @@ export default {
 			type: String,
 			default: null,
 		},
+
+		/**
+		 * @deprecated use the 'date-range' or 'datetime-range' type instead.
+		 */
+		range: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	emits: [
@@ -318,6 +339,10 @@ export default {
 	},
 
 	computed: {
+		realType() {
+			return this.type.split('-')[0]
+		},
+
 		/**
 		 * Datepicker language
 		 * https://github.com/mengxiong10/vue2-datepicker/blob/master/locale.md
@@ -345,32 +370,36 @@ export default {
 		 * @return {string}
 		 */
 		defaultPlaceholder() {
-			if (this.type === 'time') {
+			if (this.realType === 'time') {
 				return t('Pick a time')
 			}
-			if (this.type === 'month') {
+			if (this.realType === 'month') {
 				return t('Pick a month')
 			}
-			if (this.type === 'year') {
+			if (this.realType === 'year') {
 				return t('Pick a year')
 			}
-			if (this.type === 'week') {
+			if (this.realType === 'week') {
 				return t('Pick a week')
 			}
-			if (this.type === 'date') {
+			if (this.realType === 'date') {
 				return t('Pick a date')
 			}
 			return t('Pick a date and a time')
 		},
 
 		/**
-		 * If format is not provided, try to match the type
-		 * or fallback to 'date'
-		 *
-		 * @return {string}
+		 * Is the range picker enabled
 		 */
-		formatTypeMap() {
-			return formatMap[this.type] ?? formatMap.date
+		internalRange() {
+			return this.range || this.type.endsWith('-range')
+		},
+
+		internalFormat() {
+			if (this.format && typeof this.format === 'string') {
+				return this.format
+			}
+			return formatMap[this.realType] || formatMap.date
 		},
 
 		/**
@@ -394,6 +423,8 @@ export default {
 
 			return {
 				getWeek,
+				// wrape the format if it is a function
+				...(typeof this.format === 'function' ? { stringify: this.format } : {}),
 				// allow to override it by users using the `formatter` prop
 				...(this.formatter ?? {}),
 			}
diff --git a/src/components/NcDialog/NcDialog.vue b/src/components/NcDialog/NcDialog.vue
index da7b8d0402..43ed07a484 100644
--- a/src/components/NcDialog/NcDialog.vue
+++ b/src/components/NcDialog/NcDialog.vue
@@ -95,6 +95,7 @@ Note that this is not possible if the dialog contains a navigation!
 			name="Choose a name"
 			:open.sync="showDialog"
 			@submit="currentName = newName"
+			@reset="newName = ''"
 			@closing="newName = ''">
 			<NcTextField label="New name"
 				placeholder="Min. 6 characters"
@@ -115,6 +116,10 @@ export default {
 			newName: '',
 			currentName: 'none yet.',
 			buttons: [
+				{
+					label: 'Reset',
+					nativeType: 'reset',
+				},
 				{
 					label: 'Submit',
 					type: 'primary',
@@ -244,7 +249,7 @@ export default {
 					<NcDialogButton v-for="(button, idx) in buttons"
 						:key="idx"
 						v-bind="button"
-						@click="handleButtonClose" />
+						@click="(_, result) => handleButtonClose(button, result)" />
 				</slot>
 			</div>
 		</component>
@@ -337,8 +342,18 @@ export default defineComponent({
 			validator: (value) => Array.isArray(value) && value.every((element) => typeof element === 'object'),
 		},
 
+		/**
+		 * Do not show the close button for the dialog.
+		 * @default false
+		 */
+		noClose: {
+			type: Boolean,
+			default: false,
+		},
+
 		/**
 		 * Set to false to no show a close button on the dialog
+		 * @deprecated - Use `noClose` instead. Will be removed in v9.
 		 * @default true
 		 */
 		canClose: {
@@ -375,7 +390,7 @@ export default defineComponent({
 		},
 
 		/**
-		 * Optionally pass additionaly classes which will be set on the navigation for custom styling
+		 * Optionally pass additional classes which will be set on the navigation for custom styling
 		 * @default ''
 		 * @example
 		 * ```html
@@ -419,7 +434,7 @@ export default defineComponent({
 		},
 
 		/**
-		 * Optionally pass additionaly classes which will be set on the content wrapper for custom styling
+		 * Optionally pass additional classes which will be set on the content wrapper for custom styling
 		 * @default ''
 		 */
 		contentClasses: {
@@ -429,7 +444,7 @@ export default defineComponent({
 		},
 
 		/**
-		 * Optionally pass additionaly classes which will be set on the dialog itself
+		 * Optionally pass additional classes which will be set on the dialog itself
 		 * (the default `class` attribute will be set on the modal wrapper)
 		 * @default ''
 		 */
@@ -509,6 +524,16 @@ export default defineComponent({
 					/** Forwarded HTMLFormElement submit event (only if `is-form` is set) */
 					emit('submit', event)
 				},
+				/**
+				 * @param {Event} event Form submit event
+				 */
+				reset(event) {
+					event.preventDefault()
+					/**
+					 * Forwarded HTMLFormElement reset event (only if `is-form` is set).
+					 */
+					emit('reset', event)
+				},
 			}
 			: {},
 		)
@@ -521,12 +546,14 @@ export default defineComponent({
 		// Because NcModal does not emit `close` when show prop is changed
 		/**
 		 * Handle clicking a dialog button -> should close
-		 * @param {MouseEvent} event The click event
+		 * @param {MouseEvent} button The button that was clicked
 		 * @param {unknown} result Result of the callback function
 		 */
-		const handleButtonClose = (event, result) => {
-			// Skip close if invalid dialog
-			if (dialogTagName.value === 'form' && !dialogElement.value.reportValidity()) {
+		function handleButtonClose(button, result) {
+			// Skip close on submit if invalid dialog
+			if (button.nativeType === 'submit'
+				&& dialogTagName.value === 'form'
+				&& !dialogElement.value.reportValidity()) {
 				return
 			}
 			handleClosing(result)
@@ -561,7 +588,7 @@ export default defineComponent({
 		 * Properties to pass to the underlying NcModal
 		 */
 		const modalProps = computed(() => ({
-			canClose: props.canClose,
+			noClose: props.noClose || !props.canClose,
 			container: props.container === undefined ? 'body' : props.container,
 			// we do not pass the name as we already have the name as the headline
 			// name: props.name,
diff --git a/src/components/NcDialogButton/NcDialogButton.vue b/src/components/NcDialogButton/NcDialogButton.vue
index 1dcedc791a..cdb6efddc4 100644
--- a/src/components/NcDialogButton/NcDialogButton.vue
+++ b/src/components/NcDialogButton/NcDialogButton.vue
@@ -10,8 +10,9 @@ Dialog button component used by NcDialog in the actions slot to display the butt
 <template>
 	<NcButton :aria-label="label"
 		:disabled="disabled"
-		:native-type="nativeType"
 		:type="type"
+		:native-type="nativeType"
+		:variant="variant"
 		@click="handleClick">
 		{{ label }}
 		<template #icon>
@@ -27,15 +28,18 @@ Dialog button component used by NcDialog in the actions slot to display the butt
 
 <script setup>
 import { ref } from 'vue'
+import { t } from '../../l10n.js'
+
 import NcButton from '../NcButton/index.js'
 import NcIconSvgWrapper from '../NcIconSvgWrapper/index.js'
 import NcLoadingIcon from '../NcLoadingIcon/index.js'
-import { t } from '../../l10n.js'
 
 const props = defineProps({
 	/**
 	 * The function that will be called when the button is pressed.
-	 * If the function returns `false` the click is ignored and the dialog will not be closed.
+	 * If the function returns `false` the click is ignored and the dialog will not be closed,
+	 * which is the default behavior of "reset"-buttons.
+	 *
 	 * @type {() => unknown|false|Promise<unknown|false>}
 	 */
 	callback: {
@@ -62,18 +66,21 @@ const props = defineProps({
 	},
 
 	/**
-	 * The button type, see NcButton
-	 * @type {'primary'|'secondary'|'error'|'warning'|'success'}
+	 * The button type, see NcButton.
+	 *
+	 * @deprecated The usage for setting the color variant is deprecated and will be removed with v9.
+	 * @type {'button'|'submit'|'reset'|'primary'|'secondary'|'error'|'warning'|'success'}
 	 */
 	type: {
 		type: String,
 		required: false,
 		default: 'secondary',
-		validator: (type) => typeof type === 'string' && ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(type),
+		validator: (type) => typeof type === 'string' && ['button', 'submit', 'reset', 'primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(type),
 	},
 
 	/**
-	 * See `nativeType` of `NcButton`
+	 * See `nativeType` of `NcButton`.
+	 * @deprecated use `type` instead - will removed with v9
 	 */
 	nativeType: {
 		type: String,
@@ -91,6 +98,19 @@ const props = defineProps({
 		type: Boolean,
 		default: false,
 	},
+
+	/**
+	 * The button variant, see NcButton.
+	 *
+	 * @type {'primary'|'secondary'|'tertiary'|'error'|'warning'|'success'}
+	 * @since 8.24.0
+	 */
+	variant: {
+		type: String,
+		required: false,
+		default: 'secondary',
+		validator: (type) => typeof type === 'string' && ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(type),
+	},
 })
 
 const emit = defineEmits(['click'])
@@ -109,7 +129,9 @@ const handleClick = async (e) => {
 
 	isLoading.value = true
 	try {
-		const result = await props.callback?.()
+		// for reset buttons the default is "false"
+		const fallback = props.nativeType === 'reset' ? false : undefined
+		const result = await props.callback?.() ?? fallback
 		if (result !== false) {
 			/**
 			 * The click event (`MouseEvent`) and the value returned by the callback
diff --git a/src/components/NcEmojiPicker/NcEmojiPicker.vue b/src/components/NcEmojiPicker/NcEmojiPicker.vue
index 456e81790e..ae3feb107d 100644
--- a/src/components/NcEmojiPicker/NcEmojiPicker.vue
+++ b/src/components/NcEmojiPicker/NcEmojiPicker.vue
@@ -162,7 +162,7 @@ This component allows the user to pick an emoji.
 						:palette="skinTonePalette"
 						:value="currentColor.color"
 						@update:value="onChangeSkinTone">
-						<NcButton :aria-label="t('Skin tone')" type="tertiary-no-background">
+						<NcButton :aria-label="t('Skin tone')" variant="tertiary-no-background">
 							<template #icon>
 								<IconCircle :style="{ color: currentColor.color }" :title="currentColor.name" :size="20" />
 							</template>
@@ -195,8 +195,10 @@ This component allows the user to pick an emoji.
 
 <script>
 import { Picker, Emoji, EmojiIndex } from 'emoji-mart-vue-fast'
+import { isFocusable } from 'tabbable'
 import { t } from '../../l10n.js'
 import { getCurrentSkinTone, setCurrentSkinTone } from '../../functions/emoji/emoji.ts'
+import { useTrapStackControl } from '../../composables/useTrapStackControl.ts'
 import { Color } from '../../utils/GenColors.js'
 
 import data from 'emoji-mart-vue-fast/data/all.json'
@@ -354,6 +356,12 @@ export default {
 		},
 	},
 
+	created() {
+		// Component has its own custom focus management
+		// The global focus trap stack should be paused
+		useTrapStackControl(() => this.open)
+	},
+
 	methods: {
 		t,
 
@@ -401,7 +409,10 @@ export default {
 
 		afterHide() {
 			// Manually return focus to the trigger button, as we disabled focus-trap
-			this.$refs.popover.$el.querySelector('button, [role="button"]')?.focus()
+			// But only if there is no focus target outside the picker, for example, input element that received focus by click closing the emoji picker
+			if (!document.activeElement || this.$refs.picker.$el.contains(document.activeElement) || !isFocusable(document.activeElement)) {
+				this.$refs.popover.$el.querySelector('button, [role="button"]')?.focus()
+			}
 		},
 
 		/**
diff --git a/src/components/NcEmptyContent/NcEmptyContent.vue b/src/components/NcEmptyContent/NcEmptyContent.vue
index 2c21ccab5b..1e2d0ef749 100644
--- a/src/components/NcEmptyContent/NcEmptyContent.vue
+++ b/src/components/NcEmptyContent/NcEmptyContent.vue
@@ -74,7 +74,7 @@ consider only using header elements as the root elements for the name slot.
 			</h1>
 		</template>
 		<template #action>
-			<NcButton type="primary">
+			<NcButton variant="primary">
 				Add a comment!
 			</NcButton>
 		</template>
diff --git a/src/components/NcHeaderButton/NcHeaderButton.vue b/src/components/NcHeaderButton/NcHeaderButton.vue
index 11dce01ec4..3a86fa11df 100644
--- a/src/components/NcHeaderButton/NcHeaderButton.vue
+++ b/src/components/NcHeaderButton/NcHeaderButton.vue
@@ -64,11 +64,11 @@ export default {
 <template>
 	<!-- We need a wrapper for server styles to apply -->
 	<div :id="id" class="header-menu">
-		<NcButton type="tertiary-no-background"
-			class="header-menu__trigger"
+		<NcButton class="header-menu__trigger"
 			:aria-label="ariaLabel"
 			:aria-describedby="descriptionId"
 			size="large"
+			variant="tertiary-no-background"
 			@click.prevent="$emit('click', $event)">
 			<template #icon>
 				<!-- @slot Icon trigger slot. Make sure the svg path
diff --git a/src/components/NcHeaderMenu/NcHeaderMenu.vue b/src/components/NcHeaderMenu/NcHeaderMenu.vue
index 06596e1634..209c1f0701 100644
--- a/src/components/NcHeaderMenu/NcHeaderMenu.vue
+++ b/src/components/NcHeaderMenu/NcHeaderMenu.vue
@@ -68,13 +68,13 @@ export default {
 		<!-- Trigger -->
 		<NcButton :id="isNav ? triggerId : null"
 			ref="trigger"
-			type="tertiary-no-background"
 			class="header-menu__trigger"
-			:aria-label="ariaLabel"
-			:aria-describedby="description ? descriptionId : null"
 			:aria-controls="`header-menu-${id}`"
+			:aria-describedby="description ? descriptionId : null"
 			:aria-expanded="opened.toString()"
+			:aria-label="ariaLabel"
 			size="large"
+			variant="tertiary-no-background"
 			@click.prevent="toggleMenu">
 			<template #icon>
 				<!-- @slot Icon trigger slot. Make sure the svg path
@@ -110,7 +110,7 @@ import { createFocusTrap } from 'focus-trap'
 
 import GenRandomId from '../../utils/GenRandomId.js'
 import { clickOutsideOptions } from '../../mixins/index.js'
-import { getTrapStack } from '../../utils/focusTrap.js'
+import { getTrapStack } from '../../utils/focusTrap.ts'
 
 import NcButton from '../NcButton/index.js'
 
@@ -319,7 +319,7 @@ export default {
 			this.focusTrap = createFocusTrap(contentContainer, {
 				allowOutsideClick: true,
 				trapStack: getTrapStack(),
-				fallbackFocus: this.$refs.trigger,
+				fallbackFocus: this.$refs.trigger.$el,
 			})
 			this.focusTrap.activate()
 		},
diff --git a/src/components/NcIconSvgWrapper/NcIconSvgWrapper.vue b/src/components/NcIconSvgWrapper/NcIconSvgWrapper.vue
index 3db79058cf..f7773915c7 100644
--- a/src/components/NcIconSvgWrapper/NcIconSvgWrapper.vue
+++ b/src/components/NcIconSvgWrapper/NcIconSvgWrapper.vue
@@ -91,18 +91,88 @@ export default {
 }
 </script>
 ```
+
+### Directional usage
+
+The `directional` property allows to enable a language direction aware icon.
+This icon component can be used in places where an language direction aware icon should be used,
+for example if an arrow pointing to the left it used it often points in the wrong direction for right-to-left languages.
+In this cases this icon can be used which will always point into the logical "start" direction.
+
+```vue
+<template>
+	<div class="wrapper">
+		<NcButton @click="isRtl = !isRtl">Toggle RTL</NcButton>
+		<div class="directional" :dir="isRtl ? 'rtl' : 'ltr'">
+			<NcButton alignment="start">
+				<template #icon>
+					<NcIconSvgWrapper directional :path="mdiChevronLeft" />
+				</template>
+				Previous
+			</NcButton>
+			<NcButton alignment="end-reverse">
+				<template #icon>
+					<NcIconSvgWrapper directional :path="mdiChevronRight" />
+				</template>
+				Next
+			</NcButton>
+		</div>
+	</div>
+</template>
+
+<script>
+import { mdiChevronLeft, mdiChevronRight } from '@mdi/js'
+
+export default {
+	setup() {
+		return {
+			mdiChevronLeft,
+			mdiChevronRight,
+		}
+	},
+	data() {
+		return {
+			isRtl: false
+		}
+	},
+}
+</script>
+<style scoped>
+.wrapper {
+	display: flex;
+	flex-direction: column;
+	gap: calc(2 * var(--default-grid-baseline));
+	max-width: 300px;
+}
+
+.directional {
+	display: flex;
+	flex-direction: row;
+	gap: calc(2 * var(--default-grid-baseline));
+}
+
+.directional * {
+	flex: 1 50%;
+}
+</style>
+```
 </docs>
 
 <template>
-	<span v-if="!cleanSvg"
-		v-bind="attributes">
-		<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+	<span :aria-hidden="name ? undefined : 'true'"
+		:aria-label="name || undefined"
+		class="icon-vue"
+		:class="{
+			'icon-vue--directional': directional,
+			'icon-vue--inline': inline,
+		}"
+		role="img">
+		<svg v-if="!cleanSvg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
 			<path :d="path" />
 		</svg>
+		<!-- eslint-disable-next-line vue/no-v-text-v-html-on-component,vue/no-v-html -->
+		<span v-else v-html="cleanSvg" />
 	</span>
-	<span v-else
-		v-bind="attributes"
-		v-html="cleanSvg" /> <!-- eslint-disable-line vue/no-v-html -->
 </template>
 
 <script>
@@ -113,6 +183,15 @@ export default {
 	name: 'NcIconSvgWrapper',
 
 	props: {
+		/**
+		 * Make the icon directional, meaning it is langauge direction aware.
+		 * If the icon is placed in a right-to-left context it will be mirrored vertically.
+		 */
+		directional: {
+			type: Boolean,
+			default: false,
+		},
+
 		/**
 		 * Set if the icon should be used as inline content e.g. within text.
 		 * By default the icon is made a block element for use inside `icon`-slots.
@@ -186,23 +265,13 @@ export default {
 
 			return svgDocument.documentElement.outerHTML
 		},
-		attributes() {
-			return {
-				class: ['icon-vue', { 'icon-vue--inline': this.inline }],
-				style: {
-					'--icon-size': this.iconSize,
-				},
-				role: 'img',
-				'aria-hidden': !this.name ? true : undefined,
-				'aria-label': this.name || undefined,
-			}
-		},
 	},
 }
 </script>
 
 <style lang="scss" scoped>
 .icon-vue {
+	--icon-size: v-bind('iconSize');
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -217,6 +286,11 @@ export default {
 		vertical-align: text-bottom;
 	}
 
+	// Icon svg wrapper
+	span {
+		line-height: 0;
+	}
+
 	&:deep(svg) {
 		fill: currentColor;
 		width: var(--icon-size, 20px);
@@ -224,5 +298,9 @@ export default {
 		max-width: var(--icon-size, 20px);
 		max-height: var(--icon-size, 20px);
 	}
+
+	&--directional:deep(svg:dir(rtl)) {
+		transform: scaleX(-1);
+	}
 }
 </style>
diff --git a/src/components/NcInputField/NcInputField.vue b/src/components/NcInputField/NcInputField.vue
index 70d6c86e1a..1b5cfcae6d 100644
--- a/src/components/NcInputField/NcInputField.vue
+++ b/src/components/NcInputField/NcInputField.vue
@@ -61,10 +61,10 @@ For a list of all available props and attributes, please check the [HTMLInputEle
 
 			<!-- trailing button -->
 			<NcButton v-if="showTrailingButton"
-				type="tertiary-no-background"
 				class="input-field__trailing-button"
 				:aria-label="trailingButtonLabel"
 				:disabled="disabled"
+				variant="tertiary-no-background"
 				@click="handleTrailingButtonClick">
 				<!-- Populating this slot creates a trailing button within the
 				input boundaries that emits a `trailing-button-click` event -->
@@ -452,7 +452,7 @@ export default {
 		}
 
 		&--error,
-		&:invalid {
+		&:user-invalid {
 			border-color: var(--color-error) !important; //Override hover border color
 			&:focus-visible {
 				box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px
diff --git a/src/components/NcListItem/NcListItem.vue b/src/components/NcListItem/NcListItem.vue
index 62994af61c..b90b44eb2d 100644
--- a/src/components/NcListItem/NcListItem.vue
+++ b/src/components/NcListItem/NcListItem.vue
@@ -284,7 +284,7 @@ The `actions-icon` slot can be used to pass icon to the inner NcActions componen
 				<NcAvatar disable-menu :size="44" user="janedoe" display-name="Jane Doe" />
 			</template>
 			<template #extra-actions>
-				<NcButton type="primary">
+				<NcButton variant="primary">
 					<template #icon>
 						<IconCog :size="20" />
 					</template>
@@ -312,12 +312,12 @@ The `actions-icon` slot can be used to pass icon to the inner NcActions componen
 				<NcAvatar disable-menu :size="44" user="janedoe" display-name="Jane Doe" />
 			</template>
 			<template #extra-actions>
-				<NcButton type="tertiary">
+				<NcButton variant="tertiary">
 					<template #icon>
 						<IconPencil :size="20" />
 					</template>
 				</NcButton>
-				<NcButton type="tertiary">
+				<NcButton variant="tertiary">
 					<template #icon>
 						<IconCog :size="20" />
 					</template>
diff --git a/src/components/NcModal/NcModal.vue b/src/components/NcModal/NcModal.vue
index 6685d37b12..6606c0991a 100644
--- a/src/components/NcModal/NcModal.vue
+++ b/src/components/NcModal/NcModal.vue
@@ -84,7 +84,7 @@ export default {
 				<NcButton
 					:disabled="!firstName || !lastName || !pizza"
 					@click="closeModal"
-					type="primary">
+					variant="primary">
 					Submit
 				</NcButton>
 			</div>
@@ -220,9 +220,9 @@ export default {
 					<div class="icons-menu">
 						<!-- Play-pause toggle -->
 						<button v-if="hasNext && enableSlideshow"
-							v-tooltip.auto="playPauseName"
 							:class="{ 'play-pause-icons--paused': slideshowPaused }"
 							class="play-pause-icons"
+							:title="playPauseName"
 							type="button"
 							@click="togglePlayPause">
 							<!-- Play/pause icons -->
@@ -258,10 +258,10 @@ export default {
 						</NcActions>
 
 						<!-- Close modal -->
-						<NcButton v-if="canClose && !closeButtonContained"
+						<NcButton v-if="!noClose && canClose && !closeButtonContained"
 							:aria-label="closeButtonAriaLabel"
 							class="header-close"
-							type="tertiary"
+							variant="tertiary"
 							@click="close">
 							<template #icon>
 								<Close :size="20" />
@@ -283,12 +283,14 @@ export default {
 					<!-- Navigation button -->
 					<transition name="fade-visibility" appear>
 						<NcButton v-show="hasPrevious"
-							type="tertiary-no-background"
-							class="prev"
 							:aria-label="prevButtonAriaLabel"
+							class="prev"
+							variant="tertiary-no-background"
 							@click="previous">
 							<template #icon>
-								<ChevronLeft :size="40" />
+								<NcIconSvgWrapper directional
+									:path="mdiChevronLeft"
+									:size="40" />
 							</template>
 						</NcButton>
 					</transition>
@@ -300,10 +302,10 @@ export default {
 							<slot />
 						</div>
 						<!-- Close modal -->
-						<NcButton v-if="canClose && closeButtonContained"
-							type="tertiary"
-							class="modal-container__close"
+						<NcButton v-if="!noClose && canClose && closeButtonContained"
 							:aria-label="closeButtonAriaLabel"
+							class="modal-container__close"
+							variant="tertiary"
 							@click="close">
 							<template #icon>
 								<Close :size="20" />
@@ -314,12 +316,14 @@ export default {
 					<!-- Navigation button -->
 					<transition name="fade-visibility" appear>
 						<NcButton v-show="hasNext"
-							type="tertiary-no-background"
-							class="next"
 							:aria-label="nextButtonAriaLabel"
+							class="next"
+							variant="tertiary-no-background"
 							@click="next">
 							<template #icon>
-								<ChevronRight :size="40" />
+								<NcIconSvgWrapper directional
+									:path="mdiChevronRight"
+									:size="40" />
 							</template>
 						</NcButton>
 					</transition>
@@ -331,19 +335,19 @@ export default {
 
 <script>
 import { useSwipe } from '@vueuse/core'
+import { mdiChevronLeft, mdiChevronRight } from '@mdi/js'
 import { createFocusTrap } from 'focus-trap'
 import Vue from 'vue'
 
-import { getTrapStack } from '../../utils/focusTrap.js'
-import { t } from '../../l10n.js'
 import GenRandomId from '../../utils/GenRandomId.js'
+import { getTrapStack } from '../../utils/focusTrap.ts'
+import { t } from '../../l10n.js'
+
 import NcActions from '../NcActions/index.js'
-import NcButton from '../../components/NcButton/index.js'
+import NcButton from '../NcButton/index.js'
+import NcIconSvgWrapper from '../NcIconSvgWrapper/index.js'
 import Timer from '../../utils/Timer.js'
-import Tooltip from '../../directives/Tooltip/index.js'
 
-import ChevronLeft from 'vue-material-design-icons/ChevronLeft.vue'
-import ChevronRight from 'vue-material-design-icons/ChevronRight.vue'
 import Close from 'vue-material-design-icons/Close.vue'
 import Pause from 'vue-material-design-icons/Pause.vue'
 import Play from 'vue-material-design-icons/Play.vue'
@@ -352,17 +356,12 @@ export default {
 	name: 'NcModal',
 
 	components: {
-		NcActions,
-		ChevronLeft,
-		ChevronRight,
 		Close,
 		Pause,
 		Play,
+		NcActions,
 		NcButton,
-	},
-
-	directives: {
-		tooltip: Tooltip,
+		NcIconSvgWrapper,
 	},
 
 	props: {
@@ -451,7 +450,18 @@ export default {
 		},
 
 		/**
-		 * Declare if the modal can be closed
+		 * Do not show the close button for the dialog.
+		 * @default false
+		 */
+		noClose: {
+			type: Boolean,
+			default: false,
+		},
+
+		/**
+		 * Set to false to no show a close button on the dialog
+		 * @deprecated - Use `noClose` instead. Will be removed in v9.
+		 * @default true
 		 */
 		canClose: {
 			type: Boolean,
@@ -551,6 +561,13 @@ export default {
 		'update:show',
 	],
 
+	setup() {
+		return {
+			mdiChevronLeft,
+			mdiChevronRight,
+		}
+	},
+
 	data() {
 		return {
 			mc: null,
@@ -575,7 +592,7 @@ export default {
 		 * True if there are any buttons shown on the backdrop or a name (for accessibility)
 		 */
 		forceDarkBackdrop() {
-			return (this.canClose && !this.closeButtonContained)
+			return (!this.noClose && this.canClose && !this.closeButtonContained)
 				|| this.hasNext
 				|| this.hasPrevious
 				|| this.modalName !== ''
@@ -703,7 +720,7 @@ export default {
 		},
 		close(data) {
 			// do not fire event if forbidden
-			if (this.canClose) {
+			if (!this.noClose && this.canClose) {
 				// We set internalShow here, so the out transitions properly run before the component is destroyed
 				this.internalShow = false
 				this.$emit('update:show', false)
@@ -880,7 +897,7 @@ export default {
 	position: fixed;
 	z-index: 9998;
 	top: 0;
-	left: 0;
+	inset-inline-start: 0;
 	display: block;
 	width: 100%;
 	height: 100%;
@@ -899,8 +916,7 @@ export default {
 	position: absolute;
 	z-index: 10001;
 	top: 0;
-	right: 0;
-	left: 0;
+	inset-inline: 0 0;
 	// prevent vue show to use display:none and resetting
 	// the circle animation loop
 	display: flex !important;
@@ -926,14 +942,14 @@ export default {
 	// On wider screens the name can be centered
 	@media only screen and (min-width: $breakpoint-mobile) {
 		&__name {
-			padding-left: calc(var(--default-clickable-area) * 3); // maximum actions is 3
+			padding-inline-start: calc(var(--default-clickable-area) * 3); // maximum actions is 3
 			text-align: center;
 		}
 	}
 
 	.icons-menu {
 		position: absolute;
-		right: 0;
+		inset-inline-end: 0;
 		display: flex;
 		align-items: center;
 		justify-content: flex-end;
@@ -1034,10 +1050,10 @@ export default {
 	}
 
 	.prev {
-		left: 2px;
+		inset-inline-start: 2px;
 	}
 	.next {
-		right: 2px;
+		inset-inline-end: 2px;
 	}
 
 	/* Content */
@@ -1165,7 +1181,7 @@ $pi: 3.14159265358979;
 	.progress-ring {
 		position: absolute;
 		top: 0;
-		left: 0;
+		inset-inline-start: 0;
 		transform: rotate(-90deg);
 		.progress-ring__circle {
 			transition: 100ms stroke-dashoffset;
diff --git a/src/components/NcPopover/NcPopover.vue b/src/components/NcPopover/NcPopover.vue
index b399b992f9..0a1a507dba 100644
--- a/src/components/NcPopover/NcPopover.vue
+++ b/src/components/NcPopover/NcPopover.vue
@@ -167,14 +167,13 @@ See: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/
 import Vue from 'vue'
 import { Dropdown } from 'floating-vue'
 import { createFocusTrap } from 'focus-trap'
-import { getTrapStack } from '../../utils/focusTrap.js'
+import { getTrapStack } from '../../utils/focusTrap.ts'
 import NcPopoverTriggerProvider from './NcPopoverTriggerProvider.vue'
 
 /**
  * @typedef {import('focus-trap').FocusTargetValueOrFalse} FocusTargetValueOrFalse
  * @typedef {FocusTargetValueOrFalse|() => FocusTargetValueOrFalse} SetReturnFocus
  */
-
 export default {
 	name: 'NcPopover',
 
@@ -209,13 +208,25 @@ export default {
 			type: String,
 			default: '',
 		},
+
 		/**
 		 * Enable popover focus trap
+		 *
+		 * @deprecated use noFocusTrap instead
 		 */
 		focusTrap: {
 			type: Boolean,
 			default: true,
 		},
+
+		/**
+		 * Disable the popover focus trap.
+		 */
+		noFocusTrap: {
+			type: Boolean,
+			default: false,
+		},
+
 		/**
 		 * Set element to return focus to after focus trap deactivation
 		 *
@@ -311,11 +322,12 @@ export default {
 		async useFocusTrap() {
 			await this.$nextTick()
 
-			if (!this.focusTrap) {
+			if (this.noFocusTrap || !this.focusTrap) {
 				return
 			}
 
 			const el = this.getPopoverContentElement()
+			el.tabIndex = -1
 
 			if (!el) {
 				return
@@ -329,6 +341,7 @@ export default {
 				allowOutsideClick: true,
 				setReturnFocus: this.setReturnFocus,
 				trapStack: getTrapStack(),
+				fallBackFocus: el,
 			})
 			this.$focusTrap.activate()
 		},
@@ -377,71 +390,83 @@ export default {
 		},
 
 		async afterShow() {
+			this.getPopoverContentElement().addEventListener('transitionend', () => {
+				/**
+				 * Triggered after the tooltip was visually displayed.
+				 *
+				 * This is different from the 'show' and 'apply-show' which
+				 * run earlier than this where there is no guarantee that the
+				 * tooltip is already visible and in the DOM.
+				 */
+				this.$emit('after-show')
+			}, { once: true, passive: true })
+
 			this.removeFloatingVueAriaDescribedBy()
 
 			await this.$nextTick()
 			await this.useFocusTrap()
 			this.addEscapeStopPropagation()
-
-			/**
-			 * Triggered after the tooltip was visually displayed.
-			 *
-			 * This is different from the 'show' and 'apply-show' which
-			 * run earlier than this where there is no guarantee that the
-			 * tooltip is already visible and in the DOM.
-			 */
-			this.$emit('after-show')
 		},
 		afterHide() {
+			this.getPopoverContentElement().addEventListener('transitionend', () => {
+				/**
+				 * Triggered after the tooltip was visually hidden.
+				 *
+				 * This is different from the 'hide' and 'apply-hide' which
+				 * run earlier than this where there is no guarantee that the
+				 * tooltip is already visible and in the DOM.
+				 */
+				this.$emit('after-hide')
+			}, { once: true, passive: true })
+
 			this.clearFocusTrap()
 			this.clearEscapeStopPropagation()
-			/**
-			 * Triggered after the tooltip was visually hidden.
-			 */
-			this.$emit('after-hide')
 		},
 	},
 }
 </script>
 
 <style lang="scss">
-
-.resize-observer {
-	position:absolute;
-	top:0;
-	left:0;
-	z-index:-1;
-	width:100%;
-	height:100%;
-	border:none;
-	background-color:transparent;
-	pointer-events:none;
-	display:block;
-	overflow:hidden;
-	opacity:0
-}
-
-.resize-observer object {
-	display:block;
-	position:absolute;
-	top:0;
-	left:0;
-	height:100%;
-	width:100%;
-	overflow:hidden;
-	pointer-events:none;
-	z-index:-1
-}
-
 $arrow-width: 10px;
 // Move the arrow just slightly inside the popover
 // To prevent a visual gap on page scaling
 $arrow-position: $arrow-width - 1px;
 
+// Size class comes from the floating-vue library we use
+.resize-observer {
+	position: absolute;
+	top: 0;
+	/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
+	left: 0;
+	z-index: -1;
+	width: 100%;
+	height: 100%;
+	border: none;
+	background-color: transparent;
+	pointer-events: none;
+	display: block;
+	overflow: hidden;
+	opacity: 0;
+
+	object {
+		display: block;
+		position: absolute;
+		top: 0;
+		/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
+		left: 0;
+		height: 100%;
+		width: 100%;
+		overflow: hidden;
+		pointer-events: none;
+		z-index: -1;
+	}
+}
+
 .v-popper--theme-dropdown {
 	&.v-popper__popper {
 		z-index: 100000;
 		top: 0;
+		/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
 		left: 0;
 		display: block !important;
 
@@ -478,25 +503,35 @@ $arrow-position: $arrow-width - 1px;
 
 		&[data-popper-placement^='top'] .v-popper__arrow-container {
 			bottom: -$arrow-position;
+			/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
 			border-bottom-width: 0;
+			/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
 			border-top-color: var(--color-main-background);
 		}
 
 		&[data-popper-placement^='bottom'] .v-popper__arrow-container {
 			top: -$arrow-position;
+			/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
 			border-top-width: 0;
+			/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
 			border-bottom-color: var(--color-main-background);
 		}
 
 		&[data-popper-placement^='right'] .v-popper__arrow-container {
+			/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
 			left: -$arrow-position;
+			/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
 			border-left-width: 0;
+			/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
 			border-right-color: var(--color-main-background);
 		}
 
 		&[data-popper-placement^='left'] .v-popper__arrow-container {
+			/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
 			right: -$arrow-position;
+			/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
 			border-right-width: 0;
+			/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
 			border-left-color: var(--color-main-background);
 		}
 
diff --git a/src/components/NcRelatedResourcesPanel/NcResource.vue b/src/components/NcRelatedResourcesPanel/NcResource.vue
index 2341fdf9e3..a10e37bc7d 100644
--- a/src/components/NcRelatedResourcesPanel/NcResource.vue
+++ b/src/components/NcRelatedResourcesPanel/NcResource.vue
@@ -7,9 +7,9 @@
 	<li class="resource">
 		<NcButton class="resource__button"
 			:aria-label="labelTranslated"
-			type="tertiary"
 			:to="route"
-			:href="route ? null : url">
+			:href="route ? null : url"
+			variant="tertiary">
 			<template #icon>
 				<div class="resource__icon">
 					<img :src="icon">
diff --git a/src/components/NcRelatedResourcesPanel/NcTeamResources.vue b/src/components/NcRelatedResourcesPanel/NcTeamResources.vue
index 4bf562a3aa..85bbb7b5a3 100644
--- a/src/components/NcRelatedResourcesPanel/NcTeamResources.vue
+++ b/src/components/NcRelatedResourcesPanel/NcTeamResources.vue
@@ -18,10 +18,10 @@
 					<AccountGroup :size="20" />
 					{{ team.displayName }}
 				</h5>
-				<NcButton type="tertiary"
+				<NcButton :aria-label="t('View team')"
 					:href="team.link"
-					:aria-label="t('View team')"
-					:title="t('View team')">
+					:title="t('View team')"
+					variant="tertiary">
 					<template #icon>
 						<OpenInNew :size="20" />
 					</template>
diff --git a/src/components/NcRichContenteditable/NcMentionBubble.vue b/src/components/NcRichContenteditable/NcMentionBubble.vue
index e129c59fb3..34a643ab0a 100644
--- a/src/components/NcRichContenteditable/NcMentionBubble.vue
+++ b/src/components/NcRichContenteditable/NcMentionBubble.vue
@@ -105,6 +105,7 @@ $bubble-avatar-size: $bubble-height - 2 * $bubble-padding;
 	}
 
 	&__wrapper {
+		position: relative;
 		max-width: $bubble-max-width;
 		// Align with text
 		height: $bubble-height - $bubble-padding;
@@ -118,10 +119,10 @@ $bubble-avatar-size: $bubble-height - 2 * $bubble-padding;
 		overflow: hidden;
 		align-items: center;
 		max-width: 100%;
-		height: $bubble-height ;
+		height: $bubble-height;
 		-webkit-user-select: none;
 		user-select: none;
-		padding-inline: $bubble-padding  $bubble-padding * 3;
+		padding-inline: $bubble-padding $bubble-padding * 3;
 		border-radius: math.div($bubble-height, 2);
 		background-color: var(--color-background-dark);
 	}
diff --git a/src/components/NcRichContenteditable/NcRichContenteditable.vue b/src/components/NcRichContenteditable/NcRichContenteditable.vue
index 6d0c83cd65..8c3f08a2ec 100644
--- a/src/components/NcRichContenteditable/NcRichContenteditable.vue
+++ b/src/components/NcRichContenteditable/NcRichContenteditable.vue
@@ -242,7 +242,6 @@ export default {
 	<div class="rich-contenteditable">
 		<div :id="id"
 			ref="contenteditable"
-			v-tooltip="tooltipString"
 			:class="{
 				'rich-contenteditable__input--empty': isEmptyValue,
 				'rich-contenteditable__input--multiline': multiline,
@@ -261,6 +260,7 @@ export default {
 			:aria-controls="tributeId"
 			:aria-expanded="isAutocompleteOpen ? 'true' : 'false'"
 			:aria-activedescendant="autocompleteActiveId"
+			:title="tooltipString"
 			v-bind="$attrs"
 			v-on="listeners"
 			@focus="moveCursorToEnd"
@@ -285,10 +285,9 @@ export default {
 </template>
 
 <script>
-import { t } from '../../l10n.js'
+import { n, t } from '../../l10n.js'
 import NcAutoCompleteResult from './NcAutoCompleteResult.vue'
 import richEditor from '../../mixins/richEditor/index.js'
-import Tooltip from '../../directives/Tooltip/index.js'
 import { emojiSearch, emojiAddRecent } from '../../functions/emoji/index.ts'
 import { searchProvider, getLinkWithPicker } from '../NcRichText/index.js'
 
@@ -312,10 +311,6 @@ smilesCharacters.forEach((char) => {
 export default {
 	name: 'NcRichContenteditable',
 
-	directives: {
-		tooltip: Tooltip,
-	},
-
 	mixins: [richEditor],
 
 	inheritAttrs: false,
@@ -504,11 +499,7 @@ export default {
 			if (!this.isOverMaxlength) {
 				return null
 			}
-			return {
-				content: t('Message limit of {count} characters reached', { count: this.maxlength }),
-				shown: true,
-				trigger: 'manual',
-			}
+			return n('Message limit of %n character reached', 'Message limit of %n characters reached', this.maxlength)
 		},
 
 		/**
@@ -1107,6 +1098,12 @@ export default {
 			border-radius: var(--border-radius);
 			background-color: var(--color-background-dark);
 		}
+
+		&--overflow,
+		&--overflow:hover {
+			// we need important to override server styles
+			border-color: var(--color-error) !important;
+		}
 	}
 }
 
@@ -1118,7 +1115,7 @@ export default {
 	overflow: auto;
 	// Hide container root element while initializing
 	position: absolute;
-	/* stylelint-disable csstools/use-logical */ /* upstream logic */
+	/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
 	left: -100vw;
 	// Space it out a bit from the text
 	margin: var(--default-grid-baseline) 0;
diff --git a/src/components/NcRichText/NcReferenceList.vue b/src/components/NcRichText/NcReferenceList.vue
index 2d1053f721..94a57902f0 100644
--- a/src/components/NcRichText/NcReferenceList.vue
+++ b/src/components/NcRichText/NcReferenceList.vue
@@ -32,7 +32,7 @@ export default {
 			default: '',
 		},
 		referenceData: {
-			type: Object,
+			type: Array,
 			default: null,
 		},
 		limit: {
diff --git a/src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue b/src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue
index dc1f03f80c..1f6bb50a35 100644
--- a/src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue
+++ b/src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue
@@ -20,10 +20,10 @@
 					<ArrowLeftIcon />
 				</template>
 			</NcButton>
-			<NcButton :aria-label="closeButtonLabel"
+			<NcButton class="close-button"
+				:aria-label="closeButtonLabel"
 				:title="closeButtonTitle"
-				type="tertiary"
-				class="close-button"
+				variant="tertiary"
 				@click="onCancel">
 				<template #icon>
 					<CloseIcon />
diff --git a/src/components/NcRichText/NcRichText.vue b/src/components/NcRichText/NcRichText.vue
index 5a83875260..d9aa91def0 100644
--- a/src/components/NcRichText/NcRichText.vue
+++ b/src/components/NcRichText/NcRichText.vue
@@ -361,7 +361,7 @@ export default {
 		},
 		/** Provide data upfront to avoid extra http request */
 		references: {
-			type: Object,
+			type: Array,
 			default: null,
 		},
 		/** Provide basic Markdown syntax */
diff --git a/src/components/NcSelect/NcSelect.vue b/src/components/NcSelect/NcSelect.vue
index 573a220672..c5588905a1 100644
--- a/src/components/NcSelect/NcSelect.vue
+++ b/src/components/NcSelect/NcSelect.vue
@@ -68,8 +68,8 @@ const selectArray = [
 	{
 		props: {
 			inputLabel: 'Multiple (objects, pre-selected, stay open on select)',
+			keepOpen: true,
 			multiple: true,
-			closeOnSelect: false,
 			options: [
 				{
 					id: 'foo',
@@ -161,7 +161,7 @@ export default {
 				:options="options"
 				v-model="singleValue"
 				required />
-			<NcButton native-type="submit">Submit</NcButton>
+			<NcButton type="submit">Submit</NcButton>
 		</form>
 
 		<form class="container__form" @submit.prevent>
@@ -171,7 +171,7 @@ export default {
 				v-model="multiValue"
 				multiple
 				required />
-			<NcButton native-type="submit">Submit</NcButton>
+			<NcButton type="submit">Submit</NcButton>
 		</form>
 	</div>
 </template>
@@ -234,7 +234,7 @@ const data1 = {
 	props: {
 		inputLabel: 'Wrapped (Default)',
 		multiple: true,
-		closeOnSelect: false,
+		keepOpen: true,
 		options: [
 			'foo',
 			'bar',
@@ -265,8 +265,8 @@ const data1 = {
 const data2 = {
 	props: {
 		inputLabel: 'Not wrapped',
+		keepOpen: true,
 		multiple: true,
-		closeOnSelect: false,
 		options: [
 			'foo',
 			'bar',
@@ -319,178 +319,6 @@ export default {
 }
 </style>
 ```
-
-### User select examples
-
-```vue
-<template>
-	<div class="grid">
-		<div v-for="{ props } in selectArray"
-			class="container">
-			<NcSelect v-bind="props"
-				v-model="props.value" />
-		</div>
-	</div>
-</template>
-
-<script>
-import AccountGroup from '@mdi/svg/svg/account-group.svg?raw'
-import Email from '@mdi/svg/svg/email.svg?raw'
-
-const selectArray = [
-	{
-		props: {
-			inputLabel: 'User select',
-			userSelect: true,
-			options: [
-				{
-					id: '0-john',
-					displayName: 'John',
-					isNoUser: false,
-					subname: 'john@example.org',
-					icon: '',
-					// Example of how to show the user status within the option
-					user: '0-john',
-					preloadedUserStatus: {
-						icon: '',
-						status: 'online',
-						message: 'I am online',
-					},
-				},
-				{
-					id: '0-emma',
-					displayName: 'Emma',
-					isNoUser: false,
-					subname: 'emma@example.org',
-					icon: '',
-				},
-				{
-					id: '0-olivia',
-					displayName: 'Olivia',
-					isNoUser: false,
-					subname: 'olivia@example.org',
-					icon: '',
-				},
-				{
-					id: '0-noah',
-					displayName: 'Noah',
-					isNoUser: false,
-					subname: 'noah@example.org',
-					icon: '',
-				},
-				{
-					id: '0-oliver',
-					displayName: 'Oliver',
-					isNoUser: false,
-					subname: 'oliver@example.org',
-					icon: '',
-				},
-				{
-					id: '1-admin',
-					displayName: 'Admin',
-					isNoUser: true,
-					subname: null,
-					iconSvg: AccountGroup,
-					iconName: 'Group icon',
-				},
-				{
-					id: '2-org@example.org',
-					displayName: 'Organization',
-					isNoUser: true,
-					subname: 'org@example.org',
-					iconSvg: Email,
-					iconName: 'Email icon',
-				},
-			],
-		},
-	},
-
-	{
-		props: {
-			inputLabel: 'Multiple user select (stay open on select)',
-			userSelect: true,
-			multiple: true,
-			closeOnSelect: false,
-			options: [
-				{
-					id: '0-john',
-					displayName: 'John',
-					isNoUser: false,
-					subname: 'john@example.org',
-					icon: '',
-				},
-				{
-					id: '0-emma',
-					displayName: 'Emma',
-					isNoUser: false,
-					subname: 'emma@example.org',
-					icon: '',
-				},
-				{
-					id: '0-olivia',
-					displayName: 'Olivia',
-					isNoUser: false,
-					subname: 'olivia@example.org',
-					icon: '',
-				},
-				{
-					id: '0-noah',
-					displayName: 'Noah',
-					isNoUser: false,
-					subname: 'noah@example.org',
-					icon: '',
-				},
-				{
-					id: '0-oliver',
-					displayName: 'Oliver',
-					isNoUser: false,
-					subname: 'oliver@example.org',
-					icon: '',
-				},
-				{
-					id: '1-admin',
-					displayName: 'Admin',
-					isNoUser: true,
-					subname: null,
-					iconSvg: AccountGroup,
-					iconName: 'Group icon',
-				},
-				{
-					id: '2-org@example.org',
-					displayName: 'Organization',
-					isNoUser: true,
-					subname: 'org@example.org',
-					iconSvg: Email,
-					iconName: 'Email icon',
-				},
-			],
-		},
-	},
-]
-
-export default {
-	data() {
-		return {
-			selectArray,
-		}
-	},
-}
-</script>
-
-<style>
-.grid {
-	display: grid;
-	grid-template-columns: repeat(1, 500px);
-	gap: 10px;
-}
-
-.container {
-	display: flex;
-	flex-direction: column;
-	gap: 2px 0;
-}
-</style>
-```
 </docs>
 
 <template>
@@ -525,25 +353,31 @@ export default {
 				<!-- Set size to 26 to make up for the increased padding of this icon -->
 		</template>
 		<template #option="option">
-			<NcListItemIcon v-if="userSelect"
-				v-bind="option"
-				:avatar-size="32"
-				:name="option[localLabel]"
-				:search="search" />
-			<NcEllipsisedOption v-else
-				:name="String(option[localLabel])"
-				:search="search" />
+			<!-- @slot Customize how a option is rendered. -->
+			<slot name="option" v-bind="option">
+				<NcListItemIcon v-if="userSelect"
+					v-bind="option"
+					:avatar-size="32"
+					:name="option[localLabel]"
+					:search="search" />
+				<NcEllipsisedOption v-else
+					:name="String(option[localLabel])"
+					:search="search" />
+			</slot>
 		</template>
 		<template #selected-option="selectedOption">
-			<NcListItemIcon v-if="userSelect"
-				v-bind="selectedOption"
-				:avatar-size="avatarSize"
-				:name="selectedOption[localLabel]"
-				no-margin
-				:search="search" />
-			<NcEllipsisedOption v-else
-				:name="String(selectedOption[localLabel])"
-				:search="search" />
+			<!-- @slot Customize how a selected option is rendered -->
+			<slot name="selected-option" :v-bind="selectedOption">
+				<NcListItemIcon v-if="userSelect"
+					v-bind="selectedOption"
+					:avatar-size="avatarSize"
+					:name="selectedOption[localLabel]"
+					no-margin
+					:search="search" />
+				<NcEllipsisedOption v-else
+					:name="String(selectedOption[localLabel])"
+					:search="search" />
+			</slot>
 		</template>
 		<template #spinner="spinner">
 			<NcLoadingIcon v-if="spinner.loading" />
@@ -667,15 +501,26 @@ export default {
 		},
 
 		/**
-		 * Close the dropdown when selecting an option
+		 * Close the dropdown when selecting an option.
 		 *
-		 * @see https://vue-select.org/api/props.html#closeonselect
+		 * @deprecated Use the `keepOpen` prop instead
 		 */
 		closeOnSelect: {
 			type: Boolean,
 			default: true,
 		},
 
+		/**
+		 * Keep the dropdown open after selecting an option.
+		 *
+		 * @default false
+		 * @since 8.25.0
+		 */
+		keepOpen: {
+			type: Boolean,
+			default: false,
+		},
+
 		/**
 		 * Replace default vue-select components
 		 *
@@ -927,6 +772,8 @@ export default {
 		 * Objects must contain the data expected by the
 		 * [NcListItemIcon](#/Components/NcListItemIcon) and
 		 * [NcAvatar](#/Components/NcAvatar) components
+		 *
+		 * @deprecated Use the `NcSelectUsers` component instead
 		 */
 		userSelect: {
 			type: Boolean,
@@ -1122,6 +969,7 @@ export default {
 				// Custom overrides of vue-select props
 				value: this.model,
 				calculatePosition: this.localCalculatePosition,
+				closeOnSelect: this.closeOnSelect && !this.keepOpen,
 				filterBy: this.localFilterBy,
 				label: this.localLabel,
 			}
diff --git a/src/components/NcSelectUsers/NcSelectUsers.vue b/src/components/NcSelectUsers/NcSelectUsers.vue
new file mode 100644
index 0000000000..32a14f190c
--- /dev/null
+++ b/src/components/NcSelectUsers/NcSelectUsers.vue
@@ -0,0 +1,391 @@
+<!--
+	- SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+	- SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+
+<docs>
+### Nextcloud user picker
+
+#### Examples
+
+```vue
+<template>
+	<div class="grid">
+		<div v-for="{ props } in selectArray"
+			class="container">
+			<NcSelectUsers v-bind="props"
+				v-model="props.value" />
+		</div>
+	</div>
+</template>
+
+<script>
+import svgAccountGroup from '@mdi/svg/svg/account-group.svg?raw'
+import svgEmail from '@mdi/svg/svg/email.svg?raw'
+
+const selectArray = [
+	{
+		props: {
+			inputLabel: 'User select',
+			options: [
+				{
+					id: '0-john',
+					displayName: 'John',
+					isNoUser: false,
+					subname: 'john@example.org',
+					// Example of how to show the user status within the option
+					user: '0-john',
+					preloadedUserStatus: {
+						status: 'online',
+						message: 'I am online',
+					},
+				},
+				{
+					id: '0-emma',
+					displayName: 'Emma',
+					isNoUser: false,
+					subname: 'emma@example.org',
+				},
+				{
+					id: '0-olivia',
+					displayName: 'Olivia',
+					isNoUser: false,
+					subname: 'olivia@example.org',
+				},
+				{
+					id: '0-noah',
+					displayName: 'Noah',
+					isNoUser: false,
+					subname: 'noah@example.org',
+				},
+				{
+					id: '0-oliver',
+					displayName: 'Oliver',
+					isNoUser: false,
+					subname: 'oliver@example.org',
+				},
+				{
+					id: '1-admin',
+					displayName: 'Admin',
+					isNoUser: true,
+					iconSvg: svgAccountGroup,
+					iconName: 'Group icon',
+				},
+				{
+					id: '2-org@example.org',
+					displayName: 'Organization',
+					isNoUser: true,
+					subname: 'org@example.org',
+					iconSvg: svgEmail,
+					iconName: 'Email icon',
+				},
+			],
+		},
+	},
+
+	{
+		props: {
+			inputLabel: 'Multiple user select (stay open on select)',
+			keepOpen: true,
+			multiple: true,
+			options: [
+				{
+					id: '0-john',
+					displayName: 'John',
+					isNoUser: false,
+					subname: 'john@example.org',
+				},
+				{
+					id: '0-emma',
+					displayName: 'Emma',
+					isNoUser: false,
+					subname: 'emma@example.org',
+				},
+				{
+					id: '0-olivia',
+					displayName: 'Olivia',
+					isNoUser: false,
+					subname: 'olivia@example.org',
+				},
+				{
+					id: '0-noah',
+					displayName: 'Noah',
+					isNoUser: false,
+					subname: 'noah@example.org',
+				},
+				{
+					id: '0-oliver',
+					displayName: 'Oliver',
+					isNoUser: false,
+					subname: 'oliver@example.org',
+				},
+				{
+					id: '1-admin',
+					displayName: 'Admin',
+					isNoUser: true,
+					iconSvg: svgAccountGroup,
+					iconName: 'Group icon',
+				},
+				{
+					id: '2-org@example.org',
+					displayName: 'Organization',
+					isNoUser: true,
+					subname: 'org@example.org',
+					iconSvg: svgEmail,
+					iconName: 'Email icon',
+				},
+			],
+		},
+	},
+]
+
+export default {
+	data() {
+		return {
+			selectArray,
+		}
+	},
+}
+</script>
+
+<style>
+.grid {
+	display: grid;
+	grid-template-columns: repeat(1, 500px);
+	gap: 10px;
+}
+
+.container {
+	display: flex;
+	flex-direction: column;
+	gap: 2px 0;
+}
+</style>
+```
+</docs>
+
+<script setup>
+import { ref, watch } from 'vue'
+import { t } from '../../l10n.js'
+import createElementId from '../../utils/GenRandomId.js'
+
+import NcListItemIcon from '../NcListItemIcon/NcListItemIcon.vue'
+import NcSelect from '../NcSelect/NcSelect.vue'
+
+const props = defineProps({
+	/**
+	 * `aria-label` for the clear input button
+	 */
+	ariaLabelClearSelected: {
+		type: String,
+		default: t('Clear selected'),
+	},
+
+	/**
+	 * `aria-label` for the listbox element
+	 */
+	ariaLabelListbox: {
+		type: String,
+		default: t('Options'),
+	},
+
+	/**
+	 * Allows to customize the `aria-label` for the deselect-option button
+	 * The default is "Deselect " + optionLabel
+	 * @type {(optionLabel: string) => string}
+	 */
+	ariaLabelDeselectOption: {
+		type: Function,
+		default: (optionLabel) => t('Deselect {option}', { option: optionLabel }),
+	},
+
+	/**
+	 * Keep the dropdown open after selecting an entry.
+	 */
+	keepOpen: {
+		type: Boolean,
+		default: false,
+	},
+
+	/**
+	 * Disable the component
+	 */
+	disabled: {
+		type: Boolean,
+		default: false,
+	},
+
+	/**
+	 * Callback to determine if the provided option should match the current search text.
+	 * Used to determine if the option should be displayed.
+	 *
+	 * By default it filters by the `displayName` and `subname` properties of the user
+	 * option object unless this prop is set explicitly
+	 */
+	filterBy: {
+		type: Function,
+		default: null,
+	},
+
+	/**
+	 * Input element id
+	 */
+	inputId: {
+		type: String,
+		default: () => createElementId(),
+	},
+
+	/**
+	 * Visible label for the input element
+	 *
+	 * @default 'Select account'
+	 */
+	inputLabel: {
+		type: String,
+		default: t('Select account'),
+	},
+
+	/**
+	 * Pass true if you are using an external label.
+	 * In this case make sure you set the `for` attribute of your `<label>` to the `inputId` of this component.
+	 */
+	labelOutside: {
+		type: Boolean,
+		default: false,
+	},
+
+	/**
+	 * Show a loading icon.
+	 *
+	 * @default false
+	 */
+	loading: {
+		type: Boolean,
+		default: false,
+	},
+
+	/**
+	 * Allow selection of multiple options
+	 *
+	 * @default false
+	 */
+	multiple: {
+		type: Boolean,
+		default: false,
+	},
+
+	/**
+	 * Disable automatic wrapping when selected options overflow the width.
+	 *
+	 * @default false
+	 */
+	noWrap: {
+		type: Boolean,
+		default: false,
+	},
+
+	/**
+	 * Array of users.
+	 *
+	 * @type {{displayName: string, user: string, subname?: string, iconSvg?: string, iconName?: string, isGuest?: boolean, isNoUser?: boolean}[]}
+	 */
+	options: {
+		type: Array,
+		default: () => [],
+	},
+
+	/**
+	 * Placeholder text.
+	 */
+	placeholder: {
+		type: String,
+		default: '',
+	},
+
+	/**
+	 * Enable if a value is required for native form validation
+	 */
+	required: {
+		type: Boolean,
+		default: false,
+	},
+
+	/**
+	 * Currently selected value
+	 *
+	 * The `v-model` directive may be used for two-way data binding
+	 */
+	modelValue: {
+		type: Object,
+		default: null,
+	},
+})
+
+const emit = defineEmits(['search', 'update:modelValue'])
+
+const search = ref('')
+watch(search, () => {
+	/**
+	 * Emitted when the user enters some query.
+	 * This can be used to asynchronously fetch more options.
+	 */
+	emit('search', search.value)
+})
+
+// Avatar size so the component has the same size as Nc*Field
+const clickableArea = Number.parseInt(window.getComputedStyle(document.body).getPropertyValue('--default-clickable-area'))
+const gridBaseLine = Number.parseInt(window.getComputedStyle(document.body).getPropertyValue('--default-grid-baseline'))
+const avatarSize = clickableArea - 2 * gridBaseLine
+
+/**
+ * Filter function to search users.
+ *
+ * @param {{subname: string}} option - The option to check
+ * @param {string} label - The label of the option
+ * @param {string} search - The current search string
+ */
+function localFilterBy(option, label, search) {
+	if (props.filterBy) {
+		return props.filterBy
+	}
+
+	// Match the email notation like "Jane <j.doe@example.com>" with the email address as matching group
+	const EMAIL_NOTATION = /[^<]*<([^>]+)/
+
+	const match = search.match(EMAIL_NOTATION)
+	const subname = option.subname?.toLocaleLowerCase() ?? ''
+	return (match && subname.indexOf(match[1].toLocaleLowerCase()) > -1)
+		|| (`${label} ${option.subname}`
+			.toLocaleLowerCase()
+			.indexOf(search.toLocaleLowerCase()) > -1)
+}
+</script>
+
+<template>
+	<NcSelect class="nc-select-users"
+		v-bind="$props"
+		:filter-by="localFilterBy"
+		label="displayName"
+		@search="search = $event"
+		@update:model-value="$emit('update:modelValue', $event)">
+		<template #option="option">
+			<NcListItemIcon v-bind="option"
+				:avatar-size="32"
+				:name="option.displayName"
+				:search="search" />
+		</template>
+		<template #selected-option="selectedOption">
+			<NcListItemIcon v-bind="selectedOption"
+				:avatar-size="avatarSize"
+				:name="selectedOption.displayName"
+				no-margin
+				:search="search" />
+		</template>
+	</NcSelect>
+</template>
+
+<style scoped lang="css">
+.nc-select-users :deep(.vs__selected) {
+	padding-inline: 0 5px !important;
+}
+</style>
diff --git a/src/components/NcSelectUsers/index.js b/src/components/NcSelectUsers/index.js
new file mode 100644
index 0000000000..23fcb61ba4
--- /dev/null
+++ b/src/components/NcSelectUsers/index.js
@@ -0,0 +1,6 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+export { default } from './NcSelectUsers.vue'
diff --git a/src/components/index.js b/src/components/index.js
index bdc4d5fcf0..afa3860bbf 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -31,8 +31,10 @@ export { default as NcAppNavigationSpacer } from './NcAppNavigationSpacer/index.
 export { default as NcAppSettingsDialog } from './NcAppSettingsDialog/index.js'
 export { default as NcAppSettingsSection } from './NcAppSettingsSection/index.js'
 export { default as NcAppSidebar } from './NcAppSidebar/index.js'
+export { default as NcAppSidebarHeader } from './NcAppSidebarHeader/index.ts'
 export { default as NcAppSidebarTab } from './NcAppSidebarTab/index.js'
 export { default as NcAvatar } from './NcAvatar/index.js'
+export { default as NcBlurHash } from './NcBlurHash/index.js'
 export { default as NcBreadcrumb } from './NcBreadcrumb/index.js'
 export { default as NcBreadcrumbs } from './NcBreadcrumbs/index.js'
 export { default as NcButton } from './NcButton/index.js'
@@ -71,6 +73,7 @@ export { default as NcRichText } from './NcRichText/index.js'
 export { default as NcSavingIndicatorIcon } from './NcSavingIndicatorIcon/index.js'
 export { default as NcSelect } from './NcSelect/index.js'
 export { default as NcSelectTags } from './NcSelectTags/index.js'
+export { default as NcSelectUsers } from './NcSelectUsers/index.js'
 export { default as NcSettingsInputText } from './NcSettingsInputText/index.js'
 export { default as NcSettingsSection } from './NcSettingsSection/index.js'
 export { default as NcSettingsSelectGroup } from './NcSettingsSelectGroup/index.js'
diff --git a/src/composables/useTrapStackControl.ts b/src/composables/useTrapStackControl.ts
new file mode 100644
index 0000000000..667889e661
--- /dev/null
+++ b/src/composables/useTrapStackControl.ts
@@ -0,0 +1,37 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import type { Ref } from 'vue'
+import type { MaybeRefOrGetter } from '@vueuse/core'
+import { onUnmounted, watch } from 'vue'
+import { toValue } from '@vueuse/core'
+import { createTrapStackController } from '../utils/focusTrap.ts'
+
+/**
+ * Control global focus trap stack when focus trap is managed manually
+ *
+ * @param shouldPause - Whether focus trap should be paused
+ * @param options - Additional options
+ * @param options.disabled - Whether the controller should be disabled
+ */
+export function useTrapStackControl(shouldPause: Ref<boolean> | (() => boolean), options: { disabled?: MaybeRefOrGetter<boolean> } = {}) {
+	const trapStackController = createTrapStackController()
+
+	watch(shouldPause, () => {
+		if (toValue(options.disabled)) {
+			return
+		}
+
+		if (toValue(shouldPause)) {
+			trapStackController.pause()
+		} else {
+			trapStackController.unpause()
+		}
+	})
+
+	onUnmounted(() => {
+		trapStackController.unpause()
+	})
+}
diff --git a/src/directives/Tooltip/index.js b/src/directives/Tooltip/index.js
index 728ec6fc0a..ebf7eb1630 100644
--- a/src/directives/Tooltip/index.js
+++ b/src/directives/Tooltip/index.js
@@ -11,5 +11,10 @@ options.themes.tooltip.delay = { show: 500, hide: 200 }
 options.themes.tooltip.distance = 10
 options.themes.tooltip['arrow-padding'] = 3
 
-export default VTooltip
-export { options }
+export {
+	/**
+	 * @deprecated Use the native `title` attribute instead.
+	 */
+	VTooltip as default,
+	options,
+}
diff --git a/src/directives/Tooltip/index.scss b/src/directives/Tooltip/index.scss
index 866133a9ee..42f4aa361a 100644
--- a/src/directives/Tooltip/index.scss
+++ b/src/directives/Tooltip/index.scss
@@ -12,12 +12,10 @@ $arrow-width: 10px;
 		position: absolute;
 		z-index: 100000;
 		top: 0;
-		right: auto;
-		left: auto;
+		inset-inline: auto;
 		display: block;
 		margin: 0;
 		padding: 0;
-		text-align: left;
 		text-align: start;
 		opacity: 0;
 		line-height: 1.6;
@@ -41,16 +39,16 @@ $arrow-width: 10px;
 
 		// RIGHT
 		&[data-popper-placement^='right'] .v-popper__arrow-container {
-			right: 100%;
-			border-left-width: 0;
-			border-right-color: var(--color-main-background);
+			inset-inline-end: 100%;
+			border-inline-start-width: 0;
+			border-inline-end-color: var(--color-main-background);
 		}
 
 		// LEFT
 		&[data-popper-placement^='left'] .v-popper__arrow-container {
-			left: 100%;
-			border-right-width: 0;
-			border-left-color: var(--color-main-background);
+			inset-inline-start: 100%;
+			border-inline-end-width: 0;
+			border-inline-start-color: var(--color-main-background);
 		}
 
 		// HIDDEN / SHOWN
diff --git a/src/functions/index.ts b/src/functions/index.ts
index 5e5bed97b6..ac977f31ed 100644
--- a/src/functions/index.ts
+++ b/src/functions/index.ts
@@ -4,9 +4,10 @@
  */
 
 export * from './a11y/index.ts'
+export * from './contactsMenu/index.ts'
 export * from './dialog/index.ts'
 export * from './emoji/index.ts'
-export * from './reference/index.js'
 export * from './isDarkTheme/index.ts'
-export * from './contactsMenu/index.ts'
+export * from './preloadImage/index.ts'
+export * from './reference/index.js'
 export { default as usernameToColor } from './usernameToColor/index.js'
diff --git a/src/functions/preloadImage/index.ts b/src/functions/preloadImage/index.ts
new file mode 100644
index 0000000000..61053fb1ff
--- /dev/null
+++ b/src/functions/preloadImage/index.ts
@@ -0,0 +1,25 @@
+/**
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import PQueue from 'p-queue'
+
+const queue = new PQueue({ concurrency: 5 })
+
+/**
+ * Preload an image URL
+ * @param url URL of the image
+ */
+export function preloadImage(url: string): Promise<boolean> {
+	const { resolve, promise } = Promise.withResolvers<boolean>()
+	queue.add(() => {
+		const image = new Image()
+		image.onerror = () => resolve(false)
+		image.onload = () => resolve(true)
+		image.src = url
+		return promise
+	})
+
+	return promise
+}
diff --git a/src/utils/focusTrap.js b/src/utils/focusTrap.js
deleted file mode 100644
index cb79875796..0000000000
--- a/src/utils/focusTrap.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-
-/**
- * Return the default global focus trap stack
- *
- * @return {import('focus-trap').FocusTrap[]}
- */
-export const getTrapStack = function() {
-	// Create global stack if undefined
-	Object.assign(window, { _nc_focus_trap: window._nc_focus_trap || [] })
-
-	return window._nc_focus_trap
-}
diff --git a/src/utils/focusTrap.ts b/src/utils/focusTrap.ts
new file mode 100644
index 0000000000..c890ad0f5c
--- /dev/null
+++ b/src/utils/focusTrap.ts
@@ -0,0 +1,56 @@
+/**
+ * SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import type { FocusTrap } from 'focus-trap'
+
+declare global {
+	interface Window {
+		_nc_focus_trap: FocusTrap[]
+	}
+}
+
+/**
+ * Get the default global focus trap stack
+ */
+export function getTrapStack() {
+	// Create global stack if undefined
+	window._nc_focus_trap ??= []
+
+	return window._nc_focus_trap
+}
+
+/**
+ * Create controller to pause/unpause the global focus trap stack.
+ *
+ * When some component manually implements its own focus-trap without using global focus-trap stack,
+ * it also needs to pause the global stack to avoid conflict.
+ */
+export function createTrapStackController() {
+	/**
+	 * Stack of focus traps that were paused to unpause the exact stack later
+	 */
+	let pausedStack: FocusTrap[] = []
+
+	return {
+		/**
+		 * Pause the current focus-trap stack
+		 */
+		pause() {
+			pausedStack = [...getTrapStack()]
+			for (const trap of pausedStack) {
+				trap.pause()
+			}
+		},
+		/**
+		 * Unpause the paused focus trap stack
+		 */
+		unpause() {
+			for (const trap of pausedStack) {
+				trap.unpause()
+			}
+			pausedStack = []
+		},
+	}
+}
diff --git a/src/utils/rtl.ts b/src/utils/rtl.ts
new file mode 100644
index 0000000000..d1f30e4397
--- /dev/null
+++ b/src/utils/rtl.ts
@@ -0,0 +1,8 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { isRTL } from '@nextcloud/l10n'
+
+export const isRtl = isRTL()
diff --git a/styleguide.config.js b/styleguide.config.js
index 3a62ff2610..a9d9c2eb43 100644
--- a/styleguide.config.js
+++ b/styleguide.config.js
@@ -236,6 +236,7 @@ module.exports = async () => {
 								name: 'NcAppSidebar',
 								components: [
 									'src/components/NcAppSidebar/NcAppSidebar.vue',
+									'src/components/NcAppSidebarHeader/NcAppSidebarHeader.vue',
 									'src/components/NcAppSidebarTab/NcAppSidebarTab.vue',
 								],
 							},
diff --git a/tests/setup.js b/tests/setup.js
index 338589739b..1dabf0e0dd 100644
--- a/tests/setup.js
+++ b/tests/setup.js
@@ -4,6 +4,8 @@
  */
 
 import OC from './OC.js'
+// TODO: Remove when we support Node 22
+import 'core-js/actual/promise/with-resolvers.js'
 
 global.OC = OC
 global.appName = 'nextcloud-vue'
diff --git a/tests/unit/components/NcAppContent/NcAppContent.spec.ts b/tests/unit/components/NcAppContent/NcAppContent.spec.ts
new file mode 100644
index 0000000000..b84e40718a
--- /dev/null
+++ b/tests/unit/components/NcAppContent/NcAppContent.spec.ts
@@ -0,0 +1,86 @@
+/*!
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+import { describe, expect, it } from '@jest/globals'
+import { mount } from '@vue/test-utils'
+import NcAppContent from '../../../../src/components/NcAppContent/NcAppContent.vue'
+
+describe('NcAppContent', () => {
+	beforeEach(() => {
+		document.title = 'Initial title'
+	})
+
+	it('does not set a page heading by default', () => {
+		const wrapper = mount(NcAppContent)
+
+		expect(wrapper.find('h1').exists()).toBe(false)
+	})
+
+	it('can set the page heading', () => {
+		const wrapper = mount(NcAppContent, {
+			propsData: {
+				pageHeading: 'My heading',
+			},
+		})
+
+		expect(wrapper.find('h1').text()).toBe('My heading')
+	})
+
+	it('does not set the document title without page heading', () => {
+		mount(NcAppContent)
+
+		expect(document.title).toBe('Initial title')
+	})
+
+	it('sets the document title if a heading is provided', () => {
+		mount(NcAppContent, {
+			propsData: {
+				pageHeading: 'My heading',
+			},
+		})
+
+		expect(document.title).toBe('My heading - nextcloud-vue - Nextcloud')
+	})
+
+	it('does not duplicate the heading in the document title', () => {
+		mount(NcAppContent, {
+			propsData: {
+				pageHeading: 'nextcloud-vue',
+			},
+		})
+
+		expect(document.title).toBe('nextcloud-vue - Nextcloud')
+	})
+
+	it('sets the document title if pageTitle is provided', () => {
+		mount(NcAppContent, {
+			propsData: {
+				pageTitle: 'My title',
+			},
+		})
+
+		expect(document.title).toBe('My title - nextcloud-vue - Nextcloud')
+	})
+
+	it('does not duplicate the title in the document title', () => {
+		mount(NcAppContent, {
+			propsData: {
+				pageTitle: 'nextcloud-vue',
+			},
+		})
+
+		expect(document.title).toBe('nextcloud-vue - Nextcloud')
+	})
+
+	it('sets the document title if pageTitle and pageHeading are provided', () => {
+		mount(NcAppContent, {
+			propsData: {
+				pageHeading: 'My heading',
+				pageTitle: 'My title',
+			},
+		})
+
+		expect(document.title).toBe('My title - My heading - Nextcloud')
+	})
+})
diff --git a/tests/unit/components/NcAvatar/NcAvatar.spec.ts b/tests/unit/components/NcAvatar/NcAvatar.spec.ts
index 4dad18dbf4..2443069c6a 100644
--- a/tests/unit/components/NcAvatar/NcAvatar.spec.ts
+++ b/tests/unit/components/NcAvatar/NcAvatar.spec.ts
@@ -114,4 +114,107 @@ describe('NcAvatar.vue', () => {
 			expect(wrapper.text()).toBe(initials)
 		})
 	})
+
+	describe('Icon and image rendering', () => {
+		// Mock the Image constructor
+		let originalImage
+
+		beforeAll(() => {
+			originalImage = global.Image
+			global.Image = jest.fn(() => ({
+				onload: null,
+				onerror: null,
+				_src: '',
+				get src() {
+					return this._src
+				},
+				set src(value) {
+					this._src = value
+					this.onload?.() // Trigger the onload event
+				},
+			}))
+		})
+
+		afterAll(() => {
+			global.Image = originalImage
+		})
+
+		it('should render image with avatar url pointing to a user', async () => {
+			const wrapper = mount(NcAvatar, {
+				propsData: {
+					displayName: 'Guest',
+					user: 'user1',
+				},
+			})
+			await nextTick()
+
+			expect(wrapper.find('img').exists()).toBeTruthy()
+			expect(wrapper.find('img').attributes('src')).toMatch(/avatar\/user1\/64$/)
+		})
+
+		it('should render image with avatar url pointing to a user', async () => {
+			const avatarUrl = 'https://cloud.ltd/index.php/avatar/user2/512'
+
+			const wrapper = mount(NcAvatar, {
+				propsData: {
+					displayName: 'Guest',
+					url: avatarUrl,
+				},
+			})
+			await nextTick()
+
+			expect(wrapper.find('img').exists()).toBeTruthy()
+			expect(wrapper.find('img').attributes('src')).toBe(avatarUrl)
+		})
+
+		it('should not render image with avatar url if icon slot is populated', async () => {
+			const wrapper = mount(NcAvatar, {
+				propsData: {
+					displayName: 'User',
+					user: 'userid',
+				},
+				slots: {
+					icon: '<span class="slot-scoped-icon"></span>',
+				}
+			})
+
+			expect(wrapper.find('img').exists()).toBeFalsy()
+			expect(wrapper.find('span.slot-scoped-icon').exists()).toBeTruthy()
+		})
+
+		it('should not render image with avatar url if iconClass is provided', async () => {
+			const wrapper = mount(NcAvatar, {
+				propsData: {
+					displayName: 'User',
+					user: 'userid',
+					iconClass: 'custom-icon-class',
+				},
+			})
+
+			expect(wrapper.find('img').exists()).toBeFalsy()
+			expect(wrapper.find('span.avatar-class-icon.custom-icon-class').exists()).toBeTruthy()
+		})
+
+		it('should not render image with avatar url if not a user', async () => {
+			const wrapper = mount(NcAvatar, {
+				propsData: {
+					displayName: 'Guest',
+					user: 'guest/abcdef',
+					isNoUser: true,
+				},
+			})
+
+			expect(wrapper.find('img').exists()).toBeFalsy()
+		})
+
+		it('should not render image with avatar url if user id is not provided', async () => {
+			const wrapper = mount(NcAvatar, {
+				propsData: {
+					displayName: 'Empty',
+				},
+			})
+
+			expect(wrapper.find('img').exists()).toBeFalsy()
+		})
+	})
 })
diff --git a/tests/unit/components/NcButton/button.spec.js b/tests/unit/components/NcButton/button.spec.js
index 2ae7042154..c3b6949697 100644
--- a/tests/unit/components/NcButton/button.spec.js
+++ b/tests/unit/components/NcButton/button.spec.js
@@ -7,7 +7,51 @@ import { shallowMount } from '@vue/test-utils'
 import NcButton from '../../../../src/components/NcButton/NcButton.vue'
 
 describe('NcButton', () => {
-	describe('pressed', () => {
+	describe('native HTML button type', () => {
+		test('using the legacy `nativeType` prop works', () => {
+			const wrapper = shallowMount(NcButton, { propsData: { nativeType: 'submit' } })
+			const button = wrapper.find('button')
+			expect(button.attributes('type')).toBe('submit')
+		})
+
+		test('using the `type` prop works', () => {
+			const wrapper = shallowMount(NcButton, { propsData: { type: 'submit' } })
+			const button = wrapper.find('button')
+			expect(button.attributes('type')).toBe('submit')
+		})
+	})
+
+	describe('migration from `type` and `nativeType` to `variant` and `type`', () => {
+		test('Setting only the type prop to a color', () => {
+			const wrapper = shallowMount(NcButton, { propsData: { type: 'primary' } })
+			const button = wrapper.find('button')
+			expect(button.attributes('type')).toBe('button')
+			expect(button.classes().filter((name) => name.includes('primary'))).toHaveLength(1)
+		})
+
+		test('Setting only the variant prop to a color', () => {
+			const wrapper = shallowMount(NcButton, { propsData: { variant: 'primary' } })
+			const button = wrapper.find('button')
+			expect(button.attributes('type')).toBe('button')
+			expect(button.classes().filter((name) => name.includes('primary'))).toHaveLength(1)
+		})
+
+		test('Setting type to native type and variant prop to a color', () => {
+			const wrapper = shallowMount(NcButton, { propsData: { type: 'submit', variant: 'primary' } })
+			const button = wrapper.find('button')
+			expect(button.attributes('type')).toBe('submit')
+			expect(button.classes().filter((name) => name.includes('primary'))).toHaveLength(1)
+		})
+
+		test('Setting type to color and nativeType to button type', () => {
+			const wrapper = shallowMount(NcButton, { propsData: { type: 'primary', nativeType: 'submit' } })
+			const button = wrapper.find('button')
+			expect(button.attributes('type')).toBe('submit')
+			expect(button.classes().filter((name) => name.includes('primary'))).toHaveLength(1)
+		})
+	})
+
+	describe('toggle button behavior', () => {
 		it('has aria-pressed="true" when pressed', () => {
 			const wrapper = shallowMount(NcButton, { propsData: { ariaLabel: 'button', pressed: true } })
 			const button = wrapper.find('button')
diff --git a/tests/unit/components/NcCheckboxRadioSwitch/checkbox.spec.js b/tests/unit/components/NcCheckboxRadioSwitch/checkbox.spec.js
index c5eef03e65..347b879c92 100644
--- a/tests/unit/components/NcCheckboxRadioSwitch/checkbox.spec.js
+++ b/tests/unit/components/NcCheckboxRadioSwitch/checkbox.spec.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { shallowMount } from '@vue/test-utils'
+import { mount, shallowMount } from '@vue/test-utils'
 import NcCheckboxRadioSwitch from '../../../../src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue'
 
 describe('NcCheckboxRadioSwitch', () => {
@@ -38,4 +38,33 @@ describe('NcCheckboxRadioSwitch', () => {
 		expect(wrapper.attributes('data-test')).toBe('checkbox-test-data-attr')
 		expect(wrapper.attributes('title')).not.toBe('Test title')
 	})
+
+	it('sets aria-labelledby attribute correctly', () => {
+		const wrapper = mount(NcCheckboxRadioSwitch, {
+			propsData: {
+				id: 'test-id',
+			},
+			slots: {
+				default: 'Test',
+			},
+		})
+
+		expect(wrapper.find('input').attributes('aria-labelledby')).toBe('test-id-label')
+		expect(wrapper.findComponent({ name: 'NcCheckboxContent' }).attributes('id')).toBe('test-id-label')
+	})
+
+	it('does not set id on button content', () => {
+		const wrapper = mount(NcCheckboxRadioSwitch, {
+			propsData: {
+				id: 'test-id',
+				type: 'button',
+			},
+			slots: {
+				default: 'Test',
+			},
+		})
+
+		expect(wrapper.find('input').exists()).toBe(false)
+		expect(wrapper.findComponent({ name: 'NcCheckboxContent' }).attributes('id')).toBe(undefined)
+	})
 })
diff --git a/tests/unit/components/NcDialogButton/NcDialogButton.spec.ts b/tests/unit/components/NcDialogButton/NcDialogButton.spec.ts
new file mode 100644
index 0000000000..85198251b2
--- /dev/null
+++ b/tests/unit/components/NcDialogButton/NcDialogButton.spec.ts
@@ -0,0 +1,120 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { describe, expect, it } from '@jest/globals'
+import { mount } from '@vue/test-utils'
+import { nextTick } from 'vue'
+import NcDialogButton from '../../../../src/components/NcDialogButton/NcDialogButton.vue'
+
+describe('NcDialogButton', () => {
+	it.each([
+		['reset'],
+		['button'],
+		['submit'],
+	])('forwards the native type', async (nativeType: string) => {
+		const wrapper = mount(NcDialogButton, {
+			propsData: {
+				label: 'button',
+				nativeType,
+			},
+		})
+		expect(wrapper.find('button').attributes('type')).toBe(nativeType)
+	})
+
+	it('handles click', async () => {
+		const wrapper = mount(NcDialogButton, {
+			propsData: {
+				label: 'button',
+			},
+		})
+		await wrapper.find('button').trigger('click')
+		expect(wrapper.emitted('click')).toHaveLength(1)
+		expect(wrapper.emitted('click')![0]).toHaveLength(2)
+	})
+
+	it('has mouse event as click payload', async () => {
+		const wrapper = mount(NcDialogButton, {
+			propsData: {
+				label: 'button',
+			},
+		})
+		const event = { id: 'my-event' }
+		await wrapper.find('button').trigger('click', event)
+		expect(wrapper.emitted('click')).toHaveLength(1)
+		expect(wrapper.emitted('click')![0][0]).toMatchObject(event)
+	})
+
+	it('has callback response as second click event payload', async () => {
+		const wrapper = mount(NcDialogButton, {
+			propsData: {
+				label: 'button',
+				callback: () => 'payload',
+			},
+		})
+		await wrapper.find('button').trigger('click')
+		expect(wrapper.emitted('click')).toHaveLength(1)
+		expect(wrapper.emitted('click')![0][1]).toBe('payload')
+	})
+
+	it('callback defaults to undefined', async () => {
+		const wrapper = mount(NcDialogButton, {
+			propsData: {
+				label: 'button',
+			},
+		})
+		await wrapper.find('button').trigger('click')
+		expect(wrapper.emitted('click')).toHaveLength(1)
+		expect(wrapper.emitted('click')![0]).toHaveLength(2)
+		expect(wrapper.emitted('click')![0][1]).toBeUndefined()
+	})
+
+	it('reset-button callback defaults to false', async () => {
+		const wrapper = mount(NcDialogButton, {
+			propsData: {
+				label: 'button',
+				nativeType: 'reset',
+			},
+		})
+		await wrapper.find('button').trigger('click')
+		expect(wrapper.emitted('click')).toBe(undefined)
+	})
+
+	it('reset-button with callback emits click', async () => {
+		const wrapper = mount(NcDialogButton, {
+			propsData: {
+				label: 'button',
+				nativeType: 'reset',
+				callback: () => true,
+			},
+		})
+		await wrapper.find('button').trigger('click')
+		expect(wrapper.emitted('click')).toHaveLength(1)
+	})
+
+	it('has a loading state while the callback is awaited', async () => {
+		const { promise, resolve } = Promise.withResolvers<void>()
+		const wrapper = mount(NcDialogButton, {
+			propsData: {
+				label: 'button',
+				callback: () => promise,
+			},
+		})
+		// click the button
+		const button = wrapper.find('button')
+		await button.trigger('click')
+		// no event because it is still resolving
+		expect(wrapper.emitted('click')).toBeUndefined()
+		// see there is the loading indicator
+		expect(button.find('[aria-label="Loading …"]').exists()).toBe(true)
+		// resolve the callbacl
+		resolve()
+		await nextTick()
+		// see there is the event now
+		expect(wrapper.emitted('click')).toHaveLength(1)
+		// and the loading indicator is gone
+		// see there is the loading indicator
+		expect(button.find('[aria-label="Loading …"]').exists()).toBe(false)
+	})
+})
diff --git a/vite.config.mts b/vite.config.mts
index da96fe8809..e64557401d 100644
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -87,9 +87,9 @@ const overrides = defineConfig({
 		devSourcemap: true,
 		preprocessorOptions: {
 			scss: {
-				additionalData: `@use 'sass:math'; $scope_version:${SCOPE_VERSION}; @import 'variables'; @import 'material-icons';`,
+				additionalData: `@use 'sass:math'; @use 'variables.scss' as *; @use 'material-icons.css' as *; $scope_version:${SCOPE_VERSION};`,
 				sourceMapContents: false,
-				includePaths: [
+				loadPaths: [
 					resolve(__dirname, 'src/assets'),
 				],
 			},
diff --git a/webpack.config.js b/webpack.config.js
index 10032ecc7f..48ae1f6acf 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -79,6 +79,35 @@ webpackRules.RULE_SCSS = {
 	],
 }
 
+webpackRules.RULE_CSS = {
+	test: /\.css$/,
+	oneOf: [
+		{
+			resourceQuery: /module/,
+			use: [
+				'style-loader',
+				{
+					loader: 'css-loader',
+					options: {
+						modules: {
+							// Same as in Vite
+							localIdentName: '_[local]_[hash:base64:5]',
+						},
+					},
+				},
+				'resolve-url-loader',
+			],
+		},
+		{
+			use: [
+				'style-loader',
+				'css-loader',
+				'resolve-url-loader',
+			],
+		},
+	],
+}
+
 webpackRules.RULE_JS.exclude = BabelLoaderExcludeNodeModulesExcept([
 	'tributejs',
 ])