diff --git a/CHANGELOG.md b/CHANGELOG.md
index f211e17232e..a4d23adbdcd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,43 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.5.4](https://github.com/ionic-team/ionic-framework/compare/v8.5.3...v8.5.4) (2025-04-09)
+
+
+### Bug Fixes
+
+* **config:** properly export LogLevel ([#30335](https://github.com/ionic-team/ionic-framework/issues/30335)) ([835ad52](https://github.com/ionic-team/ionic-framework/commit/835ad52c290a3687dc9e9c6bf4326948a9c3fe0d)), closes [#30255](https://github.com/ionic-team/ionic-framework/issues/30255)
+
+
+
+
+
+## [8.5.3](https://github.com/ionic-team/ionic-framework/compare/v8.5.2...v8.5.3) (2025-04-02)
+
+
+### Bug Fixes
+
+* **checkbox:** ensure proper visual selection when navigating via VoiceOver in Safari ([#30300](https://github.com/ionic-team/ionic-framework/issues/30300)) ([bb40a1e](https://github.com/ionic-team/ionic-framework/commit/bb40a1efe71237075db2f3a536eddeb1d7c400fc))
+* **overlays:** exclude backdrop-no-scroll class when toast is presented ([#30123](https://github.com/ionic-team/ionic-framework/issues/30123)) ([7f9df7a](https://github.com/ionic-team/ionic-framework/commit/7f9df7a89447e51eec0b1516069a1e0c9c9722e5)), closes [#30112](https://github.com/ionic-team/ionic-framework/issues/30112)
+* **segment-view:** prevent vertical scroll while scrolling horizontally ([#30276](https://github.com/ionic-team/ionic-framework/issues/30276)) ([105796f](https://github.com/ionic-team/ionic-framework/commit/105796f6bc8f961f58ecbb101285097cc86891c0)), closes [#30001](https://github.com/ionic-team/ionic-framework/issues/30001)
+
+
+
+
+
+## [8.5.2](https://github.com/ionic-team/ionic-framework/compare/v8.5.1...v8.5.2) (2025-03-26)
+
+
+### Bug Fixes
+
+* **datetime:** support typing time values in a 24-hour format ([#30147](https://github.com/ionic-team/ionic-framework/issues/30147)) ([ac6e6a0](https://github.com/ionic-team/ionic-framework/commit/ac6e6a03174263d09ec55c9742a026862a3df444)), closes [#28877](https://github.com/ionic-team/ionic-framework/issues/28877)
+* **range:** emit ionInput when value changes ([#30293](https://github.com/ionic-team/ionic-framework/issues/30293)) ([7789bb5](https://github.com/ionic-team/ionic-framework/commit/7789bb59ee5c76074ff4872dc6a50ae2d83df8f5)), closes [#29619](https://github.com/ionic-team/ionic-framework/issues/29619)
+* **segment-button:** ensure consistent disabled state for segment-content error handling ([#30288](https://github.com/ionic-team/ionic-framework/issues/30288)) ([1cfa915](https://github.com/ionic-team/ionic-framework/commit/1cfa915e8fe362951c521bce970a9f5f10918ab2))
+
+
+
+
+
 ## [8.5.1](https://github.com/ionic-team/ionic-framework/compare/v8.5.0...v8.5.1) (2025-03-19)
 
 
diff --git a/core/CHANGELOG.md b/core/CHANGELOG.md
index dea94360e5c..1975017a0b6 100644
--- a/core/CHANGELOG.md
+++ b/core/CHANGELOG.md
@@ -3,6 +3,43 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.5.4](https://github.com/ionic-team/ionic-framework/compare/v8.5.3...v8.5.4) (2025-04-09)
+
+
+### Bug Fixes
+
+* **config:** properly export LogLevel ([#30335](https://github.com/ionic-team/ionic-framework/issues/30335)) ([835ad52](https://github.com/ionic-team/ionic-framework/commit/835ad52c290a3687dc9e9c6bf4326948a9c3fe0d)), closes [#30255](https://github.com/ionic-team/ionic-framework/issues/30255)
+
+
+
+
+
+## [8.5.3](https://github.com/ionic-team/ionic-framework/compare/v8.5.2...v8.5.3) (2025-04-02)
+
+
+### Bug Fixes
+
+* **checkbox:** ensure proper visual selection when navigating via VoiceOver in Safari ([#30300](https://github.com/ionic-team/ionic-framework/issues/30300)) ([bb40a1e](https://github.com/ionic-team/ionic-framework/commit/bb40a1efe71237075db2f3a536eddeb1d7c400fc))
+* **overlays:** exclude backdrop-no-scroll class when toast is presented ([#30123](https://github.com/ionic-team/ionic-framework/issues/30123)) ([7f9df7a](https://github.com/ionic-team/ionic-framework/commit/7f9df7a89447e51eec0b1516069a1e0c9c9722e5)), closes [#30112](https://github.com/ionic-team/ionic-framework/issues/30112)
+* **segment-view:** prevent vertical scroll while scrolling horizontally ([#30276](https://github.com/ionic-team/ionic-framework/issues/30276)) ([105796f](https://github.com/ionic-team/ionic-framework/commit/105796f6bc8f961f58ecbb101285097cc86891c0)), closes [#30001](https://github.com/ionic-team/ionic-framework/issues/30001)
+
+
+
+
+
+## [8.5.2](https://github.com/ionic-team/ionic-framework/compare/v8.5.1...v8.5.2) (2025-03-26)
+
+
+### Bug Fixes
+
+* **datetime:** support typing time values in a 24-hour format ([#30147](https://github.com/ionic-team/ionic-framework/issues/30147)) ([ac6e6a0](https://github.com/ionic-team/ionic-framework/commit/ac6e6a03174263d09ec55c9742a026862a3df444)), closes [#28877](https://github.com/ionic-team/ionic-framework/issues/28877)
+* **range:** emit ionInput when value changes ([#30293](https://github.com/ionic-team/ionic-framework/issues/30293)) ([7789bb5](https://github.com/ionic-team/ionic-framework/commit/7789bb59ee5c76074ff4872dc6a50ae2d83df8f5)), closes [#29619](https://github.com/ionic-team/ionic-framework/issues/29619)
+* **segment-button:** ensure consistent disabled state for segment-content error handling ([#30288](https://github.com/ionic-team/ionic-framework/issues/30288)) ([1cfa915](https://github.com/ionic-team/ionic-framework/commit/1cfa915e8fe362951c521bce970a9f5f10918ab2))
+
+
+
+
+
 ## [8.5.1](https://github.com/ionic-team/ionic-framework/compare/v8.5.0...v8.5.1) (2025-03-19)
 
 
diff --git a/core/package-lock.json b/core/package-lock.json
index 20d0af73d7b..2bbe9d03572 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ionic/core",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/core",
-      "version": "8.5.1",
+      "version": "8.5.4",
       "license": "MIT",
       "dependencies": {
         "@phosphor-icons/core": "^2.1.1",
@@ -23,7 +23,7 @@
         "@clack/prompts": "^0.10.0",
         "@ionic/eslint-config": "^0.3.0",
         "@ionic/prettier-config": "^2.0.0",
-        "@playwright/test": "^1.51.0",
+        "@playwright/test": "^1.51.1",
         "@rollup/plugin-node-resolve": "^8.4.0",
         "@rollup/plugin-virtual": "^2.0.3",
         "@stencil/angular-output-target": "^0.10.0",
@@ -1952,12 +1952,12 @@
       }
     },
     "node_modules/@playwright/test": {
-      "version": "1.51.0",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.51.0.tgz",
-      "integrity": "sha512-dJ0dMbZeHhI+wb77+ljx/FeC8VBP6j/rj9OAojO08JI80wTZy6vRk9KvHKiDCUh4iMpEiseMgqRBIeW+eKX6RA==",
+      "version": "1.51.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.51.1.tgz",
+      "integrity": "sha512-nM+kEaTSAoVlXmMPH10017vn3FSiFqr/bh4fKg9vmAdMfd9SDqRZNvPSiAHADc/itWak+qPvMPZQOPwCBW7k7Q==",
       "dev": true,
       "dependencies": {
-        "playwright": "1.51.0"
+        "playwright": "1.51.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -9665,12 +9665,12 @@
       }
     },
     "node_modules/playwright": {
-      "version": "1.51.0",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.51.0.tgz",
-      "integrity": "sha512-442pTfGM0xxfCYxuBa/Pu6B2OqxqqaYq39JS8QDMGThUvIOCd6s0ANDog3uwA0cHavVlnTQzGCN7Id2YekDSXA==",
+      "version": "1.51.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.51.1.tgz",
+      "integrity": "sha512-kkx+MB2KQRkyxjYPc3a0wLZZoDczmppyGJIvQ43l+aZihkaVvmu/21kiyaHeHjiFxjxNNFnUncKmcGIyOojsaw==",
       "dev": true,
       "dependencies": {
-        "playwright-core": "1.51.0"
+        "playwright-core": "1.51.1"
       },
       "bin": {
         "playwright": "cli.js"
@@ -9683,9 +9683,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.51.0",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.51.0.tgz",
-      "integrity": "sha512-x47yPE3Zwhlil7wlNU/iktF7t2r/URR3VLbH6EknJd/04Qc/PSJ0EY3CMXipmglLG+zyRxW6HNo2EGbKLHPWMg==",
+      "version": "1.51.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.51.1.tgz",
+      "integrity": "sha512-/crRMj8+j/Nq5s8QcvegseuyeZPxpQCZb6HNk3Sos3BlZyAknRjoyJPFWkpNn8v0+P3WiwqFF8P+zQo4eqiNuw==",
       "dev": true,
       "bin": {
         "playwright-core": "cli.js"
@@ -11517,9 +11517,9 @@
       }
     },
     "node_modules/typescript": {
-      "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==",
+      "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",
       "peer": true,
diff --git a/core/package.json b/core/package.json
index 25267873cf4..b62a0dd80bb 100644
--- a/core/package.json
+++ b/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
@@ -45,7 +45,7 @@
     "@clack/prompts": "^0.10.0",
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
-    "@playwright/test": "^1.51.0",
+    "@playwright/test": "^1.51.1",
     "@rollup/plugin-node-resolve": "^8.4.0",
     "@rollup/plugin-virtual": "^2.0.3",
     "@stencil/angular-output-target": "^0.10.0",
diff --git a/core/src/components/checkbox/checkbox.common.scss b/core/src/components/checkbox/checkbox.common.scss
index 876b9b10f7e..3623877e736 100644
--- a/core/src/components/checkbox/checkbox.common.scss
+++ b/core/src/components/checkbox/checkbox.common.scss
@@ -83,6 +83,14 @@
   display: none;
 }
 
+/**
+ * The native input must be hidden with display instead of visibility or
+ * aria-hidden to avoid accessibility issues with nested interactive elements.
+ */
+input {
+  display: none;
+}
+
 .native-wrapper {
   display: flex;
 
diff --git a/core/src/components/checkbox/checkbox.native.scss b/core/src/components/checkbox/checkbox.native.scss
index 6a2231c5489..4c9021f114f 100644
--- a/core/src/components/checkbox/checkbox.native.scss
+++ b/core/src/components/checkbox/checkbox.native.scss
@@ -38,10 +38,6 @@
   @include margin(null, null, $checkbox-item-label-margin-bottom, null);
 }
 
-input {
-  @include visually-hidden();
-}
-
 .checkbox-icon {
   @include border-radius(var(--border-radius));
 
diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 6ab4756d4fd..6918921a4c8 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -33,6 +33,7 @@ import type { CheckboxChangeEventDetail } from './checkbox-interface';
 })
 export class Checkbox implements ComponentInterface {
   private inputId = `ion-cb-${checkboxIds++}`;
+  private inputLabelId = `${this.inputId}-lbl`;
   private helperTextId = `${this.inputId}-helper-text`;
   private errorTextId = `${this.inputId}-error-text`;
   private focusEl?: HTMLElement;
@@ -194,6 +195,15 @@ export class Checkbox implements ComponentInterface {
     this.ionBlur.emit();
   };
 
+  private onKeyDown = (ev: KeyboardEvent) => {
+    if (ev.key === ' ') {
+      ev.preventDefault();
+      if (!this.disabled) {
+        this.toggleChecked(ev);
+      }
+    }
+  };
+
   private onClick = (ev: MouseEvent) => {
     if (this.disabled) {
       return;
@@ -264,16 +274,24 @@ export class Checkbox implements ComponentInterface {
       size,
     } = this;
     const theme = getIonTheme(this);
-
     const path = getSVGPath(theme, indeterminate);
+    const hasLabelContent = el.textContent !== '';
 
     renderHiddenInput(true, el, name, checked ? value : '', disabled);
 
+    // The host element must have a checkbox role to ensure proper VoiceOver
+    // support in Safari for accessibility.
     return (
       <Host
+        role="checkbox"
         aria-checked={indeterminate ? 'mixed' : `${checked}`}
         aria-describedby={this.getHintTextID()}
         aria-invalid={this.getHintTextID() === this.errorTextId}
+        aria-labelledby={hasLabelContent ? this.inputLabelId : null}
+        aria-label={inheritedAttributes['aria-label'] || null}
+        aria-disabled={disabled ? 'true' : null}
+        tabindex={disabled ? undefined : 0}
+        onKeyDown={this.onKeyDown}
         class={createColorClasses(color, {
           [theme]: true,
           'in-item': hostContext('ion-item', el),
@@ -290,7 +308,7 @@ export class Checkbox implements ComponentInterface {
         })}
         onClick={this.onClick}
       >
-        <label class="checkbox-wrapper">
+        <label class="checkbox-wrapper" htmlFor={inputId}>
           {/*
             The native control must be rendered
             before the visible label text due to https://bugs.webkit.org/show_bug.cgi?id=251951
@@ -310,9 +328,10 @@ export class Checkbox implements ComponentInterface {
           <div
             class={{
               'label-text-wrapper': true,
-              'label-text-wrapper-hidden': el.textContent === '',
+              'label-text-wrapper-hidden': !hasLabelContent,
             }}
             part="label"
+            id={this.inputLabelId}
           >
             <slot></slot>
             {this.renderHintText()}
diff --git a/core/src/components/datetime/datetime.tsx b/core/src/components/datetime/datetime.tsx
index 1e379736cd2..041e0ffeb5a 100644
--- a/core/src/components/datetime/datetime.tsx
+++ b/core/src/components/datetime/datetime.tsx
@@ -1992,7 +1992,7 @@ export class Datetime implements ComponentInterface {
           });
 
           this.setActiveParts({
-            ...activePart,
+            ...this.getActivePartsWithFallback(),
             hour: ev.detail.value,
           });
 
@@ -2032,7 +2032,7 @@ export class Datetime implements ComponentInterface {
           });
 
           this.setActiveParts({
-            ...activePart,
+            ...this.getActivePartsWithFallback(),
             minute: ev.detail.value,
           });
 
@@ -2078,7 +2078,7 @@ export class Datetime implements ComponentInterface {
           });
 
           this.setActiveParts({
-            ...activePart,
+            ...this.getActivePartsWithFallback(),
             ampm: ev.detail.value,
             hour,
           });
diff --git a/core/src/components/picker/picker.tsx b/core/src/components/picker/picker.tsx
index c0dfac31404..e8cf8e29fd0 100644
--- a/core/src/components/picker/picker.tsx
+++ b/core/src/components/picker/picker.tsx
@@ -412,8 +412,13 @@ export class Picker implements ComponentInterface {
     colEl: HTMLIonPickerColumnElement,
     value: string,
     zeroBehavior: 'start' | 'end' = 'start'
-  ) => {
+  ): boolean => {
+    if (!value) {
+      return false;
+    }
+
     const behavior = zeroBehavior === 'start' ? /^0+/ : /0$/;
+    value = value.replace(behavior, '');
     const option = Array.from(colEl.querySelectorAll('ion-picker-column-option')).find((el) => {
       return el.disabled !== true && el.textContent!.replace(behavior, '') === value;
     });
@@ -421,6 +426,58 @@ export class Picker implements ComponentInterface {
     if (option) {
       colEl.setValue(option.value);
     }
+
+    return !!option;
+  };
+
+  /**
+   * Attempts to intelligently search the first and second
+   * column as if they're number columns for the provided numbers
+   * where the first two numbers are the first column
+   * and the last 2 are the last column. Tries to allow for the first
+   * number to be ignored for situations where typos occurred.
+   */
+  private multiColumnSearch = (
+    firstColumn: HTMLIonPickerColumnElement,
+    secondColumn: HTMLIonPickerColumnElement,
+    input: string
+  ) => {
+    if (input.length === 0) {
+      return;
+    }
+
+    const inputArray = input.split('');
+    const hourValue = inputArray.slice(0, 2).join('');
+    // Try to find a match for the first two digits in the first column
+    const foundHour = this.searchColumn(firstColumn, hourValue);
+
+    // If we have more than 2 digits and found a match for hours,
+    // use the remaining digits for the second column (minutes)
+    if (inputArray.length > 2 && foundHour) {
+      const minuteValue = inputArray.slice(2, 4).join('');
+      this.searchColumn(secondColumn, minuteValue);
+    }
+    // If we couldn't find a match for the two-digit hour, try single digit approaches
+    else if (!foundHour && inputArray.length >= 1) {
+      // First try the first digit as a single-digit hour
+      let singleDigitHour = inputArray[0];
+      let singleDigitFound = this.searchColumn(firstColumn, singleDigitHour);
+
+      // If that didn't work, try the second digit as a single-digit hour
+      // (handles case where user made a typo in the first digit, or they typed over themselves)
+      if (!singleDigitFound) {
+        inputArray.shift();
+        singleDigitHour = inputArray[0];
+        singleDigitFound = this.searchColumn(firstColumn, singleDigitHour);
+      }
+
+      // If we found a single-digit hour and have remaining digits,
+      // use up to 2 of the remaining digits for the second column
+      if (singleDigitFound && inputArray.length > 1) {
+        const remainingDigits = inputArray.slice(1, 3).join('');
+        this.searchColumn(secondColumn, remainingDigits);
+      }
+    }
   };
 
   private selectMultiColumn = () => {
@@ -435,91 +492,15 @@ export class Picker implements ComponentInterface {
     const lastColumn = numericPickers[1];
 
     let value = inputEl.value;
-    let minuteValue;
-    switch (value.length) {
-      case 1:
-        this.searchColumn(firstColumn, value);
-        break;
-      case 2:
-        /**
-         * If the first character is `0` or `1` it is
-         * possible that users are trying to type `09`
-         * or `11` into the hour field, so we should look
-         * at that first.
-         */
-        const firstCharacter = inputEl.value.substring(0, 1);
-        value = firstCharacter === '0' || firstCharacter === '1' ? inputEl.value : firstCharacter;
-
-        this.searchColumn(firstColumn, value);
-
-        /**
-         * If only checked the first value,
-         * we can check the second value
-         * for a match in the minutes column
-         */
-        if (value.length === 1) {
-          minuteValue = inputEl.value.substring(inputEl.value.length - 1);
-          this.searchColumn(lastColumn, minuteValue, 'end');
-        }
-        break;
-      case 3:
-        /**
-         * If the first character is `0` or `1` it is
-         * possible that users are trying to type `09`
-         * or `11` into the hour field, so we should look
-         * at that first.
-         */
-        const firstCharacterAgain = inputEl.value.substring(0, 1);
-        value =
-          firstCharacterAgain === '0' || firstCharacterAgain === '1'
-            ? inputEl.value.substring(0, 2)
-            : firstCharacterAgain;
-
-        this.searchColumn(firstColumn, value);
-
-        /**
-         * If only checked the first value,
-         * we can check the second value
-         * for a match in the minutes column
-         */
-        minuteValue = value.length === 1 ? inputEl.value.substring(1) : inputEl.value.substring(2);
-
-        this.searchColumn(lastColumn, minuteValue, 'end');
-        break;
-      case 4:
-        /**
-         * If the first character is `0` or `1` it is
-         * possible that users are trying to type `09`
-         * or `11` into the hour field, so we should look
-         * at that first.
-         */
-        const firstCharacterAgainAgain = inputEl.value.substring(0, 1);
-        value =
-          firstCharacterAgainAgain === '0' || firstCharacterAgainAgain === '1'
-            ? inputEl.value.substring(0, 2)
-            : firstCharacterAgainAgain;
-        this.searchColumn(firstColumn, value);
+    if (value.length > 4) {
+      const startIndex = inputEl.value.length - 4;
+      const newString = inputEl.value.substring(startIndex);
 
-        /**
-         * If only checked the first value,
-         * we can check the second value
-         * for a match in the minutes column
-         */
-        const minuteValueAgain =
-          value.length === 1
-            ? inputEl.value.substring(1, inputEl.value.length)
-            : inputEl.value.substring(2, inputEl.value.length);
-        this.searchColumn(lastColumn, minuteValueAgain, 'end');
-
-        break;
-      default:
-        const startIndex = inputEl.value.length - 4;
-        const newString = inputEl.value.substring(startIndex);
-
-        inputEl.value = newString;
-        this.selectMultiColumn();
-        break;
+      inputEl.value = newString;
+      value = newString;
     }
+
+    this.multiColumnSearch(firstColumn, lastColumn, value);
   };
 
   /**
diff --git a/core/src/components/picker/test/keyboard-entry/picker.e2e.ts b/core/src/components/picker/test/keyboard-entry/picker.e2e.ts
index 64d4a1cce13..b54cd03585a 100644
--- a/core/src/components/picker/test/keyboard-entry/picker.e2e.ts
+++ b/core/src/components/picker/test/keyboard-entry/picker.e2e.ts
@@ -163,6 +163,172 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
       await expect(ionChange).toHaveReceivedEventDetail({ value: 12 });
       await expect(column).toHaveJSProperty('value', 12);
     });
+
+    test('should allow typing 22 in a column where the max value is 23 and not just set it to 2', async ({
+      page,
+    }, testInfo) => {
+      testInfo.annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/28877',
+      });
+      await page.setContent(
+        `
+    <ion-picker>
+      <ion-picker-column id="hours"></ion-picker-column>
+      <ion-picker-column id="minutes"></ion-picker-column>
+    </ion-picker>
+
+    <script>
+      const hoursColumn = document.querySelector('ion-picker-column#hours');
+      hoursColumn.numericInput = true;
+      const hourItems = [
+        { text: '01', value: 1 },
+        { text: '02', value: 2},
+        { text: '20', value: 20 },
+        { text: '21', value: 21 },
+        { text: '22', value: 22 },
+        { text: '23', value: 23 }
+      ];
+
+      hourItems.forEach((item) => {
+        const option = document.createElement('ion-picker-column-option');
+        option.value = item.value;
+        option.textContent = item.text;
+
+        hoursColumn.appendChild(option);
+      });
+
+      const minutesColumn = document.querySelector('ion-picker-column#minutes');
+      minutesColumn.numericInput = true;
+      const minuteItems = [
+        { text: '00', value: 0 },
+        { text: '15', value: 15 },
+        { text: '30', value: 30 },
+        { text: '45', value: 45 }
+      ];
+
+      minuteItems.forEach((item) => {
+        const option = document.createElement('ion-picker-column-option');
+        option.value = item.value;
+        option.textContent = item.text;
+
+        minutesColumn.appendChild(option);
+      });
+    </script>
+  `,
+        config
+      );
+
+      const hoursColumn = page.locator('ion-picker-column#hours');
+      const minutesColumn = page.locator('ion-picker-column#minutes');
+      const hoursIonChange = await (hoursColumn as E2ELocator).spyOnEvent('ionChange');
+      const minutesIonChange = await (minutesColumn as E2ELocator).spyOnEvent('ionChange');
+      const highlight = page.locator('ion-picker .picker-highlight');
+
+      const box = await highlight.boundingBox();
+      if (box !== null) {
+        await page.mouse.click(box.x + box.width / 2, box.y + box.height / 2);
+      }
+
+      // Simulate typing '2230' (22 hours, 30 minutes)
+      await page.keyboard.press('Digit2');
+      await page.keyboard.press('Digit2');
+      await page.keyboard.press('Digit3');
+      await page.keyboard.press('Digit0');
+
+      // Ensure the hours column is set to 22
+      await expect(hoursIonChange).toHaveReceivedEventDetail({ value: 22 });
+      await expect(hoursColumn).toHaveJSProperty('value', 22);
+
+      // Ensure the minutes column is set to 30
+      await expect(minutesIonChange).toHaveReceivedEventDetail({ value: 30 });
+      await expect(minutesColumn).toHaveJSProperty('value', 30);
+    });
+
+    test('should set value to 2 and not wait for another digit when max value is 12', async ({ page }, testInfo) => {
+      testInfo.annotations.push({
+        type: 'issue',
+        description: 'https://github.com/ionic-team/ionic-framework/issues/28877',
+      });
+      await page.setContent(
+        `
+    <ion-picker>
+      <ion-picker-column id="hours"></ion-picker-column>
+      <ion-picker-column id="minutes"></ion-picker-column>
+    </ion-picker>
+
+    <script>
+      const hoursColumn = document.querySelector('ion-picker-column#hours');
+      hoursColumn.numericInput = true;
+      const hourItems = [
+        { text: '01', value: 1 },
+        { text: '02', value: 2 },
+        { text: '03', value: 3 },
+        { text: '04', value: 4 },
+        { text: '05', value: 5 },
+        { text: '06', value: 6 },
+        { text: '07', value: 7 },
+        { text: '08', value: 8 },
+        { text: '09', value: 9 },
+        { text: '10', value: 10 },
+        { text: '11', value: 11 },
+        { text: '12', value: 12 }
+      ];
+
+      hourItems.forEach((item) => {
+        const option = document.createElement('ion-picker-column-option');
+        option.value = item.value;
+        option.textContent = item.text;
+
+        hoursColumn.appendChild(option);
+      });
+
+      const minutesColumn = document.querySelector('ion-picker-column#minutes');
+      minutesColumn.numericInput = true;
+      const minuteItems = [
+        { text: '00', value: 0 },
+        { text: '15', value: 15 },
+        { text: '30', value: 30 },
+        { text: '45', value: 45 }
+      ];
+
+      minuteItems.forEach((item) => {
+        const option = document.createElement('ion-picker-column-option');
+        option.value = item.value;
+        option.textContent = item.text;
+
+        minutesColumn.appendChild(option);
+      });
+    </script>
+  `,
+        config
+      );
+
+      const hoursColumn = page.locator('ion-picker-column#hours');
+      const minutesColumn = page.locator('ion-picker-column#minutes');
+      const hoursIonChange = await (hoursColumn as E2ELocator).spyOnEvent('ionChange');
+      const minutesIonChange = await (minutesColumn as E2ELocator).spyOnEvent('ionChange');
+      const highlight = page.locator('ion-picker .picker-highlight');
+
+      const box = await highlight.boundingBox();
+      if (box !== null) {
+        await page.mouse.click(box.x + box.width / 2, box.y + box.height / 2);
+      }
+
+      // Simulate typing '245' (2 hours, 45 minutes)
+      await page.keyboard.press('Digit2');
+      await page.keyboard.press('Digit4');
+      await page.keyboard.press('Digit5');
+
+      // Ensure the hours column is set to 2
+      await expect(hoursIonChange).toHaveReceivedEventDetail({ value: 2 });
+      await expect(hoursColumn).toHaveJSProperty('value', 2);
+
+      // Ensure the minutes column is set to 45
+      await expect(minutesIonChange).toHaveReceivedEventDetail({ value: 45 });
+      await expect(minutesColumn).toHaveJSProperty('value', 45);
+    });
+
     test('pressing Enter should dismiss the keyboard', async ({ page }) => {
       test.info().annotations.push({
         type: 'issue',
diff --git a/core/src/components/range/range.tsx b/core/src/components/range/range.tsx
index 5cf72c5ab99..72c55f582ae 100644
--- a/core/src/components/range/range.tsx
+++ b/core/src/components/range/range.tsx
@@ -215,12 +215,32 @@ export class Range implements ComponentInterface {
    */
   @Prop({ mutable: true }) value: RangeValue = 0;
   @Watch('value')
-  protected valueChanged() {
+  protected valueChanged(newValue: RangeValue, oldValue: RangeValue) {
+    const valuesChanged = this.compareValues(newValue, oldValue);
+    if (valuesChanged) {
+      this.ionInput.emit({ value: this.value });
+    }
+
     if (!this.noUpdate) {
       this.updateRatio();
     }
   }
 
+  /**
+   * Compares two RangeValue inputs to determine if they are different.
+   *
+   * @param newVal - The new value.
+   * @param oldVal - The old value.
+   * @returns `true` if the values are different, `false` otherwise.
+   */
+  private compareValues = (newVal: RangeValue, oldVal: RangeValue) => {
+    if (typeof newVal === 'object' && typeof oldVal === 'object') {
+      return newVal.lower !== oldVal.lower || newVal.upper !== oldVal.upper;
+    }
+
+    return newVal !== oldVal;
+  };
+
   private clampBounds = (value: any): number => {
     return clamp(this.min, value, this.max);
   };
@@ -593,8 +613,6 @@ export class Range implements ComponentInterface {
           upper: Math.max(valA, valB),
         };
 
-    this.ionInput.emit({ value: this.value });
-
     this.noUpdate = false;
   }
 
diff --git a/core/src/components/range/test/range-events.e2e.ts b/core/src/components/range/test/range-events.e2e.ts
index bfbdfac48e4..f76d147627b 100644
--- a/core/src/components/range/test/range-events.e2e.ts
+++ b/core/src/components/range/test/range-events.e2e.ts
@@ -217,6 +217,42 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
         expect(ionInputSpy).toHaveReceivedEvent();
       });
 
+      test('should not emit when the value does not change', async ({ page }, testInfo) => {
+        testInfo.annotations.push({
+          type: 'issue',
+          description: 'https://github.com/ionic-team/ionic-framework/issues/29619',
+        });
+
+        /**
+         * Requires padding to prevent the knob from being clipped.
+         * If it's clipped, then the value might be one off.
+         * For example, if the knob is clipped on the right, then the value
+         * will be 99 instead of 100.
+         */
+        await page.setContent(
+          `
+          <div style="padding: 0 20px">
+            <ion-range aria-label="range"></ion-range>
+          </div>
+        `,
+          config
+        );
+
+        const rangeHandle = page.locator('ion-range .range-knob-handle');
+        const ionInputSpy = await page.spyOnEvent('ionInput');
+
+        const rangeHandleBoundingBox = await rangeHandle.boundingBox();
+        const x = rangeHandleBoundingBox!.width / 2;
+        const y = rangeHandleBoundingBox!.height / 2;
+
+        // Click in the middle of the knob to prevent the knob from moving.
+        await rangeHandle.click({
+          position: { x, y },
+        });
+
+        expect(ionInputSpy).not.toHaveReceivedEvent();
+      });
+
       test('should emit when the knob is moved with the keyboard', async ({ page }) => {
         await page.setContent(`<ion-range aria-label="range" value="50"></ion-range>`, config);
 
diff --git a/core/src/components/segment-button/segment-button.tsx b/core/src/components/segment-button/segment-button.tsx
index 85946a9c6d3..918abb7de70 100644
--- a/core/src/components/segment-button/segment-button.tsx
+++ b/core/src/components/segment-button/segment-button.tsx
@@ -2,7 +2,7 @@ import type { ComponentInterface } from '@stencil/core';
 import { Component, Element, Host, Prop, Method, State, Watch, forceUpdate, h } from '@stencil/core';
 import type { ButtonInterface } from '@utils/element-interface';
 import type { Attributes } from '@utils/helpers';
-import { addEventListener, removeEventListener, inheritAttributes, getNextSiblingOfType } from '@utils/helpers';
+import { addEventListener, removeEventListener, inheritAttributes } from '@utils/helpers';
 import { hostContext } from '@utils/theme';
 
 import { getIonTheme } from '../../global/ionic-global';
@@ -67,41 +67,7 @@ export class SegmentButton implements ComponentInterface, ButtonInterface {
     this.updateState();
   }
 
-  private waitForSegmentContent(ionSegment: HTMLIonSegmentElement | null, contentId: string): Promise<HTMLElement> {
-    return new Promise((resolve, reject) => {
-      let timeoutId: NodeJS.Timeout | undefined = undefined;
-      let animationFrameId: number;
-
-      const check = () => {
-        if (!ionSegment) {
-          reject(new Error(`Segment not found when looking for Segment Content`));
-          return;
-        }
-
-        const segmentView = getNextSiblingOfType<HTMLIonSegmentViewElement>(ionSegment); // Skip the text nodes
-        const segmentContent = segmentView?.querySelector(
-          `ion-segment-content[id="${contentId}"]`
-        ) as HTMLIonSegmentContentElement | null;
-        if (segmentContent && timeoutId) {
-          clearTimeout(timeoutId); // Clear the timeout if the segmentContent is found
-          cancelAnimationFrame(animationFrameId);
-          resolve(segmentContent);
-        } else {
-          animationFrameId = requestAnimationFrame(check); // Keep checking on the next animation frame
-        }
-      };
-
-      check();
-
-      // Set a timeout to reject the promise
-      timeoutId = setTimeout(() => {
-        cancelAnimationFrame(animationFrameId);
-        reject(new Error(`Unable to find Segment Content with id="${contentId} within 1000 ms`));
-      }, 1000);
-    });
-  }
-
-  async connectedCallback() {
+  connectedCallback() {
     const segmentEl = (this.segmentEl = this.el.closest('ion-segment'));
     if (segmentEl) {
       this.updateState();
@@ -109,27 +75,8 @@ export class SegmentButton implements ComponentInterface, ButtonInterface {
       addEventListener(segmentEl, 'ionStyle', this.updateStyle);
     }
 
-    // Return if there is no contentId defined
-    if (!this.contentId) return;
-
-    let segmentContent;
-    try {
-      // Attempt to find the Segment Content by its contentId
-      segmentContent = await this.waitForSegmentContent(segmentEl, this.contentId);
-    } catch (error) {
-      // If no associated Segment Content exists, log an error and return
-      console.error('Segment Button: ', (error as Error).message);
-      return;
-    }
-
-    // Ensure the found element is a valid ION-SEGMENT-CONTENT
-    if (segmentContent.tagName !== 'ION-SEGMENT-CONTENT') {
-      console.error(`Segment Button: Element with id="${this.contentId}" is not an <ion-segment-content> element.`);
-      return;
-    }
-
     // Prevent buttons from being disabled when associated with segment content
-    if (this.disabled) {
+    if (this.contentId && this.disabled) {
       console.warn(`Segment Button: Segment buttons cannot be disabled when associated with an <ion-segment-content>.`);
       this.disabled = false;
     }
@@ -148,6 +95,24 @@ export class SegmentButton implements ComponentInterface, ButtonInterface {
     this.inheritedAttributes = {
       ...inheritAttributes(this.el, ['aria-label']),
     };
+
+    // Return if there is no contentId defined
+    if (!this.contentId) return;
+
+    // Attempt to find the Segment Content by its contentId
+    const segmentContent = document.getElementById(this.contentId) as HTMLIonSegmentContentElement | null;
+
+    // If no associated Segment Content exists, log an error and return
+    if (!segmentContent) {
+      console.error(`Segment Button: Unable to find Segment Content with id="${this.contentId}".`);
+      return;
+    }
+
+    // Ensure the found element is a valid ION-SEGMENT-CONTENT
+    if (segmentContent.tagName !== 'ION-SEGMENT-CONTENT') {
+      console.error(`Segment Button: Element with id="${this.contentId}" is not an <ion-segment-content> element.`);
+      return;
+    }
   }
 
   private get hasLabel() {
diff --git a/core/src/components/segment-content/segment-content.scss b/core/src/components/segment-content/segment-content.scss
index 464402b41ff..38616a7d90c 100644
--- a/core/src/components/segment-content/segment-content.scss
+++ b/core/src/components/segment-content/segment-content.scss
@@ -8,4 +8,17 @@
   flex-shrink: 0;
 
   width: 100%;
+
+  overflow-y: scroll;
+
+  /* Hide scrollbar in Firefox */
+  scrollbar-width: none;
+
+  /* Hide scrollbar in IE and Edge */
+  -ms-overflow-style: none;
+
+  /* Hide scrollbar in webkit */
+  &::-webkit-scrollbar {
+    display: none;
+  }
 }
diff --git a/core/src/components/toggle/toggle.common.scss b/core/src/components/toggle/toggle.common.scss
index 87a0e821b72..f2c236000c7 100644
--- a/core/src/components/toggle/toggle.common.scss
+++ b/core/src/components/toggle/toggle.common.scss
@@ -31,8 +31,6 @@
 
   max-width: 100%;
 
-  outline: none;
-
   cursor: pointer;
   user-select: none;
 }
@@ -68,8 +66,12 @@
   pointer-events: none;
 }
 
+/**
+ * The native input must be hidden with display instead of visibility or
+ * aria-hidden to avoid accessibility issues with nested interactive elements.
+ */
 input {
-  @include visually-hidden();
+  display: none;
 }
 
 // Toggle Wrapper
diff --git a/core/src/components/toggle/toggle.tsx b/core/src/components/toggle/toggle.tsx
index d3409cd1464..ac22f66e3e9 100644
--- a/core/src/components/toggle/toggle.tsx
+++ b/core/src/components/toggle/toggle.tsx
@@ -39,6 +39,7 @@ import type { ToggleChangeEventDetail } from './toggle-interface';
 })
 export class Toggle implements ComponentInterface {
   private inputId = `ion-tg-${toggleIds++}`;
+  private inputLabelId = `${this.inputId}-lbl`;
   private helperTextId = `${this.inputId}-helper-text`;
   private errorTextId = `${this.inputId}-error-text`;
   private gesture?: Gesture;
@@ -250,6 +251,15 @@ export class Toggle implements ComponentInterface {
     }
   }
 
+  private onKeyDown = (ev: KeyboardEvent) => {
+    if (ev.key === ' ') {
+      ev.preventDefault();
+      if (!this.disabled) {
+        this.toggleChecked();
+      }
+    }
+  };
+
   private onClick = (ev: MouseEvent) => {
     if (this.disabled) {
       return;
@@ -413,8 +423,23 @@ export class Toggle implements ComponentInterface {
   }
 
   render() {
-    const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name, alignment, required } =
-      this;
+    const {
+      activated,
+      alignment,
+      checked,
+      color,
+      disabled,
+      el,
+      errorTextId,
+      hasLabel,
+      inheritedAttributes,
+      inputId,
+      inputLabelId,
+      justify,
+      labelPlacement,
+      name,
+      required,
+    } = this;
 
     const theme = getIonTheme(this);
     const value = this.getValue();
@@ -424,9 +449,16 @@ export class Toggle implements ComponentInterface {
 
     return (
       <Host
+        role="switch"
+        aria-checked={`${checked}`}
         aria-describedby={this.getHintTextID()}
-        aria-invalid={this.getHintTextID() === this.errorTextId}
+        aria-invalid={this.getHintTextID() === errorTextId}
         onClick={this.onClick}
+        aria-labelledby={hasLabel ? inputLabelId : null}
+        aria-label={inheritedAttributes['aria-label'] || null}
+        aria-disabled={disabled ? 'true' : null}
+        tabindex={disabled ? undefined : 0}
+        onKeyDown={this.onKeyDown}
         class={createColorClasses(color, {
           [theme]: true,
           'in-item': hostContext('ion-item', el),
@@ -441,7 +473,7 @@ export class Toggle implements ComponentInterface {
           'ion-focusable': isIonicTheme,
         })}
       >
-        <label class="toggle-wrapper">
+        <label class="toggle-wrapper" htmlFor={inputId}>
           {/*
             The native control must be rendered
             before the visible label text due to https://bugs.webkit.org/show_bug.cgi?id=251951
@@ -457,14 +489,15 @@ export class Toggle implements ComponentInterface {
             onBlur={() => this.onBlur()}
             ref={(focusEl) => (this.focusEl = focusEl)}
             required={required}
-            {...this.inheritedAttributes}
+            {...inheritedAttributes}
           />
           <div
             class={{
               'label-text-wrapper': true,
-              'label-text-wrapper-hidden': !this.hasLabel,
+              'label-text-wrapper-hidden': !hasLabel,
             }}
             part="label"
+            id={inputLabelId}
           >
             <slot></slot>
             {this.renderHintText()}
diff --git a/core/src/index.ts b/core/src/index.ts
index 90f4199de54..6ebc176eb36 100644
--- a/core/src/index.ts
+++ b/core/src/index.ts
@@ -8,6 +8,7 @@ export { getTimeGivenProgression } from './utils/animation/cubic-bezier';
 export { createGesture } from './utils/gesture';
 export { initialize } from './global/ionic-global';
 export { componentOnReady } from './utils/helpers';
+export { LogLevel } from './utils/logging';
 export { isPlatform, Platforms, PlatformConfig, getPlatforms } from './utils/platform';
 export { IonicSafeString } from './utils/sanitization';
 export { IonicConfig, getMode, setupConfig } from './utils/config';
diff --git a/core/src/utils/helpers.ts b/core/src/utils/helpers.ts
index e6f29cac4c3..6d3537e1a22 100644
--- a/core/src/utils/helpers.ts
+++ b/core/src/utils/helpers.ts
@@ -427,17 +427,6 @@ export const shallowEqualStringMap = (
   return true;
 };
 
-export const getNextSiblingOfType = <T extends Element>(element: Element): T | null => {
-  let sibling = element.nextSibling;
-  while (sibling) {
-    if (sibling.nodeType === Node.ELEMENT_NODE && (sibling as T) !== null) {
-      return sibling as T;
-    }
-    sibling = sibling.nextSibling;
-  }
-  return null;
-};
-
 /**
  * Checks input for usable number. Not NaN and not Infinite.
  */
diff --git a/core/src/utils/logging/test/logging.spec.ts b/core/src/utils/logging/test/logging.spec.ts
index e0f1bdcb923..bcaaa0b9632 100644
--- a/core/src/utils/logging/test/logging.spec.ts
+++ b/core/src/utils/logging/test/logging.spec.ts
@@ -1,5 +1,5 @@
 import { config } from '@global/config';
-import { LogLevel } from '../index';
+import { LogLevel } from '../../../index';
 
 import { printIonError, printIonWarning } from '../index';
 
diff --git a/core/src/utils/overlays.ts b/core/src/utils/overlays.ts
index dbe112f22bb..7da341f79ef 100644
--- a/core/src/utils/overlays.ts
+++ b/core/src/utils/overlays.ts
@@ -520,10 +520,9 @@ export const present = async <OverlayPresentOptions>(
    */
   if (overlay.el.tagName !== 'ION-TOAST') {
     setRootAriaHidden(true);
+    document.body.classList.add(BACKDROP_NO_SCROLL);
   }
 
-  document.body.classList.add(BACKDROP_NO_SCROLL);
-
   hideUnderlyingOverlaysFromScreenReaders(overlay.el);
   hideAnimatingOverlayFromScreenReaders(overlay.el);
 
@@ -646,6 +645,8 @@ export const dismiss = async <OverlayDismissOptions>(
     return false;
   }
 
+  const presentedOverlays = doc !== undefined ? getPresentedOverlays(doc) : [];
+
   /**
    * For accessibility, toasts lack focus traps and don’t receive
    * `aria-hidden` on the root element when presented.
@@ -657,7 +658,7 @@ export const dismiss = async <OverlayDismissOptions>(
    * Therefore, we must remove `aria-hidden` from the root element
    * when the last non-toast overlay is dismissed.
    */
-  const overlaysNotToast = doc !== undefined ? getPresentedOverlays(doc).filter((o) => o.tagName !== 'ION-TOAST') : [];
+  const overlaysNotToast = presentedOverlays.filter((o) => o.tagName !== 'ION-TOAST');
 
   const lastOverlayNotToast = overlaysNotToast.length === 1 && overlaysNotToast[0].id === overlay.el.id;
 
diff --git a/core/src/utils/test/overlays/overlays-scroll-blocking.spec.ts b/core/src/utils/test/overlays/overlays-scroll-blocking.spec.ts
index 2fcafadd9fd..28bd17dd263 100644
--- a/core/src/utils/test/overlays/overlays-scroll-blocking.spec.ts
+++ b/core/src/utils/test/overlays/overlays-scroll-blocking.spec.ts
@@ -1,6 +1,7 @@
 import { newSpecPage } from '@stencil/core/testing';
 
 import { Modal } from '../../../components/modal/modal';
+import { Toast } from '../../../components/toast/toast';
 
 describe('overlays: scroll blocking', () => {
   it('should not block scroll when the overlay is created', async () => {
@@ -85,4 +86,25 @@ describe('overlays: scroll blocking', () => {
 
     expect(body).not.toHaveClass('backdrop-no-scroll');
   });
+
+  // Fixes https://github.com/ionic-team/ionic-framework/issues/30112
+  it('should not block scroll when the toast overlay is presented', async () => {
+    const page = await newSpecPage({
+      components: [Toast],
+      html: `
+        <ion-toast></ion-toast>
+      `,
+    });
+
+    const toast = page.body.querySelector('ion-toast')!;
+    const body = page.doc.querySelector('body')!;
+
+    await toast.present();
+
+    expect(body).not.toHaveClass('backdrop-no-scroll');
+
+    await toast.dismiss();
+
+    expect(body).not.toHaveClass('backdrop-no-scroll');
+  });
 });
diff --git a/lerna.json b/lerna.json
index 56745d0c303..04fbd9ff716 100644
--- a/lerna.json
+++ b/lerna.json
@@ -3,5 +3,5 @@
     "core",
     "packages/*"
   ],
-  "version": "8.5.1"
+  "version": "8.5.4"
 }
\ No newline at end of file
diff --git a/packages/angular-server/CHANGELOG.md b/packages/angular-server/CHANGELOG.md
index c8472bf96b2..b05c9860eaf 100644
--- a/packages/angular-server/CHANGELOG.md
+++ b/packages/angular-server/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.5.4](https://github.com/ionic-team/ionic-framework/compare/v8.5.3...v8.5.4) (2025-04-09)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
+## [8.5.3](https://github.com/ionic-team/ionic-framework/compare/v8.5.2...v8.5.3) (2025-04-02)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
+## [8.5.2](https://github.com/ionic-team/ionic-framework/compare/v8.5.1...v8.5.2) (2025-03-26)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
 ## [8.5.1](https://github.com/ionic-team/ionic-framework/compare/v8.5.0...v8.5.1) (2025-03-19)
 
 **Note:** Version bump only for package @ionic/angular-server
diff --git a/packages/angular-server/package-lock.json b/packages/angular-server/package-lock.json
index 031aa0a5540..176c476c308 100644
--- a/packages/angular-server/package-lock.json
+++ b/packages/angular-server/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular-server",
-      "version": "8.5.1",
+      "version": "8.5.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.5.1"
+        "@ionic/core": "^8.5.4"
       },
       "devDependencies": {
         "@angular-eslint/eslint-plugin": "^16.0.0",
@@ -1031,9 +1031,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.1.tgz",
-      "integrity": "sha512-XsI1ImfgO87EdNucfmKESPN4djLyclNTwzU2AY7xSzSonKjTAft6qrK1/qU2ys829bmbM7/4+tHFb0UOnt3uHQ==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.4.tgz",
+      "integrity": "sha512-SLtTdvH42owno3rBjrq88W37v2TANDZntg7X1iZlwC1atbkpCC60BcY1Twsl48LzSOIO9eNeo6JDBmwN3NKKNQ==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.20.0",
@@ -7190,9 +7190,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.1.tgz",
-      "integrity": "sha512-XsI1ImfgO87EdNucfmKESPN4djLyclNTwzU2AY7xSzSonKjTAft6qrK1/qU2ys829bmbM7/4+tHFb0UOnt3uHQ==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.4.tgz",
+      "integrity": "sha512-SLtTdvH42owno3rBjrq88W37v2TANDZntg7X1iZlwC1atbkpCC60BcY1Twsl48LzSOIO9eNeo6JDBmwN3NKKNQ==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
diff --git a/packages/angular-server/package.json b/packages/angular-server/package.json
index e43acdbf3ac..dda8c68ed9f 100644
--- a/packages/angular-server/package.json
+++ b/packages/angular-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "description": "Angular SSR Module for Ionic",
   "keywords": [
     "ionic",
@@ -62,6 +62,6 @@
   },
   "prettier": "@ionic/prettier-config",
   "dependencies": {
-    "@ionic/core": "^8.5.1"
+    "@ionic/core": "^8.5.4"
   }
 }
diff --git a/packages/angular/CHANGELOG.md b/packages/angular/CHANGELOG.md
index 293ee1aee18..8d583dcb167 100644
--- a/packages/angular/CHANGELOG.md
+++ b/packages/angular/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.5.4](https://github.com/ionic-team/ionic-framework/compare/v8.5.3...v8.5.4) (2025-04-09)
+
+**Note:** Version bump only for package @ionic/angular
+
+
+
+
+
+## [8.5.3](https://github.com/ionic-team/ionic-framework/compare/v8.5.2...v8.5.3) (2025-04-02)
+
+**Note:** Version bump only for package @ionic/angular
+
+
+
+
+
+## [8.5.2](https://github.com/ionic-team/ionic-framework/compare/v8.5.1...v8.5.2) (2025-03-26)
+
+**Note:** Version bump only for package @ionic/angular
+
+
+
+
+
 ## [8.5.1](https://github.com/ionic-team/ionic-framework/compare/v8.5.0...v8.5.1) (2025-03-19)
 
 **Note:** Version bump only for package @ionic/angular
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index 86c17ba9f3c..cc9fd4d00de 100644
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular",
-      "version": "8.5.1",
+      "version": "8.5.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.5.1",
+        "@ionic/core": "^8.5.4",
         "ionicons": "^7.0.0",
         "jsonc-parser": "^3.0.0",
         "tslib": "^2.3.0"
@@ -1398,9 +1398,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.1.tgz",
-      "integrity": "sha512-XsI1ImfgO87EdNucfmKESPN4djLyclNTwzU2AY7xSzSonKjTAft6qrK1/qU2ys829bmbM7/4+tHFb0UOnt3uHQ==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.4.tgz",
+      "integrity": "sha512-SLtTdvH42owno3rBjrq88W37v2TANDZntg7X1iZlwC1atbkpCC60BcY1Twsl48LzSOIO9eNeo6JDBmwN3NKKNQ==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.20.0",
@@ -9821,9 +9821,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.1.tgz",
-      "integrity": "sha512-XsI1ImfgO87EdNucfmKESPN4djLyclNTwzU2AY7xSzSonKjTAft6qrK1/qU2ys829bmbM7/4+tHFb0UOnt3uHQ==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.4.tgz",
+      "integrity": "sha512-SLtTdvH42owno3rBjrq88W37v2TANDZntg7X1iZlwC1atbkpCC60BcY1Twsl48LzSOIO9eNeo6JDBmwN3NKKNQ==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
diff --git a/packages/angular/package.json b/packages/angular/package.json
index 9fea398c030..8e9e0c55c5f 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -47,7 +47,7 @@
     }
   },
   "dependencies": {
-    "@ionic/core": "^8.5.1",
+    "@ionic/core": "^8.5.4",
     "ionicons": "^7.0.0",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.3.0"
diff --git a/packages/angular/test/apps/ng19/src/app/app.module.ts b/packages/angular/test/apps/ng19/src/app/app.module.ts
deleted file mode 100644
index cdc0a89be04..00000000000
--- a/packages/angular/test/apps/ng19/src/app/app.module.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { APP_ID, NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { RouteReuseStrategy } from '@angular/router';
-import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
-import { AppComponent } from './app.component';
-import { AppRoutingModule } from './app-routing.module';
-
-const isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
-
-export function ionicConfigFactory(): any {
-  const isLazy = isBrowser && window.location.href.includes('lazy');
-  return isLazy ? { keyboardHeight: 12345 } : {};
-}
-
-@NgModule({
-  declarations: [AppComponent],
-  imports: [
-    BrowserModule,
-    AppRoutingModule,
-    IonicModule.forRoot(ionicConfigFactory()),
-  ],
-  providers: [
-    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
-    { provide: APP_ID, useValue: 'serverApp' },
-  ],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
diff --git a/packages/angular/test/base/e2e/src/lazy/tabs.spec.ts b/packages/angular/test/base/e2e/src/lazy/tabs.spec.ts
index ac31d74060b..ef3b8a3f32b 100644
--- a/packages/angular/test/base/e2e/src/lazy/tabs.spec.ts
+++ b/packages/angular/test/base/e2e/src/lazy/tabs.spec.ts
@@ -3,122 +3,122 @@ describe('Tabs', () => {
     beforeEach(() => {
       cy.visit('/lazy/tabs');
     })
-  
+
     describe('entry url - /tabs', () => {
       it('should redirect and load tab-account', () => {
         testTabTitle('Tab 1 - Page 1');
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1']);
         testState(1, 'account');
       });
-  
+
       it('should navigate between tabs and ionChange events should be dispatched', () => {
         let tab = testTabTitle('Tab 1 - Page 1');
         tab.find('.segment-changed').should('have.text', 'false');
-  
+
         cy.get('#tab-button-contact').click();
         tab = testTabTitle('Tab 2 - Page 1');
         tab.find('.segment-changed').should('have.text', 'false');
       });
-  
+
       describe('when navigating between tabs', () => {
-  
+
         it('should emit ionTabsWillChange before setting the selected tab', () => {
           cy.get('#ionTabsWillChangeCounter').should('have.text', '1');
           cy.get('#ionTabsWillChangeEvent').should('have.text', 'account');
           cy.get('#ionTabsWillChangeSelectedTab').should('have.text', '');
-  
+
           cy.get('#ionTabsDidChangeCounter').should('have.text', '1');
           cy.get('#ionTabsDidChangeEvent').should('have.text', 'account');
           cy.get('#ionTabsDidChangeSelectedTab').should('have.text', 'account');
-  
+
           cy.get('#tab-button-contact').click();
-  
+
           cy.get('#ionTabsWillChangeCounter').should('have.text', '2');
           cy.get('#ionTabsWillChangeEvent').should('have.text', 'contact');
           cy.get('#ionTabsWillChangeSelectedTab').should('have.text', 'account');
-  
+
           cy.get('#ionTabsDidChangeCounter').should('have.text', '2');
           cy.get('#ionTabsDidChangeEvent').should('have.text', 'contact');
           cy.get('#ionTabsDidChangeSelectedTab').should('have.text', 'contact');
         })
-  
+
       });
-  
+
       it('should simulate stack + double tab click', () => {
         let tab = getSelectedTab();
         tab.find('#goto-tab1-page2').click();
         testTabTitle('Tab 1 - Page 2 (1)');
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab1-nested']);
         testState(1, 'account');
-  
+
         // When you call find on tab above it changes the value of tab
         // so we need to redefine it
         tab = getSelectedTab();
         tab.find('ion-back-button').should('be.visible');
-  
+
         cy.get('#tab-button-contact').click();
         testTabTitle('Tab 2 - Page 1');
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab1-nested', 'app-tabs-tab2']);
         testState(2, 'contact');
-  
+
         cy.get('#tab-button-account').click();
         testTabTitle('Tab 1 - Page 2 (1)');
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab1-nested', 'app-tabs-tab2']);
         testState(3, 'account');
-  
+
         tab = getSelectedTab();
         tab.find('ion-back-button').should('be.visible');
-  
+
         cy.get('#tab-button-account').click();
         testTabTitle('Tab 1 - Page 1');
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab2']);
         testState(3, 'account');
       });
-  
+
       it('should simulate stack + back button click', () => {
         const tab = getSelectedTab();
         tab.find('#goto-tab1-page2').click();
         testTabTitle('Tab 1 - Page 2 (1)');
         testState(1, 'account');
-  
+
         cy.get('#tab-button-contact').click();
         testTabTitle('Tab 2 - Page 1');
         testState(2, 'contact');
-  
+
         cy.get('#tab-button-account').click();
         testTabTitle('Tab 1 - Page 2 (1)');
         testState(3, 'account');
-  
+
         cy.get('ion-back-button').click();
         testTabTitle('Tab 1 - Page 1');
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab2']);
         testState(3, 'account');
       });
-  
+
       it('should navigate deep then go home', () => {
         const tab = getSelectedTab();
         tab.find('#goto-tab1-page2').click();
         cy.ionPageVisible('app-tabs-tab1-nested');
         cy.ionPageHidden('app-tabs-tab1');
-  
+
         testTabTitle('Tab 1 - Page 2 (1)');
-  
+
         cy.get('#goto-next').click();
         cy.ionPageVisible('app-tabs-tab1-nested:last-of-type');
         cy.ionPageHidden('app-tabs-tab1-nested:first-of-type');
-  
+
         testTabTitle('Tab 1 - Page 2 (2)');
-  
+
         cy.get('#tab-button-contact').click();
         cy.ionPageVisible('app-tabs-tab2');
         cy.ionPageHidden('app-tabs-tab1-nested:last-of-type');
-  
+
         testTabTitle('Tab 2 - Page 1');
-  
+
         cy.get('#tab-button-account').click();
         cy.ionPageVisible('app-tabs-tab1-nested:last-of-type');
         cy.ionPageHidden('app-tabs-tab2');
-  
+
         testTabTitle('Tab 1 - Page 2 (2)');
         cy.testStack('ion-tabs ion-router-outlet', [
           'app-tabs-tab1',
@@ -126,9 +126,9 @@ describe('Tabs', () => {
           'app-tabs-tab1-nested',
           'app-tabs-tab2'
         ]);
-  
+
         cy.get('#tab-button-account').click();
-  
+
         /**
          * Wait for the leaving view to
          * be unmounted otherwise testTabTitle
@@ -137,65 +137,65 @@ describe('Tabs', () => {
          */
         cy.ionPageVisible('app-tabs-tab1');
         cy.ionPageDoesNotExist('app-tabs-tab1-nested');
-  
+
         testTabTitle('Tab 1 - Page 1');
         cy.testStack('ion-tabs ion-router-outlet', [
           'app-tabs-tab1',
           'app-tabs-tab2'
         ]);
       });
-  
+
       it('should switch tabs and go back', () => {
         cy.get('#tab-button-contact').click();
         const tab = testTabTitle('Tab 2 - Page 1');
-  
+
         tab.find('#goto-tab1-page1').click();
         testTabTitle('Tab 1 - Page 1');
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab2']);
       });
-  
+
       it('should switch tabs and go to nested', () => {
         cy.get('#tab-button-contact').click();
         const tab = testTabTitle('Tab 2 - Page 1');
-  
+
         tab.find('#goto-tab1-page2').click();
         testTabTitle('Tab 1 - Page 2 (1)');
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab2', 'app-tabs-tab1-nested']);
       });
-  
+
       it('should load lazy loaded tab', () => {
         cy.get('#tab-button-lazy').click();
         cy.ionPageVisible('app-tabs-tab3');
         testTabTitle('Tab 3 - Page 1');
       });
-  
+
       it('should use ion-back-button defaultHref', () => {
         let tab = getSelectedTab();
         tab.find('#goto-tab3-page2').click();
         testTabTitle('Tab 3 - Page 2');
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab3-nested']);
-  
+
         tab = getSelectedTab();
         tab.find('ion-back-button').click();
         testTabTitle('Tab 3 - Page 1');
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab3']);
       });
-  
+
       it('should preserve navigation extras when switching tabs', () => {
         const expectUrlToContain = 'search=hello#fragment';
         let tab = getSelectedTab();
         tab.find('#goto-nested-page1-with-query-params').click();
         testTabTitle('Tab 1 - Page 2 (1)');
         testUrlContains(expectUrlToContain);
-  
+
         cy.get('#tab-button-contact').click();
         testTabTitle('Tab 2 - Page 1');
-  
+
         cy.get('#tab-button-account').click();
         tab = testTabTitle('Tab 1 - Page 2 (1)');
         testUrlContains(expectUrlToContain);
       });
-  
+
       it('should set root when clicking on an active tab to navigate to the root', () => {
         const expectNestedTabUrlToContain = 'search=hello#fragment';
         cy.url().then(url => {
@@ -203,74 +203,74 @@ describe('Tabs', () => {
           tab.find('#goto-nested-page1-with-query-params').click();
           testTabTitle('Tab 1 - Page 2 (1)');
           testUrlContains(expectNestedTabUrlToContain);
-  
+
           cy.get('#tab-button-account').click();
           testTabTitle('Tab 1 - Page 1');
-  
+
           testUrlEquals(url);
         })
       });
     })
-  
+
     describe('entry tab contains navigation extras', () => {
       const expectNestedTabUrlToContain = 'search=hello#fragment';
       const rootUrlParams = 'test=123#rootFragment';
       const rootUrl = `/lazy/tabs/account?${rootUrlParams}`;
-  
+
       beforeEach(() => {
         cy.visit(rootUrl);
       })
-  
+
       it('should preserve root url navigation extras when clicking on an active tab to navigate to the root', () => {
         const tab = getSelectedTab();
         tab.find('#goto-nested-page1-with-query-params').click();
-  
+
         testTabTitle('Tab 1 - Page 2 (1)');
         testUrlContains(expectNestedTabUrlToContain);
-  
+
         cy.get('#tab-button-account').click();
         testTabTitle('Tab 1 - Page 1');
-  
+
         testUrlContains(rootUrl);
       });
-  
+
       it('should preserve root url navigation extras when changing tabs', () => {
         getSelectedTab();
         cy.get('#tab-button-contact').click();
         testTabTitle('Tab 2 - Page 1');
-  
+
         cy.get('#tab-button-account').click();
         testTabTitle('Tab 1 - Page 1');
-  
+
         testUrlContains(rootUrl);
       });
-  
+
       it('should navigate deep then go home and preserve navigation extras', () => {
         let tab = getSelectedTab();
         tab.find('#goto-tab1-page2').click();
         cy.ionPageVisible('app-tabs-tab1-nested');
         cy.ionPageHidden('app-tabs-tab1');
-  
+
         tab = testTabTitle('Tab 1 - Page 2 (1)');
-  
+
         tab.find('#goto-next').click();
         cy.ionPageVisible('app-tabs-tab1-nested:last-of-type');
         cy.ionPageHidden('app-tabs-tab1-nested:first-of-type');
-  
+
         testTabTitle('Tab 1 - Page 2 (2)');
-  
+
         cy.ionTabClick('Tab Two');
         cy.ionPageVisible('app-tabs-tab2');
         cy.ionPageHidden('app-tabs-tab1-nested:last-of-type');
-  
+
         testTabTitle('Tab 2 - Page 1');
-  
+
         cy.ionTabClick('Tab One');
         cy.ionPageVisible('app-tabs-tab1-nested:last-of-type');
         cy.ionPageHidden('app-tabs-tab2');
-  
+
         testTabTitle('Tab 1 - Page 2 (2)');
-  
+
         cy.ionTabClick('Tab One');
         /**
          * Wait for the leaving view to
@@ -280,37 +280,37 @@ describe('Tabs', () => {
          */
         cy.ionPageVisible('app-tabs-tab1');
         cy.ionPageDoesNotExist('app-tabs-tab1-nested');
-  
+
         testTabTitle('Tab 1 - Page 1');
-  
+
         testUrlContains(rootUrl);
       });
     })
-  
+
     describe('entry url - /tabs/account', () => {
       beforeEach(() => {
         cy.visit('/lazy/tabs/account');
       });
       it('should pop to previous view when leaving tabs outlet', () => {
-  
+
         cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
-  
+
         cy.get('#goto-tab1-page2').click();
-  
+
         cy.get('ion-title').should('contain.text', 'Tab 1 - Page 2 (1)');
-  
+
         cy.get('#goto-global').click();
-  
+
         cy.get('ion-title').should('contain.text', 'Global Page');
-  
+
         cy.get('#goto-prev-pop').click();
-  
+
         cy.get('ion-title').should('contain.text', 'Tab 1 - Page 2 (1)');
-  
+
         cy.get('#goto-prev').click();
-  
+
         cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
-  
+
         /**
          * Verifies that when entering the tabs outlet directly,
          * the navController.pop() method does not pop the previous view,
@@ -320,117 +320,117 @@ describe('Tabs', () => {
         cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
       });
     });
-  
+
     describe('entry url - /', () => {
       it('should pop to the root outlet from the tabs outlet', () => {
         cy.visit('/lazy/');
-  
+
         cy.get('ion-title').should('contain.text', 'Test App');
-  
-        cy.get('ion-item').contains('Tabs test').click();
-  
+
+        cy.get('ion-item').contains('Tabs Test').click();
+
         cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
-  
+
         cy.get('#goto-tab1-page2').click();
-  
+
         cy.get('ion-title').should('contain.text', 'Tab 1 - Page 2 (1)');
-  
+
         cy.get('#goto-global').click();
-  
+
         cy.get('ion-title').should('contain.text', 'Global Page');
-  
+
         cy.get('#goto-prev-pop').click();
-  
+
         cy.get('ion-title').should('contain.text', 'Tab 1 - Page 2 (1)');
-  
+
         cy.get('#goto-prev').click();
-  
+
         cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
-  
+
         cy.get('#goto-previous-page').click();
-  
+
         cy.get('ion-title').should('contain.text', 'Test App');
-  
+
       });
     });
-  
-  
+
+
     describe('entry url - /tabs/account/nested/1', () => {
       beforeEach(() => {
         cy.visit('/lazy/tabs/account/nested/1');
       })
-  
+
       it('should only display the back-button when there is a page in the stack', () => {
         let tab = getSelectedTab();
         tab.find('ion-back-button').should('not.be.visible');
         testTabTitle('Tab 1 - Page 2 (1)');
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1-nested']);
-  
+
         cy.get('#tab-button-account').click();
         tab = testTabTitle('Tab 1 - Page 1');
-  
+
         tab.find('#goto-tab1-page2').click();
         tab = testTabTitle('Tab 1 - Page 2 (1)');
         tab.find('ion-back-button').should('be.visible');
       });
-  
+
       it('should not reuse the same page', () => {
         let tab = testTabTitle('Tab 1 - Page 2 (1)');
         tab.find('#goto-next').click();
         tab = testTabTitle('Tab 1 - Page 2 (2)');
-  
+
         tab.find('#goto-next').click();
         tab = testTabTitle('Tab 1 - Page 2 (3)');
-  
+
         cy.testStack('ion-tabs ion-router-outlet', [
           'app-tabs-tab1-nested',
           'app-tabs-tab1-nested',
           'app-tabs-tab1-nested'
         ]);
-  
+
         tab = getSelectedTab();
         tab.find('ion-back-button').click();
         tab = testTabTitle('Tab 1 - Page 2 (2)');
         tab.find('ion-back-button').click();
         tab = testTabTitle('Tab 1 - Page 2 (1)');
-  
+
         tab.find('ion-back-button').should('not.be.visible');
-  
+
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1-nested']);
       });
     })
-  
+
     describe('entry url - /tabs/lazy', () => {
       beforeEach(() => {
         cy.visit('/lazy/tabs/lazy');
       });
-  
+
       it('should not display the back-button if coming from a different stack', () => {
         let tab = testTabTitle('Tab 3 - Page 1');
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab3']);
-  
+
         tab = getSelectedTab();
         tab.find('#goto-tab1-page2').click();
         cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab3', 'app-tabs-tab1-nested']);
-  
+
         tab = testTabTitle('Tab 1 - Page 2 (1)');
         tab.find('ion-back-button').should('not.be.visible');
       });
     })
-  
+
     describe('enter url - /tabs/contact/one', () => {
       beforeEach(() => {
         cy.visit('/lazy/tabs/contact/one');
       });
-  
+
       it('should return to correct tab after going to page in different outlet', () => {
         const tab = getSelectedTab();
         tab.find('#goto-nested-page1').click();
         cy.testStack('app-nested-outlet ion-router-outlet', ['app-nested-outlet-page']);
-  
+
         const nestedOutlet = cy.get('app-nested-outlet');
         nestedOutlet.find('ion-back-button').click();
-  
+
         testTabTitle('Tab 2 - Page 1');
       });
     })
diff --git a/packages/angular/test/base/src/app/app-landing/app-landing.component.html b/packages/angular/test/base/src/app/app-landing/app-landing.component.html
new file mode 100644
index 00000000000..8689c0e29bc
--- /dev/null
+++ b/packages/angular/test/base/src/app/app-landing/app-landing.component.html
@@ -0,0 +1,16 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-title>Test App - Angular {{ angularVersion.major }} </ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <ion-list>
+    <ion-item routerLink="/lazy">
+      <ion-label>Go to Lazy App</ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone">
+      <ion-label>Go to Standalone App</ion-label>
+    </ion-item>
+  </ion-list>
+</ion-content>
diff --git a/packages/angular/test/base/src/app/app-landing/app-landing.component.ts b/packages/angular/test/base/src/app/app-landing/app-landing.component.ts
new file mode 100644
index 00000000000..62814291cdd
--- /dev/null
+++ b/packages/angular/test/base/src/app/app-landing/app-landing.component.ts
@@ -0,0 +1,13 @@
+import { Component, VERSION } from '@angular/core';
+
+@Component({
+  selector: 'app-landing',
+  templateUrl: './app-landing.component.html',
+  standalone: false
+})
+export class AppLandingComponent {
+  angularVersion = VERSION;
+
+  constructor() {}
+
+}
diff --git a/packages/angular/test/base/src/app/app.module.ts b/packages/angular/test/base/src/app/app.module.ts
index 9d0a2a78eab..c419cd6d0d8 100644
--- a/packages/angular/test/base/src/app/app.module.ts
+++ b/packages/angular/test/base/src/app/app.module.ts
@@ -1,30 +1,29 @@
+import { APP_ID, NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
 import { RouteReuseStrategy } from '@angular/router';
-
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
 import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
+import { AppComponent } from './app.component';
+import { AppRoutingModule } from './app-routing.module';
+import { AppLandingComponent } from './app-landing/app-landing.component';
 
-const isLazy = window.location.href.includes('lazy');
-
-const imports = [
-  BrowserModule.withServerTransition({ appId: 'serverApp' }),
-  AppRoutingModule,
-];
+const isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
 
-if (isLazy) {
-  imports.push(IonicModule.forRoot({ keyboardHeight: 12345 }));
+export function ionicConfigFactory(): any {
+  const isLazy = isBrowser && window.location.href.includes('lazy');
+  return isLazy ? { keyboardHeight: 12345 } : {};
 }
 
 @NgModule({
-  declarations: [
-    AppComponent,
+  declarations: [AppComponent, AppLandingComponent],
+  imports: [
+    BrowserModule,
+    AppRoutingModule,
+    IonicModule.forRoot(ionicConfigFactory()),
   ],
-  imports,
   providers: [
     { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
+    { provide: APP_ID, useValue: 'serverApp' },
   ],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
-export class AppModule { }
+export class AppModule {}
diff --git a/packages/angular/test/base/src/app/app.routes.ts b/packages/angular/test/base/src/app/app.routes.ts
index 679d1812259..291e96540de 100644
--- a/packages/angular/test/base/src/app/app.routes.ts
+++ b/packages/angular/test/base/src/app/app.routes.ts
@@ -1,16 +1,18 @@
 import { Routes } from '@angular/router';
+import { AppLandingComponent } from './app-landing/app-landing.component';
 
 export const routes: Routes = [
   {
     path: '',
     pathMatch: 'full',
-    /**
-     * Omit the slash at the beginning
-     * so query params are preserved.
-     * https://github.com/angular/angular/issues/13315#issuecomment-427254639
-     */
-    redirectTo: 'lazy'
+    component: AppLandingComponent
   },
-  { path: 'lazy', loadChildren: () => import('./lazy/app-lazy/app.module').then(m => m.AppModule) },
-  { path: 'standalone', loadChildren: () => import('./standalone/app-standalone/app.routes').then(m => m.routes) }
+  {
+    path: 'lazy',
+    loadChildren: () => import('./lazy/app-lazy/app.module').then(m => m.AppModule)
+  },
+  {
+    path: 'standalone',
+    loadChildren: () => import('./standalone/app-standalone/app.routes').then(m => m.routes)
+  }
 ];
diff --git a/packages/angular/test/base/src/app/lazy/home-page/home-page.component.html b/packages/angular/test/base/src/app/lazy/home-page/home-page.component.html
index 7fdca9c50d8..80418148c5e 100644
--- a/packages/angular/test/base/src/app/lazy/home-page/home-page.component.html
+++ b/packages/angular/test/base/src/app/lazy/home-page/home-page.component.html
@@ -1,7 +1,10 @@
 <ion-header>
   <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button defaultHref="/"></ion-back-button>
+    </ion-buttons>
     <ion-title>
-      Test App - Angular {{ angularVersion.major }}
+      Test App - Angular {{ angularVersion.major }} - Lazy
     </ion-title>
   </ion-toolbar>
 </ion-header>
@@ -9,37 +12,37 @@
   <ion-list>
     <ion-item routerLink="/lazy/alerts" [routerAnimation]="routerAnimation">
       <ion-label>
-        Alerts test
+        Alerts Test
       </ion-label>
     </ion-item>
     <ion-item routerLink="/lazy/inputs">
       <ion-label>
-        Inputs test
+        Inputs Test
       </ion-label>
     </ion-item>
     <ion-item routerLink="/lazy/form">
       <ion-label>
-        Form test
+        Form Test
       </ion-label>
     </ion-item>
     <ion-item routerLink="/lazy/modals">
       <ion-label>
-        Modals test
+        Modals Test
       </ion-label>
     </ion-item>
     <ion-item routerLink="/lazy/router-link">
       <ion-label>
-        Router link test
+        Router link Test
       </ion-label>
     </ion-item>
     <ion-item routerLink="/lazy/tabs">
       <ion-label>
-        Tabs test
+        Tabs Test
       </ion-label>
     </ion-item>
     <ion-item routerLink="/lazy/tabs-basic">
       <ion-label>
-        Basic Tabs test
+        Basic Tabs Test
       </ion-label>
     </ion-item>
     <ion-item routerLink="/lazy/nested-outlet/page">
diff --git a/packages/angular/test/base/src/app/standalone/app-standalone/app.component.ts b/packages/angular/test/base/src/app/standalone/app-standalone/app.component.ts
index d51d38c860b..7940f8d10e1 100644
--- a/packages/angular/test/base/src/app/standalone/app-standalone/app.component.ts
+++ b/packages/angular/test/base/src/app/standalone/app-standalone/app.component.ts
@@ -1,12 +1,11 @@
 import { Component } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { IonRouterOutlet, IonApp } from '@ionic/angular/standalone';
+import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-root-standalone',
   templateUrl: './app.component.html',
   standalone: true,
-  imports: [RouterModule, IonRouterOutlet, IonApp]
+  imports: [IonRouterOutlet, IonApp]
 })
 export class AppComponent {
 }
diff --git a/packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts b/packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts
index 40afc7a68de..c58432e0e9d 100644
--- a/packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts
+++ b/packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts
@@ -6,6 +6,7 @@ export const routes: Routes = [
     path: '',
     component: AppComponent,
     children: [
+      { path: '', loadComponent: () => import('../home-page/home-page.component').then(c => c.HomePageComponent) },
       { path: 'menu-controller', loadComponent: () => import('../menu-controller/menu-controller.component').then(c => c.MenuControllerComponent) },
       { path: 'action-sheet-controller', loadComponent: () => import('../action-sheet-controller/action-sheet-controller.component').then(c => c.ActionSheetControllerComponent) },
       { path: 'popover', loadComponent: () => import('../popover/popover.component').then(c => c.PopoverComponent) },
@@ -18,6 +19,14 @@ export const routes: Routes = [
       { path: 'overlay-controllers', loadComponent: () => import('../overlay-controllers/overlay-controllers.component').then(c => c.OverlayControllersComponent) },
       { path: 'button', loadComponent: () => import('../button/button.component').then(c => c.ButtonComponent) },
       { path: 'icon', loadComponent: () => import('../icon/icon.component').then(c => c.IconComponent) },
+      { path: 'split-pane', redirectTo: '/standalone/split-pane/inbox', pathMatch: 'full' },
+      {
+        path: 'split-pane',
+        loadComponent: () => import('../split-pane/split-pane.component').then(c => c.SplitPaneComponent),
+        children: [
+          { path: ':id', loadComponent: () => import('../split-pane/split-pane-page.component').then(c => c.SplitPanePageComponent) },
+        ]
+      },
       { path: 'tabs', redirectTo: '/standalone/tabs/tab-one', pathMatch: 'full' },
       {
         path: 'tabs',
diff --git a/packages/angular/test/base/src/app/standalone/home-page/home-page.component.html b/packages/angular/test/base/src/app/standalone/home-page/home-page.component.html
new file mode 100644
index 00000000000..af57a62512c
--- /dev/null
+++ b/packages/angular/test/base/src/app/standalone/home-page/home-page.component.html
@@ -0,0 +1,166 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button defaultHref="/"></ion-back-button>
+    </ion-buttons>
+    <ion-title>
+      Test App - Angular {{ angularVersion.major }} - Standalone
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+<ion-content>
+  <ion-list>
+    <ion-list-header>
+      <ion-label>Components</ion-label>
+    </ion-list-header>
+    <ion-item routerLink="/standalone/back-button">
+      <ion-label>
+        Back Button Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/button">
+      <ion-label>
+        Button Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/icon">
+      <ion-label>
+        Icon Test
+      </ion-label>
+    </ion-item>
+  </ion-list>
+
+  <ion-list>
+    <ion-list-header>
+      <ion-label>Navigation</ion-label>
+    </ion-list-header>
+    <ion-item routerLink="/standalone/nav">
+      <ion-label>
+        Nav Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/router-link">
+      <ion-label>
+        Router Link Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/router-outlet">
+      <ion-label>
+        Router Outlet Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/split-pane">
+      <ion-label>
+        Split Pane Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/tabs">
+      <ion-label>
+        Tabs Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/tabs-basic">
+      <ion-label>
+        Tabs Basic Test
+      </ion-label>
+    </ion-item>
+  </ion-list>
+
+  <ion-list>
+    <ion-list-header>
+      <ion-label>Overlays</ion-label>
+    </ion-list-header>
+    <ion-item routerLink="/standalone/action-sheet-controller">
+      <ion-label>
+        Action Sheet Controller Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/menu-controller">
+      <ion-label>
+        Menu Controller Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/modal">
+      <ion-label>
+        Modal Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/overlay-controllers">
+      <ion-label>
+        Overlay Controllers Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/popover">
+      <ion-label>
+        Popover Test
+      </ion-label>
+    </ion-item>
+  </ion-list>
+
+  <ion-list>
+    <ion-list-header>
+      <ion-label>Value Accessors</ion-label>
+    </ion-list-header>
+    <ion-item routerLink="/standalone/value-accessors/checkbox">
+      <ion-label>
+        Checkbox Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/value-accessors/datetime">
+      <ion-label>
+        Datetime Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/value-accessors/input">
+      <ion-label>
+        Input Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/value-accessors/radio-group">
+      <ion-label>
+        Radio Group Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/value-accessors/range">
+      <ion-label>
+        Range Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/value-accessors/searchbar">
+      <ion-label>
+        Searchbar Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/value-accessors/segment">
+      <ion-label>
+        Segment Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/value-accessors/select">
+      <ion-label>
+        Select Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/value-accessors/textarea">
+      <ion-label>
+        Textarea Test
+      </ion-label>
+    </ion-item>
+    <ion-item routerLink="/standalone/value-accessors/toggle">
+      <ion-label>
+        Toggle Test
+      </ion-label>
+    </ion-item>
+  </ion-list>
+
+  <ion-list>
+    <ion-list-header>
+      <ion-label>Miscellaneous</ion-label>
+    </ion-list-header>
+    <ion-item routerLink="/standalone/providers">
+      <ion-label>
+        Providers Test
+      </ion-label>
+    </ion-item>
+  </ion-list>
+</ion-content>
diff --git a/packages/angular/test/base/src/app/standalone/home-page/home-page.component.ts b/packages/angular/test/base/src/app/standalone/home-page/home-page.component.ts
new file mode 100644
index 00000000000..dc2d78e6ab9
--- /dev/null
+++ b/packages/angular/test/base/src/app/standalone/home-page/home-page.component.ts
@@ -0,0 +1,15 @@
+import { Component, VERSION } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { IonBackButton, IonButtons, IonContent, IonLabel, IonList, IonListHeader, IonHeader, IonItem, IonRouterLink, IonTitle, IonToolbar } from '@ionic/angular/standalone';
+
+@Component({
+  selector: 'app-home-page',
+  templateUrl: './home-page.component.html',
+  standalone: true,
+  imports: [ IonBackButton, IonButtons, IonContent, IonLabel, IonList, IonHeader, IonListHeader, IonItem, IonRouterLink, IonTitle, IonToolbar, RouterModule ]
+})
+export class HomePageComponent {
+  angularVersion = VERSION;
+
+  constructor() {}
+}
diff --git a/packages/angular/test/base/src/app/standalone/router-link/router-link.component.ts b/packages/angular/test/base/src/app/standalone/router-link/router-link.component.ts
index 4e0e1bcff3c..31653f3bb0d 100644
--- a/packages/angular/test/base/src/app/standalone/router-link/router-link.component.ts
+++ b/packages/angular/test/base/src/app/standalone/router-link/router-link.component.ts
@@ -1,11 +1,11 @@
 import { Component } from '@angular/core';
-import { RouterModule } from '@angular/router';
+import { RouterLink } from '@angular/router';
 import { IonRouterLink, IonRouterLinkWithHref } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-router-link',
   templateUrl: './router-link.component.html',
   standalone: true,
-  imports: [RouterModule, IonRouterLink, IonRouterLinkWithHref],
+  imports: [RouterLink, IonRouterLink, IonRouterLinkWithHref],
 })
 export class RouterLinkComponent {}
diff --git a/packages/angular/test/base/src/app/standalone/split-pane/split-pane-page.component.html b/packages/angular/test/base/src/app/standalone/split-pane/split-pane-page.component.html
new file mode 100644
index 00000000000..3d03206fee4
--- /dev/null
+++ b/packages/angular/test/base/src/app/standalone/split-pane/split-pane-page.component.html
@@ -0,0 +1,23 @@
+<ion-header [translucent]="true">
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-menu-button></ion-menu-button>
+    </ion-buttons>
+    <ion-title>{{ folder }}</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content [fullscreen]="true">
+  <ion-header collapse="condense">
+    <ion-toolbar>
+      <ion-title size="large">{{ folder }}</ion-title>
+    </ion-toolbar>
+  </ion-header>
+
+  <div id="container">
+    <ion-button (click)="onClick('one')">Button One</ion-button>
+    <ion-button (click)="onClick('two')">Button Two</ion-button>
+    <ion-button (click)="onClick('three')">Button Three</ion-button>
+    <ion-button (click)="onClick('four')">Button Four</ion-button>
+  </div>
+</ion-content>
diff --git a/packages/angular/test/base/src/app/standalone/split-pane/split-pane-page.component.ts b/packages/angular/test/base/src/app/standalone/split-pane/split-pane-page.component.ts
new file mode 100644
index 00000000000..d913c6a3b64
--- /dev/null
+++ b/packages/angular/test/base/src/app/standalone/split-pane/split-pane-page.component.ts
@@ -0,0 +1,24 @@
+import { Component, inject, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { IonButton, IonButtons, IonContent, IonHeader, IonMenuButton, IonTitle, IonToolbar } from '@ionic/angular/standalone';
+
+@Component({
+  selector: 'app-split-pane-page',
+  templateUrl: './split-pane-page.component.html',
+  imports: [ IonButton, IonButtons, IonContent, IonHeader, IonMenuButton, IonTitle, IonToolbar ],
+  standalone: true,
+})
+export class SplitPanePageComponent implements OnInit {
+  public folder!: string;
+  private activatedRoute = inject(ActivatedRoute);
+
+  constructor() {}
+
+  ngOnInit() {
+    this.folder = this.activatedRoute.snapshot.paramMap.get('id') as string;
+  }
+
+  onClick(val: string) {
+    console.log(val);
+  }
+}
diff --git a/packages/angular/test/base/src/app/standalone/split-pane/split-pane.component.css b/packages/angular/test/base/src/app/standalone/split-pane/split-pane.component.css
new file mode 100644
index 00000000000..f91c443385e
--- /dev/null
+++ b/packages/angular/test/base/src/app/standalone/split-pane/split-pane.component.css
@@ -0,0 +1,3 @@
+ion-item.selected {
+  --background: rgb(var(--ion-color-primary-rgb, 0, 84, 233), 0.14);
+}
diff --git a/packages/angular/test/base/src/app/standalone/split-pane/split-pane.component.html b/packages/angular/test/base/src/app/standalone/split-pane/split-pane.component.html
new file mode 100644
index 00000000000..89a192dc6e3
--- /dev/null
+++ b/packages/angular/test/base/src/app/standalone/split-pane/split-pane.component.html
@@ -0,0 +1,22 @@
+<ion-split-pane contentId="main-content" when="xs">
+  <ion-menu contentId="main-content" type="overlay">
+    <ion-content>
+      <ion-list id="inbox-list">
+        <ion-list-header>Inbox</ion-list-header>
+
+        <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages; let i = index">
+          <ion-item
+            routerDirection="root"
+            [routerLink]="[p.url]"
+            lines="none"
+            detail="false"
+            routerLinkActive="selected"
+          >
+            <ion-label>{{ p.title }}</ion-label>
+          </ion-item>
+        </ion-menu-toggle>
+      </ion-list>
+    </ion-content>
+  </ion-menu>
+  <ion-router-outlet id="main-content"></ion-router-outlet>
+</ion-split-pane>
diff --git a/packages/angular/test/base/src/app/standalone/split-pane/split-pane.component.ts b/packages/angular/test/base/src/app/standalone/split-pane/split-pane.component.ts
new file mode 100644
index 00000000000..747e28d75f5
--- /dev/null
+++ b/packages/angular/test/base/src/app/standalone/split-pane/split-pane.component.ts
@@ -0,0 +1,49 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+import {
+  IonContent,
+  IonItem,
+  IonLabel,
+  IonList,
+  IonListHeader,
+  IonMenu,
+  IonMenuToggle,
+  IonRouterLink,
+  IonRouterOutlet,
+  IonSplitPane
+} from '@ionic/angular/standalone';
+
+@Component({
+  selector: 'app-split-pane',
+  templateUrl: 'split-pane.component.html',
+  styleUrls: ['split-pane.component.css'],
+  standalone: true,
+  imports: [
+    CommonModule,
+    IonContent,
+    IonItem,
+    IonLabel,
+    IonList,
+    IonListHeader,
+    IonMenu,
+    IonMenuToggle,
+    IonRouterLink,
+    IonRouterOutlet,
+    IonSplitPane,
+    RouterLink,
+    RouterLinkActive,
+  ],
+})
+export class SplitPaneComponent {
+  public appPages = [
+    { title: 'Inbox', url: '/standalone/split-pane/inbox' },
+    { title: 'Outbox', url: '/standalone/split-pane/outbox' },
+    { title: 'Favorites', url: '/standalone/split-pane/favorites' },
+    { title: 'Archived', url: '/standalone/split-pane/archived' },
+    { title: 'Trash', url: '/standalone/split-pane/trash' },
+    { title: 'Spam', url: '/standalone/split-pane/spam'}
+  ];
+
+  constructor() { }
+}
diff --git a/packages/angular/test/base/src/app/standalone/standalone.component.ts b/packages/angular/test/base/src/app/standalone/standalone.component.ts
index 56f6f8a92b0..9b707ade839 100644
--- a/packages/angular/test/base/src/app/standalone/standalone.component.ts
+++ b/packages/angular/test/base/src/app/standalone/standalone.component.ts
@@ -1,5 +1,4 @@
 import { Component } from "@angular/core";
-import { RouterModule } from "@angular/router";
 
 import { IonicModule } from '@ionic/angular';
 
@@ -7,6 +6,6 @@ import { IonicModule } from '@ionic/angular';
   selector: 'app-standalone',
   templateUrl: './standalone.component.html',
   standalone: true,
-  imports: [IonicModule, RouterModule]
+  imports: [IonicModule]
 })
 export class StandaloneComponent { }
diff --git a/packages/docs/CHANGELOG.md b/packages/docs/CHANGELOG.md
index abf78b68eb8..6c35997b01a 100644
--- a/packages/docs/CHANGELOG.md
+++ b/packages/docs/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.5.4](https://github.com/ionic-team/ionic-framework/compare/v8.5.3...v8.5.4) (2025-04-09)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
+## [8.5.3](https://github.com/ionic-team/ionic-framework/compare/v8.5.2...v8.5.3) (2025-04-02)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
+## [8.5.2](https://github.com/ionic-team/ionic-framework/compare/v8.5.1...v8.5.2) (2025-03-26)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
 ## [8.5.1](https://github.com/ionic-team/ionic-framework/compare/v8.5.0...v8.5.1) (2025-03-19)
 
 **Note:** Version bump only for package @ionic/docs
diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
index d753d3f0c24..c48f91ec9ba 100644
--- a/packages/docs/package-lock.json
+++ b/packages/docs/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ionic/docs",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/docs",
-      "version": "8.5.1",
+      "version": "8.5.4",
       "license": "MIT"
     }
   }
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 6b7e6db698a..af112370b21 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/docs",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "description": "Pre-packaged API documentation for the Ionic docs.",
   "main": "core.json",
   "types": "core.d.ts",
diff --git a/packages/react-router/CHANGELOG.md b/packages/react-router/CHANGELOG.md
index 5d389fd1e5d..1b23418945f 100644
--- a/packages/react-router/CHANGELOG.md
+++ b/packages/react-router/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.5.4](https://github.com/ionic-team/ionic-framework/compare/v8.5.3...v8.5.4) (2025-04-09)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
+## [8.5.3](https://github.com/ionic-team/ionic-framework/compare/v8.5.2...v8.5.3) (2025-04-02)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
+## [8.5.2](https://github.com/ionic-team/ionic-framework/compare/v8.5.1...v8.5.2) (2025-03-26)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
 ## [8.5.1](https://github.com/ionic-team/ionic-framework/compare/v8.5.0...v8.5.1) (2025-03-19)
 
 **Note:** Version bump only for package @ionic/react-router
diff --git a/packages/react-router/package-lock.json b/packages/react-router/package-lock.json
index cfe240a607a..23ec0debc43 100644
--- a/packages/react-router/package-lock.json
+++ b/packages/react-router/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react-router",
-      "version": "8.5.1",
+      "version": "8.5.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/react": "^8.5.1",
+        "@ionic/react": "^8.5.4",
         "tslib": "*"
       },
       "devDependencies": {
@@ -238,9 +238,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.1.tgz",
-      "integrity": "sha512-XsI1ImfgO87EdNucfmKESPN4djLyclNTwzU2AY7xSzSonKjTAft6qrK1/qU2ys829bmbM7/4+tHFb0UOnt3uHQ==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.4.tgz",
+      "integrity": "sha512-SLtTdvH42owno3rBjrq88W37v2TANDZntg7X1iZlwC1atbkpCC60BcY1Twsl48LzSOIO9eNeo6JDBmwN3NKKNQ==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.20.0",
@@ -415,12 +415,12 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.5.1.tgz",
-      "integrity": "sha512-Z/kW91gUhs2f378jFoOic29RfDMIYi1PD1hfZtMGEAjSlFNQxBCeihz3kvdnn1WVfcuGb3CKanHF4DeKc11f8Q==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.5.4.tgz",
+      "integrity": "sha512-wSYv7qE1QDysbJkv9TpYspuYFzM/3JcAeZIeieu7S7Twnwknh4yT5zNegEAOzYCCB/LAG3pWNCY/oH4SKiXKoQ==",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "8.5.1",
+        "@ionic/core": "8.5.4",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -4067,9 +4067,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.1.tgz",
-      "integrity": "sha512-XsI1ImfgO87EdNucfmKESPN4djLyclNTwzU2AY7xSzSonKjTAft6qrK1/qU2ys829bmbM7/4+tHFb0UOnt3uHQ==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.4.tgz",
+      "integrity": "sha512-SLtTdvH42owno3rBjrq88W37v2TANDZntg7X1iZlwC1atbkpCC60BcY1Twsl48LzSOIO9eNeo6JDBmwN3NKKNQ==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -4172,11 +4172,11 @@
       "dev": true
     },
     "@ionic/react": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.5.1.tgz",
-      "integrity": "sha512-Z/kW91gUhs2f378jFoOic29RfDMIYi1PD1hfZtMGEAjSlFNQxBCeihz3kvdnn1WVfcuGb3CKanHF4DeKc11f8Q==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.5.4.tgz",
+      "integrity": "sha512-wSYv7qE1QDysbJkv9TpYspuYFzM/3JcAeZIeieu7S7Twnwknh4yT5zNegEAOzYCCB/LAG3pWNCY/oH4SKiXKoQ==",
       "requires": {
-        "@ionic/core": "8.5.1",
+        "@ionic/core": "8.5.4",
         "ionicons": "^7.0.0",
         "tslib": "*"
       }
diff --git a/packages/react-router/package.json b/packages/react-router/package.json
index 60cb0bed464..5f278ebd746 100644
--- a/packages/react-router/package.json
+++ b/packages/react-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "description": "React Router wrapper for @ionic/react",
   "keywords": [
     "ionic",
@@ -36,7 +36,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@ionic/react": "^8.5.1",
+    "@ionic/react": "^8.5.4",
     "tslib": "*"
   },
   "peerDependencies": {
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index 62707e39fca..d89f179d814 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.5.4](https://github.com/ionic-team/ionic-framework/compare/v8.5.3...v8.5.4) (2025-04-09)
+
+**Note:** Version bump only for package @ionic/react
+
+
+
+
+
+## [8.5.3](https://github.com/ionic-team/ionic-framework/compare/v8.5.2...v8.5.3) (2025-04-02)
+
+**Note:** Version bump only for package @ionic/react
+
+
+
+
+
+## [8.5.2](https://github.com/ionic-team/ionic-framework/compare/v8.5.1...v8.5.2) (2025-03-26)
+
+**Note:** Version bump only for package @ionic/react
+
+
+
+
+
 ## [8.5.1](https://github.com/ionic-team/ionic-framework/compare/v8.5.0...v8.5.1) (2025-03-19)
 
 **Note:** Version bump only for package @ionic/react
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index 1003a231331..fd1e3344857 100644
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react",
-      "version": "8.5.1",
+      "version": "8.5.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.5.1",
+        "@ionic/core": "^8.5.4",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -736,9 +736,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.1.tgz",
-      "integrity": "sha512-XsI1ImfgO87EdNucfmKESPN4djLyclNTwzU2AY7xSzSonKjTAft6qrK1/qU2ys829bmbM7/4+tHFb0UOnt3uHQ==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.4.tgz",
+      "integrity": "sha512-SLtTdvH42owno3rBjrq88W37v2TANDZntg7X1iZlwC1atbkpCC60BcY1Twsl48LzSOIO9eNeo6JDBmwN3NKKNQ==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.20.0",
@@ -12316,9 +12316,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.1.tgz",
-      "integrity": "sha512-XsI1ImfgO87EdNucfmKESPN4djLyclNTwzU2AY7xSzSonKjTAft6qrK1/qU2ys829bmbM7/4+tHFb0UOnt3uHQ==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.4.tgz",
+      "integrity": "sha512-SLtTdvH42owno3rBjrq88W37v2TANDZntg7X1iZlwC1atbkpCC60BcY1Twsl48LzSOIO9eNeo6JDBmwN3NKKNQ==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
diff --git a/packages/react/package.json b/packages/react/package.json
index c40d2f4399b..d2ec4e077e5 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -39,7 +39,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "^8.5.1",
+    "@ionic/core": "^8.5.4",
     "ionicons": "^7.0.0",
     "tslib": "*"
   },
diff --git a/packages/vue-router/CHANGELOG.md b/packages/vue-router/CHANGELOG.md
index 671456d5b00..95da07c348e 100644
--- a/packages/vue-router/CHANGELOG.md
+++ b/packages/vue-router/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.5.4](https://github.com/ionic-team/ionic-framework/compare/v8.5.3...v8.5.4) (2025-04-09)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
+## [8.5.3](https://github.com/ionic-team/ionic-framework/compare/v8.5.2...v8.5.3) (2025-04-02)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
+## [8.5.2](https://github.com/ionic-team/ionic-framework/compare/v8.5.1...v8.5.2) (2025-03-26)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
 ## [8.5.1](https://github.com/ionic-team/ionic-framework/compare/v8.5.0...v8.5.1) (2025-03-19)
 
 **Note:** Version bump only for package @ionic/vue-router
diff --git a/packages/vue-router/package-lock.json b/packages/vue-router/package-lock.json
index ef70086cefe..c4f810999ba 100644
--- a/packages/vue-router/package-lock.json
+++ b/packages/vue-router/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue-router",
-      "version": "8.5.1",
+      "version": "8.5.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/vue": "^8.5.1"
+        "@ionic/vue": "^8.5.4"
       },
       "devDependencies": {
         "@ionic/eslint-config": "^0.3.0",
@@ -243,6 +243,7 @@
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
       "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -252,6 +253,7 @@
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
       "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -369,6 +371,7 @@
       "version": "7.26.10",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.10.tgz",
       "integrity": "sha512-6aQR2zGE/QFi8JpDLjUZEPYOs7+mhKXm86VaKFiLP35JQwQb6bwUE+XbvkH0EptsYhbNBSUGaUBLKqxH1xSgsA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.26.10"
@@ -581,6 +584,7 @@
       "version": "7.26.10",
       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.10.tgz",
       "integrity": "sha512-emqcG3vHrpxUKTrxcblR36dcrcoRDvKmnL/dCL6ZsHaShW80qxCAcNhzQZrpeM765VzEos+xOi4s+r4IXzTwdQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.25.9",
@@ -673,9 +677,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.1.tgz",
-      "integrity": "sha512-XsI1ImfgO87EdNucfmKESPN4djLyclNTwzU2AY7xSzSonKjTAft6qrK1/qU2ys829bmbM7/4+tHFb0UOnt3uHQ==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.4.tgz",
+      "integrity": "sha512-SLtTdvH42owno3rBjrq88W37v2TANDZntg7X1iZlwC1atbkpCC60BcY1Twsl48LzSOIO9eNeo6JDBmwN3NKKNQ==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.20.0",
@@ -865,12 +869,12 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.5.1.tgz",
-      "integrity": "sha512-pE4xBb85xkHKrM24Opi0FWnsjwvbpxf7062ZU8dQIArZVOwvwnX69OIbyR8tYZ49DWqhDzfRWdBXTmr30sMb5A==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.5.4.tgz",
+      "integrity": "sha512-/IgwbU4E6p0PTxpFYMliL9Vapd3vnSO+MQ07iXPbt6tjIZ1AvSaE8e+IKaAx/Ov1MvTsP30NwXl5WkViydZtxA==",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "8.5.1",
+        "@ionic/core": "8.5.4",
         "@stencil/vue-output-target": "0.10.7",
         "ionicons": "^7.0.0"
       }
@@ -1247,6 +1251,7 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
       "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
@@ -2089,6 +2094,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
       "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.25.3",
@@ -2102,6 +2108,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
       "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@vue/compiler-core": "3.5.13",
@@ -2112,6 +2119,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
       "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.25.3",
@@ -2129,6 +2137,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
       "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@vue/compiler-dom": "3.5.13",
@@ -2139,13 +2148,14 @@
       "version": "6.6.4",
       "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
       "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@vue/reactivity": {
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
       "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@vue/shared": "3.5.13"
@@ -2155,6 +2165,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
       "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@vue/reactivity": "3.5.13",
@@ -2165,6 +2176,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
       "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@vue/reactivity": "3.5.13",
@@ -2177,6 +2189,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
       "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@vue/compiler-ssr": "3.5.13",
@@ -2190,6 +2203,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
       "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/abab": {
@@ -2812,6 +2826,7 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/data-urls": {
@@ -3004,6 +3019,7 @@
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
@@ -3614,7 +3630,8 @@
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true
     },
     "node_modules/esutils": {
       "version": "2.0.3",
@@ -5767,6 +5784,7 @@
       "version": "0.30.17",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
       "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0"
@@ -5890,6 +5908,7 @@
       "version": "3.3.9",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.9.tgz",
       "integrity": "sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -6165,6 +6184,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/picomatch": {
@@ -6204,6 +6224,7 @@
       "version": "8.5.3",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
       "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -6642,6 +6663,7 @@
       "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==",
+      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -7099,7 +7121,7 @@
       "version": "4.7.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.7.3.tgz",
       "integrity": "sha512-WOkT3XYvrpXx4vMMqlD+8R8R37fZkjyLGlxavMc4iB8lrl8L0DeTcHbYgw/v0N/z9wAFsgBhcsF0ruoySS22mA==",
-      "devOptional": true,
+      "dev": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -7165,6 +7187,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz",
       "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@vue/compiler-dom": "3.5.13",
@@ -7186,7 +7209,7 @@
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.0.tgz",
       "integrity": "sha512-HDuk+PuH5monfNuY+ct49mNmkCRK4xJAV9Ts4z9UFc4rzdDnxQLyCMGGc8pKhZhHTVzfanpNwB/lwqevcBwI4w==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@vue/devtools-api": "^6.6.4"
@@ -7607,12 +7630,14 @@
     "@babel/helper-string-parser": {
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
-      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA=="
+      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "dev": true
     },
     "@babel/helper-validator-identifier": {
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
-      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ=="
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "dev": true
     },
     "@babel/helper-validator-option": {
       "version": "7.16.7",
@@ -7704,6 +7729,7 @@
       "version": "7.26.10",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.10.tgz",
       "integrity": "sha512-6aQR2zGE/QFi8JpDLjUZEPYOs7+mhKXm86VaKFiLP35JQwQb6bwUE+XbvkH0EptsYhbNBSUGaUBLKqxH1xSgsA==",
+      "dev": true,
       "requires": {
         "@babel/types": "^7.26.10"
       }
@@ -7858,6 +7884,7 @@
       "version": "7.26.10",
       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.10.tgz",
       "integrity": "sha512-emqcG3vHrpxUKTrxcblR36dcrcoRDvKmnL/dCL6ZsHaShW80qxCAcNhzQZrpeM765VzEos+xOi4s+r4IXzTwdQ==",
+      "dev": true,
       "requires": {
         "@babel/helper-string-parser": "^7.25.9",
         "@babel/helper-validator-identifier": "^7.25.9"
@@ -7927,9 +7954,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.1.tgz",
-      "integrity": "sha512-XsI1ImfgO87EdNucfmKESPN4djLyclNTwzU2AY7xSzSonKjTAft6qrK1/qU2ys829bmbM7/4+tHFb0UOnt3uHQ==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.4.tgz",
+      "integrity": "sha512-SLtTdvH42owno3rBjrq88W37v2TANDZntg7X1iZlwC1atbkpCC60BcY1Twsl48LzSOIO9eNeo6JDBmwN3NKKNQ==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -8038,15 +8065,14 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@ionic/prettier-config/-/prettier-config-2.0.0.tgz",
       "integrity": "sha512-ageMx54B9qqS1scnFW3kQW2NW8HyXwUM/p9c1YSWFKr6Yct7YVNbJFY3EcFapaNTiDnwo+GLlPRt+wST6E8AfA==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "@ionic/vue": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.5.1.tgz",
-      "integrity": "sha512-pE4xBb85xkHKrM24Opi0FWnsjwvbpxf7062ZU8dQIArZVOwvwnX69OIbyR8tYZ49DWqhDzfRWdBXTmr30sMb5A==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.5.4.tgz",
+      "integrity": "sha512-/IgwbU4E6p0PTxpFYMliL9Vapd3vnSO+MQ07iXPbt6tjIZ1AvSaE8e+IKaAx/Ov1MvTsP30NwXl5WkViydZtxA==",
       "requires": {
-        "@ionic/core": "8.5.1",
+        "@ionic/core": "8.5.4",
         "@stencil/vue-output-target": "0.10.7",
         "ionicons": "^7.0.0"
       }
@@ -8342,7 +8368,8 @@
     "@jridgewell/sourcemap-codec": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "dev": true
     },
     "@jridgewell/trace-mapping": {
       "version": "0.3.13",
@@ -8517,8 +8544,7 @@
     "@stencil/vue-output-target": {
       "version": "0.10.7",
       "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.10.7.tgz",
-      "integrity": "sha512-IYxDe+SLCkwhwsWRdynE31rTK1zN3hVwwojQ/V9lrN8Gnx4PTvrUQHiRno9jFo1dk+EaBZWX9gZSmXta0ZaZew==",
-      "requires": {}
+      "integrity": "sha512-IYxDe+SLCkwhwsWRdynE31rTK1zN3hVwwojQ/V9lrN8Gnx4PTvrUQHiRno9jFo1dk+EaBZWX9gZSmXta0ZaZew=="
     },
     "@tootallnate/once": {
       "version": "2.0.0",
@@ -8893,6 +8919,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
       "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
+      "dev": true,
       "requires": {
         "@babel/parser": "^7.25.3",
         "@vue/shared": "3.5.13",
@@ -8905,6 +8932,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
       "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
+      "dev": true,
       "requires": {
         "@vue/compiler-core": "3.5.13",
         "@vue/shared": "3.5.13"
@@ -8914,6 +8942,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
       "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
+      "dev": true,
       "requires": {
         "@babel/parser": "^7.25.3",
         "@vue/compiler-core": "3.5.13",
@@ -8930,6 +8959,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
       "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
+      "dev": true,
       "requires": {
         "@vue/compiler-dom": "3.5.13",
         "@vue/shared": "3.5.13"
@@ -8939,12 +8969,13 @@
       "version": "6.6.4",
       "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
       "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
-      "devOptional": true
+      "dev": true
     },
     "@vue/reactivity": {
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
       "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
+      "dev": true,
       "requires": {
         "@vue/shared": "3.5.13"
       }
@@ -8953,6 +8984,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
       "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
+      "dev": true,
       "requires": {
         "@vue/reactivity": "3.5.13",
         "@vue/shared": "3.5.13"
@@ -8962,6 +8994,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
       "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
+      "dev": true,
       "requires": {
         "@vue/reactivity": "3.5.13",
         "@vue/runtime-core": "3.5.13",
@@ -8973,6 +9006,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
       "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
+      "dev": true,
       "requires": {
         "@vue/compiler-ssr": "3.5.13",
         "@vue/shared": "3.5.13"
@@ -8981,7 +9015,8 @@
     "@vue/shared": {
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ=="
+      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "dev": true
     },
     "abab": {
       "version": "2.0.6",
@@ -9017,8 +9052,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "acorn-walk": {
       "version": "7.2.0",
@@ -9437,7 +9471,8 @@
     "csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "dev": true
     },
     "data-urls": {
       "version": "3.0.2",
@@ -9580,7 +9615,8 @@
     "entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true
     },
     "error-ex": {
       "version": "1.3.2",
@@ -10038,7 +10074,8 @@
     "estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true
     },
     "esutils": {
       "version": "2.0.3",
@@ -11223,8 +11260,7 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz",
       "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "jest-regex-util": {
       "version": "28.0.2",
@@ -11641,6 +11677,7 @@
       "version": "0.30.17",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
       "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "dev": true,
       "requires": {
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
@@ -11734,7 +11771,8 @@
     "nanoid": {
       "version": "3.3.9",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.9.tgz",
-      "integrity": "sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg=="
+      "integrity": "sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg==",
+      "dev": true
     },
     "natural-compare": {
       "version": "1.4.0",
@@ -11928,7 +11966,8 @@
     "picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true
     },
     "picomatch": {
       "version": "2.3.1",
@@ -11955,6 +11994,7 @@
       "version": "8.5.3",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
       "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
+      "dev": true,
       "requires": {
         "nanoid": "^3.3.8",
         "picocolors": "^1.1.1",
@@ -12236,7 +12276,8 @@
     "source-map-js": {
       "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=="
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true
     },
     "source-map-support": {
       "version": "0.5.13",
@@ -12572,7 +12613,7 @@
       "version": "4.7.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.7.3.tgz",
       "integrity": "sha512-WOkT3XYvrpXx4vMMqlD+8R8R37fZkjyLGlxavMc4iB8lrl8L0DeTcHbYgw/v0N/z9wAFsgBhcsF0ruoySS22mA==",
-      "devOptional": true
+      "dev": true
     },
     "unbox-primitive": {
       "version": "1.0.2",
@@ -12622,6 +12663,7 @@
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz",
       "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
+      "dev": true,
       "requires": {
         "@vue/compiler-dom": "3.5.13",
         "@vue/compiler-sfc": "3.5.13",
@@ -12634,7 +12676,7 @@
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.0.tgz",
       "integrity": "sha512-HDuk+PuH5monfNuY+ct49mNmkCRK4xJAV9Ts4z9UFc4rzdDnxQLyCMGGc8pKhZhHTVzfanpNwB/lwqevcBwI4w==",
-      "devOptional": true,
+      "dev": true,
       "requires": {
         "@vue/devtools-api": "^6.6.4"
       }
@@ -12768,8 +12810,7 @@
       "version": "8.8.0",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.8.0.tgz",
       "integrity": "sha512-JDAgSYQ1ksuwqfChJusw1LSJ8BizJ2e/vVu5Lxjq3YvNJNlROv1ui4i+c/kUUrPheBvQl4c5UbERhTwKa6QBJQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "xml-name-validator": {
       "version": "4.0.0",
diff --git a/packages/vue-router/package.json b/packages/vue-router/package.json
index a9b9926c9b4..67e6dea9146 100644
--- a/packages/vue-router/package.json
+++ b/packages/vue-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "description": "Vue Router integration for @ionic/vue",
   "scripts": {
     "test.spec": "jest",
@@ -44,7 +44,7 @@
   },
   "homepage": "https://github.com/ionic-team/ionic-framework#readme",
   "dependencies": {
-    "@ionic/vue": "^8.5.1"
+    "@ionic/vue": "^8.5.4"
   },
   "devDependencies": {
     "@ionic/eslint-config": "^0.3.0",
diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md
index de4c273ca87..5a3cc8518c5 100644
--- a/packages/vue/CHANGELOG.md
+++ b/packages/vue/CHANGELOG.md
@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.5.4](https://github.com/ionic-team/ionic-framework/compare/v8.5.3...v8.5.4) (2025-04-09)
+
+**Note:** Version bump only for package @ionic/vue
+
+
+
+
+
+## [8.5.3](https://github.com/ionic-team/ionic-framework/compare/v8.5.2...v8.5.3) (2025-04-02)
+
+**Note:** Version bump only for package @ionic/vue
+
+
+
+
+
+## [8.5.2](https://github.com/ionic-team/ionic-framework/compare/v8.5.1...v8.5.2) (2025-03-26)
+
+**Note:** Version bump only for package @ionic/vue
+
+
+
+
+
 ## [8.5.1](https://github.com/ionic-team/ionic-framework/compare/v8.5.0...v8.5.1) (2025-03-19)
 
 
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index d6b0221b66c..d1f880cb3fd 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue",
-      "version": "8.5.1",
+      "version": "8.5.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.5.1",
+        "@ionic/core": "^8.5.4",
         "@stencil/vue-output-target": "0.10.7",
         "ionicons": "^7.0.0"
       },
@@ -226,9 +226,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.1.tgz",
-      "integrity": "sha512-XsI1ImfgO87EdNucfmKESPN4djLyclNTwzU2AY7xSzSonKjTAft6qrK1/qU2ys829bmbM7/4+tHFb0UOnt3uHQ==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.4.tgz",
+      "integrity": "sha512-SLtTdvH42owno3rBjrq88W37v2TANDZntg7X1iZlwC1atbkpCC60BcY1Twsl48LzSOIO9eNeo6JDBmwN3NKKNQ==",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.20.0",
@@ -4079,9 +4079,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.1.tgz",
-      "integrity": "sha512-XsI1ImfgO87EdNucfmKESPN4djLyclNTwzU2AY7xSzSonKjTAft6qrK1/qU2ys829bmbM7/4+tHFb0UOnt3uHQ==",
+      "version": "8.5.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.5.4.tgz",
+      "integrity": "sha512-SLtTdvH42owno3rBjrq88W37v2TANDZntg7X1iZlwC1atbkpCC60BcY1Twsl48LzSOIO9eNeo6JDBmwN3NKKNQ==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
diff --git a/packages/vue/package.json b/packages/vue/package.json
index b31fa9c2815..e5d06ec0a5c 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "description": "Vue specific wrapper for @ionic/core",
   "scripts": {
     "eslint": "eslint src",
@@ -67,7 +67,7 @@
     "vue-router": "^4.0.16"
   },
   "dependencies": {
-    "@ionic/core": "^8.5.1",
+    "@ionic/core": "^8.5.4",
     "@stencil/vue-output-target": "0.10.7",
     "ionicons": "^7.0.0"
   },