From 2d6eeee26762fcf1c71290900941a063c67142f4 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Thu, 31 Oct 2024 10:46:12 -0400
Subject: [PATCH 1/7] test(alert): skip flaky test (#29985)

---
 core/src/components/alert/test/a11y/alert.e2e.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/core/src/components/alert/test/a11y/alert.e2e.ts b/core/src/components/alert/test/a11y/alert.e2e.ts
index 12add8b2eca..b5aeb63d051 100644
--- a/core/src/components/alert/test/a11y/alert.e2e.ts
+++ b/core/src/components/alert/test/a11y/alert.e2e.ts
@@ -279,7 +279,10 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
 
       await expect(page).toHaveScreenshot(screenshot(`alert-radio-scale`));
     });
-    test('should scale text on larger font sizes with text fields', async ({ page }) => {
+    test('should scale text on larger font sizes with text fields', async ({ page, skip }) => {
+      // TODO(ROU-8158): unskip this test when a solution is found
+      skip.browser('chromium', 'Rendering is flaky in Chrome.');
+
       await page.setContent(
         `
         <style>

From ee2fa19a1e9f09d492c7c08340d95ba6a56ebb2b Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Tue, 22 Oct 2024 10:55:45 -0400
Subject: [PATCH 2/7] feat(menu): pass role to ionWillClose and ionDidClose
 events (#29954)

- Adds the `MenuCloseEventDetail` interface which includes an optional `role` property
- The `ionWillClose` and `ionDidClose` emit the `role` property for the following scenarios:
  - A role of `'gesture'` when dragging the menu closed
- A role of `'backdrop'` when clicking on the backdrop to close the menu
- A role of `'backdrop'` when the the menu is closed using the escape key
- A role of `undefined` when the menu is closed from a button inside of
the menu
---
 core/api.txt                                  |  8 +-
 core/src/components.d.ts                      | 16 ++--
 core/src/components/menu/menu-interface.ts    |  8 +-
 core/src/components/menu/menu.tsx             | 40 ++++----
 .../src/components/menu/test/basic/index.html | 17 +++-
 .../components/menu/test/basic/menu.e2e.ts    | 93 ++++++++++++++++++-
 .../components/modal/test/sheet/index.html    |  7 ++
 core/src/utils/menu-controller/index.ts       |  4 +-
 packages/angular/src/directives/proxies.ts    |  6 +-
 .../standalone/src/directives/proxies.ts      |  6 +-
 10 files changed, 163 insertions(+), 42 deletions(-)

diff --git a/core/api.txt b/core/api.txt
index bd0490e45fc..de7c3531974 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -1000,15 +1000,15 @@ ion-menu,prop,menuId,string | undefined,undefined,false,true
 ion-menu,prop,side,"end" | "start",'start',false,true
 ion-menu,prop,swipeGesture,boolean,true,false,false
 ion-menu,prop,type,"overlay" | "push" | "reveal" | undefined,undefined,false,false
-ion-menu,method,close,close(animated?: boolean) => Promise<boolean>
+ion-menu,method,close,close(animated?: boolean, role?: string) => Promise<boolean>
 ion-menu,method,isActive,isActive() => Promise<boolean>
 ion-menu,method,isOpen,isOpen() => Promise<boolean>
 ion-menu,method,open,open(animated?: boolean) => Promise<boolean>
-ion-menu,method,setOpen,setOpen(shouldOpen: boolean, animated?: boolean) => Promise<boolean>
+ion-menu,method,setOpen,setOpen(shouldOpen: boolean, animated?: boolean, role?: string) => Promise<boolean>
 ion-menu,method,toggle,toggle(animated?: boolean) => Promise<boolean>
-ion-menu,event,ionDidClose,void,true
+ion-menu,event,ionDidClose,MenuCloseEventDetail,true
 ion-menu,event,ionDidOpen,void,true
-ion-menu,event,ionWillClose,void,true
+ion-menu,event,ionWillClose,MenuCloseEventDetail,true
 ion-menu,event,ionWillOpen,void,true
 ion-menu,css-prop,--background,ios
 ion-menu,css-prop,--background,md
diff --git a/core/src/components.d.ts b/core/src/components.d.ts
index db9530b3404..f0cd3d081ad 100644
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
@@ -18,7 +18,7 @@ import { ScrollBaseDetail, ScrollDetail } from "./components/content/content-int
 import { DatetimeChangeEventDetail, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, DatetimePresentation, FormatOptions, TitleSelectedDatesFormatter } from "./components/datetime/datetime-interface";
 import { SpinnerTypes } from "./components/spinner/spinner-configs";
 import { InputChangeEventDetail, InputInputEventDetail } from "./components/input/input-interface";
-import { MenuChangeEventDetail, MenuType, Side } from "./components/menu/menu-interface";
+import { MenuChangeEventDetail, MenuCloseEventDetail, MenuType, Side } from "./components/menu/menu-interface";
 import { ModalBreakpointChangeEventDetail, ModalHandleBehavior } from "./components/modal/modal-interface";
 import { NavComponent, NavComponentWithProps, NavOptions, RouterOutletOptions, SwipeGestureHandler, TransitionDoneFn, TransitionInstruction } from "./components/nav/nav-interface";
 import { ViewController } from "./components/nav/view-controller";
@@ -53,7 +53,7 @@ export { ScrollBaseDetail, ScrollDetail } from "./components/content/content-int
 export { DatetimeChangeEventDetail, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, DatetimePresentation, FormatOptions, TitleSelectedDatesFormatter } from "./components/datetime/datetime-interface";
 export { SpinnerTypes } from "./components/spinner/spinner-configs";
 export { InputChangeEventDetail, InputInputEventDetail } from "./components/input/input-interface";
-export { MenuChangeEventDetail, MenuType, Side } from "./components/menu/menu-interface";
+export { MenuChangeEventDetail, MenuCloseEventDetail, MenuType, Side } from "./components/menu/menu-interface";
 export { ModalBreakpointChangeEventDetail, ModalHandleBehavior } from "./components/modal/modal-interface";
 export { NavComponent, NavComponentWithProps, NavOptions, RouterOutletOptions, SwipeGestureHandler, TransitionDoneFn, TransitionInstruction } from "./components/nav/nav-interface";
 export { ViewController } from "./components/nav/view-controller";
@@ -1596,7 +1596,7 @@ export namespace Components {
         /**
           * Closes the menu. If the menu is already closed or it can't be closed, it returns `false`.
          */
-        "close": (animated?: boolean) => Promise<boolean>;
+        "close": (animated?: boolean, role?: string) => Promise<boolean>;
         /**
           * The `id` of the main content. When using a router this is typically `ion-router-outlet`. When not using a router, this is typically your main view's `ion-content`. This is not the id of the `ion-content` inside of your `ion-menu`.
          */
@@ -1628,7 +1628,7 @@ export namespace Components {
         /**
           * Opens or closes the button. If the operation can't be completed successfully, it returns `false`.
          */
-        "setOpen": (shouldOpen: boolean, animated?: boolean) => Promise<boolean>;
+        "setOpen": (shouldOpen: boolean, animated?: boolean, role?: string) => Promise<boolean>;
         /**
           * Which side of the view the menu should be placed.
          */
@@ -3969,9 +3969,9 @@ declare global {
     };
     interface HTMLIonMenuElementEventMap {
         "ionWillOpen": void;
-        "ionWillClose": void;
+        "ionWillClose": MenuCloseEventDetail;
         "ionDidOpen": void;
-        "ionDidClose": void;
+        "ionDidClose": MenuCloseEventDetail;
         "ionMenuChange": MenuChangeEventDetail;
     }
     interface HTMLIonMenuElement extends Components.IonMenu, HTMLStencilElement {
@@ -6364,7 +6364,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the menu is closed.
          */
-        "onIonDidClose"?: (event: IonMenuCustomEvent<void>) => void;
+        "onIonDidClose"?: (event: IonMenuCustomEvent<MenuCloseEventDetail>) => void;
         /**
           * Emitted when the menu is open.
          */
@@ -6376,7 +6376,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the menu is about to be closed.
          */
-        "onIonWillClose"?: (event: IonMenuCustomEvent<void>) => void;
+        "onIonWillClose"?: (event: IonMenuCustomEvent<MenuCloseEventDetail>) => void;
         /**
           * Emitted when the menu is about to be opened.
          */
diff --git a/core/src/components/menu/menu-interface.ts b/core/src/components/menu/menu-interface.ts
index f7aba9d8305..44ef985f0ce 100644
--- a/core/src/components/menu/menu-interface.ts
+++ b/core/src/components/menu/menu-interface.ts
@@ -22,7 +22,7 @@ export interface MenuI {
   close(animated?: boolean): Promise<boolean>;
   toggle(animated?: boolean): Promise<boolean>;
   setOpen(shouldOpen: boolean, animated?: boolean): Promise<boolean>;
-  _setOpen(shouldOpen: boolean, animated?: boolean): Promise<boolean>;
+  _setOpen(shouldOpen: boolean, animated?: boolean, role?: string): Promise<boolean>;
 }
 
 export interface MenuControllerI {
@@ -42,7 +42,7 @@ export interface MenuControllerI {
   _createAnimation(type: string, menuCmp: MenuI): Promise<Animation>;
   _register(menu: MenuI): void;
   _unregister(menu: MenuI): void;
-  _setOpen(menu: MenuI, shouldOpen: boolean, animated: boolean): Promise<boolean>;
+  _setOpen(menu: MenuI, shouldOpen: boolean, animated: boolean, role?: string): Promise<boolean>;
 }
 
 export interface MenuChangeEventDetail {
@@ -50,6 +50,10 @@ export interface MenuChangeEventDetail {
   open: boolean;
 }
 
+export interface MenuCloseEventDetail {
+  role?: string;
+}
+
 export interface MenuCustomEvent<T = any> extends CustomEvent {
   detail: T;
   target: HTMLIonMenuElement;
diff --git a/core/src/components/menu/menu.tsx b/core/src/components/menu/menu.tsx
index 622d1d3e892..d83e53abb39 100644
--- a/core/src/components/menu/menu.tsx
+++ b/core/src/components/menu/menu.tsx
@@ -7,14 +7,14 @@ import { shouldUseCloseWatcher } from '@utils/hardware-back-button';
 import type { Attributes } from '@utils/helpers';
 import { inheritAriaAttributes, assert, clamp, isEndSide as isEnd } from '@utils/helpers';
 import { menuController } from '@utils/menu-controller';
-import { getPresentedOverlay } from '@utils/overlays';
+import { BACKDROP, GESTURE, getPresentedOverlay } from '@utils/overlays';
 import { hostContext } from '@utils/theme';
 
 import { config } from '../../global/config';
 import { getIonMode } from '../../global/ionic-global';
 import type { Animation, Gesture, GestureDetail } from '../../interface';
 
-import type { MenuChangeEventDetail, MenuI, MenuType, Side } from './menu-interface';
+import type { MenuChangeEventDetail, MenuCloseEventDetail, MenuI, MenuType, Side } from './menu-interface';
 
 const iosEasing = 'cubic-bezier(0.32,0.72,0,1)';
 const mdEasing = 'cubic-bezier(0.0,0.0,0.2,1)';
@@ -179,7 +179,7 @@ export class Menu implements ComponentInterface, MenuI {
   /**
    * Emitted when the menu is about to be closed.
    */
-  @Event() ionWillClose!: EventEmitter<void>;
+  @Event() ionWillClose!: EventEmitter<MenuCloseEventDetail>;
   /**
    * Emitted when the menu is open.
    */
@@ -188,7 +188,7 @@ export class Menu implements ComponentInterface, MenuI {
   /**
    * Emitted when the menu is closed.
    */
-  @Event() ionDidClose!: EventEmitter<void>;
+  @Event() ionDidClose!: EventEmitter<MenuCloseEventDetail>;
 
   /**
    * Emitted when the menu state is changed.
@@ -331,14 +331,14 @@ export class Menu implements ComponentInterface, MenuI {
       if (shouldClose) {
         ev.preventDefault();
         ev.stopPropagation();
-        this.close();
+        this.close(undefined, BACKDROP);
       }
     }
   }
 
   onKeydown(ev: KeyboardEvent) {
     if (ev.key === 'Escape') {
-      this.close();
+      this.close(undefined, BACKDROP);
     }
   }
 
@@ -375,8 +375,8 @@ export class Menu implements ComponentInterface, MenuI {
    * it returns `false`.
    */
   @Method()
-  close(animated = true): Promise<boolean> {
-    return this.setOpen(false, animated);
+  close(animated = true, role?: string): Promise<boolean> {
+    return this.setOpen(false, animated, role);
   }
 
   /**
@@ -393,8 +393,8 @@ export class Menu implements ComponentInterface, MenuI {
    * If the operation can't be completed successfully, it returns `false`.
    */
   @Method()
-  setOpen(shouldOpen: boolean, animated = true): Promise<boolean> {
-    return menuController._setOpen(this, shouldOpen, animated);
+  setOpen(shouldOpen: boolean, animated = true, role?: string): Promise<boolean> {
+    return menuController._setOpen(this, shouldOpen, animated, role);
   }
 
   private trapKeyboardFocus(ev: Event, doc: Document) {
@@ -438,13 +438,13 @@ export class Menu implements ComponentInterface, MenuI {
     }
   }
 
-  async _setOpen(shouldOpen: boolean, animated = true): Promise<boolean> {
+  async _setOpen(shouldOpen: boolean, animated = true, role?: string): Promise<boolean> {
     // If the menu is disabled or it is currently being animated, let's do nothing
     if (!this._isActive() || this.isAnimating || shouldOpen === this._isOpen) {
       return false;
     }
 
-    this.beforeAnimation(shouldOpen);
+    this.beforeAnimation(shouldOpen, role);
 
     await this.loadAnimation();
     await this.startAnimation(shouldOpen, animated);
@@ -459,7 +459,7 @@ export class Menu implements ComponentInterface, MenuI {
       return false;
     }
 
-    this.afterAnimation(shouldOpen);
+    this.afterAnimation(shouldOpen, role);
 
     return true;
   }
@@ -542,7 +542,7 @@ export class Menu implements ComponentInterface, MenuI {
   }
 
   private onWillStart(): Promise<void> {
-    this.beforeAnimation(!this._isOpen);
+    this.beforeAnimation(!this._isOpen, GESTURE);
     return this.loadAnimation();
   }
 
@@ -624,11 +624,11 @@ export class Menu implements ComponentInterface, MenuI {
 
     this.animation
       .easing('cubic-bezier(0.4, 0.0, 0.6, 1)')
-      .onFinish(() => this.afterAnimation(shouldOpen), { oneTimeCallback: true })
+      .onFinish(() => this.afterAnimation(shouldOpen, GESTURE), { oneTimeCallback: true })
       .progressEnd(playTo ? 1 : 0, this._isOpen ? 1 - newStepValue : newStepValue, 300);
   }
 
-  private beforeAnimation(shouldOpen: boolean) {
+  private beforeAnimation(shouldOpen: boolean, role?: string) {
     assert(!this.isAnimating, '_before() should not be called while animating');
 
     // this places the menu into the correct location before it animates in
@@ -671,11 +671,11 @@ export class Menu implements ComponentInterface, MenuI {
     if (shouldOpen) {
       this.ionWillOpen.emit();
     } else {
-      this.ionWillClose.emit();
+      this.ionWillClose.emit({ role });
     }
   }
 
-  private afterAnimation(isOpen: boolean) {
+  private afterAnimation(isOpen: boolean, role?: string) {
     // keep opening/closing the menu disabled for a touch more yet
     // only add listeners/css if it's enabled and isOpen
     // and only remove listeners/css if it's not open
@@ -731,7 +731,7 @@ export class Menu implements ComponentInterface, MenuI {
       }
 
       // emit close event
-      this.ionDidClose.emit();
+      this.ionDidClose.emit({ role });
 
       // undo focus trapping so multiple menus don't collide
       document.removeEventListener('focus', this.handleFocus, true);
@@ -767,7 +767,7 @@ export class Menu implements ComponentInterface, MenuI {
        * If the menu is disabled then we should
        * forcibly close the menu even if it is open.
        */
-      this.afterAnimation(false);
+      this.afterAnimation(false, GESTURE);
     }
   }
 
diff --git a/core/src/components/menu/test/basic/index.html b/core/src/components/menu/test/basic/index.html
index 34a90240abb..4e79a4fbb21 100644
--- a/core/src/components/menu/test/basic/index.html
+++ b/core/src/components/menu/test/basic/index.html
@@ -51,7 +51,9 @@
         </ion-header>
         <ion-content>
           <ion-list>
-            <ion-button id="start-menu-button">Button</ion-button>
+            <ion-menu-toggle>
+              <ion-button id="start-menu-button">Button</ion-button>
+            </ion-menu-toggle>
             <ion-item>Menu Item</ion-item>
             <ion-item>Menu Item</ion-item>
             <ion-item>Menu Item</ion-item>
@@ -125,6 +127,19 @@
     </ion-app>
 
     <script>
+      window.addEventListener('ionWillOpen', function (e) {
+        console.log('ionWillOpen', e);
+      });
+      window.addEventListener('ionDidOpen', function (e) {
+        console.log('ionDidOpen', e);
+      });
+      window.addEventListener('ionWillClose', function (e) {
+        console.log('ionWillClose', e);
+      });
+      window.addEventListener('ionDidClose', function (e) {
+        console.log('ionDidClose', e);
+      });
+
       async function openStart() {
         // Open the menu by menu-id
         await menuController.enable(true, 'start-menu');
diff --git a/core/src/components/menu/test/basic/menu.e2e.ts b/core/src/components/menu/test/basic/menu.e2e.ts
index 4a9faeca612..e715469f282 100644
--- a/core/src/components/menu/test/basic/menu.e2e.ts
+++ b/core/src/components/menu/test/basic/menu.e2e.ts
@@ -1,7 +1,7 @@
 import type { Locator } from '@playwright/test';
 import { expect } from '@playwright/test';
 import type { E2EPage, ScreenshotFn } from '@utils/test/playwright';
-import { configs, test } from '@utils/test/playwright';
+import { configs, dragElementBy, test } from '@utils/test/playwright';
 
 configs().forEach(({ title, config, screenshot }) => {
   test.describe(title('menu: rendering'), () => {
@@ -140,6 +140,97 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
   });
 });
 
+/**
+ * This behavior does not vary across modes/directions
+ */
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('menu: events'), () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto(`/src/components/menu/test/basic`, config);
+    });
+
+    test('should pass role when swiping to close', async ({ page }) => {
+      const ionDidOpen = await page.spyOnEvent('ionDidOpen');
+      const ionWillClose = await page.spyOnEvent('ionWillClose');
+      const ionDidClose = await page.spyOnEvent('ionDidClose');
+
+      await page.click('#open-start');
+      await ionDidOpen.next();
+
+      const menu = page.locator('#start-menu');
+      await dragElementBy(menu, page, -150, 0);
+
+      await ionWillClose.next();
+      await ionDidClose.next();
+      await expect(ionWillClose).toHaveReceivedEventDetail({ role: 'gesture' });
+      await expect(ionDidClose).toHaveReceivedEventDetail({ role: 'gesture' });
+    });
+
+    test('should pass role when clicking backdrop to close', async ({ page }) => {
+      const ionDidOpen = await page.spyOnEvent('ionDidOpen');
+      const ionWillClose = await page.spyOnEvent('ionWillClose');
+      const ionDidClose = await page.spyOnEvent('ionDidClose');
+
+      await page.click('#open-start');
+      await ionDidOpen.next();
+
+      const menu = page.locator('#start-menu');
+      const backdrop = menu.locator('ion-backdrop');
+
+      /**
+       * Coordinates for the click event.
+       * These need to be near the right edge of the backdrop
+       * in order to avoid clicking on the menu.
+       */
+      const backdropBoundingBox = await backdrop.boundingBox();
+      const x = backdropBoundingBox!.width - 50;
+      const y = backdropBoundingBox!.height - 50;
+
+      // Click near the right side of the backdrop.
+      await backdrop.click({
+        position: { x, y },
+      });
+
+      await ionWillClose.next();
+      await ionDidClose.next();
+      await expect(ionWillClose).toHaveReceivedEventDetail({ role: 'backdrop' });
+      await expect(ionDidClose).toHaveReceivedEventDetail({ role: 'backdrop' });
+    });
+
+    test('should pass role when pressing escape key to close', async ({ page }) => {
+      const ionDidOpen = await page.spyOnEvent('ionDidOpen');
+      const ionWillClose = await page.spyOnEvent('ionWillClose');
+      const ionDidClose = await page.spyOnEvent('ionDidClose');
+
+      await page.click('#open-start');
+      await ionDidOpen.next();
+
+      await page.keyboard.press('Escape');
+
+      await ionWillClose.next();
+      await ionDidClose.next();
+      await expect(ionWillClose).toHaveReceivedEventDetail({ role: 'backdrop' });
+      await expect(ionDidClose).toHaveReceivedEventDetail({ role: 'backdrop' });
+    });
+
+    test('should not pass role when clicking a menu toggle button to close', async ({ page }) => {
+      const ionDidOpen = await page.spyOnEvent('ionDidOpen');
+      const ionWillClose = await page.spyOnEvent('ionWillClose');
+      const ionDidClose = await page.spyOnEvent('ionDidClose');
+
+      await page.click('#open-start');
+      await ionDidOpen.next();
+
+      await page.click('#start-menu-button');
+
+      await ionWillClose.next();
+      await ionDidClose.next();
+      await expect(ionWillClose).toHaveReceivedEventDetail({ role: undefined });
+      await expect(ionDidClose).toHaveReceivedEventDetail({ role: undefined });
+    });
+  });
+});
+
 async function testMenu(page: E2EPage, menu: Locator, menuId: string, screenshot: ScreenshotFn) {
   const ionDidOpen = await page.spyOnEvent('ionDidOpen');
   const ionDidClose = await page.spyOnEvent('ionDidClose');
diff --git a/core/src/components/modal/test/sheet/index.html b/core/src/components/modal/test/sheet/index.html
index 45a120e698b..bc4ba338001 100644
--- a/core/src/components/modal/test/sheet/index.html
+++ b/core/src/components/modal/test/sheet/index.html
@@ -154,6 +154,13 @@
       </div>
     </ion-app>
     <script>
+      window.addEventListener('ionModalDidDismiss', function (e) {
+        console.log('DidDismiss', e);
+      });
+      window.addEventListener('ionModalWillDismiss', function (e) {
+        console.log('WillDismiss', e);
+      });
+
       function createModal(options) {
         let items = '';
 
diff --git a/core/src/utils/menu-controller/index.ts b/core/src/utils/menu-controller/index.ts
index aa09e8a825d..dca6c5bc8ce 100644
--- a/core/src/utils/menu-controller/index.ts
+++ b/core/src/utils/menu-controller/index.ts
@@ -174,7 +174,7 @@ const createMenuController = (): MenuControllerI => {
     }
   };
 
-  const _setOpen = async (menu: MenuI, shouldOpen: boolean, animated: boolean): Promise<boolean> => {
+  const _setOpen = async (menu: MenuI, shouldOpen: boolean, animated: boolean, role: string): Promise<boolean> => {
     if (isAnimatingSync()) {
       return false;
     }
@@ -184,7 +184,7 @@ const createMenuController = (): MenuControllerI => {
         await openedMenu.setOpen(false, false);
       }
     }
-    return menu._setOpen(shouldOpen, animated);
+    return menu._setOpen(shouldOpen, animated, role);
   };
 
   const _createAnimation = (type: string, menuCmp: MenuI) => {
diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts
index 0f10c6bb5b5..89558cb46a1 100644
--- a/packages/angular/src/directives/proxies.ts
+++ b/packages/angular/src/directives/proxies.ts
@@ -1334,6 +1334,8 @@ export class IonMenu {
 }
 
 
+import type { MenuCloseEventDetail as IIonMenuMenuCloseEventDetail } from '@ionic/core';
+
 export declare interface IonMenu extends Components.IonMenu {
   /**
    * Emitted when the menu is about to be opened.
@@ -1342,7 +1344,7 @@ export declare interface IonMenu extends Components.IonMenu {
   /**
    * Emitted when the menu is about to be closed.
    */
-  ionWillClose: EventEmitter<CustomEvent<void>>;
+  ionWillClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
   /**
    * Emitted when the menu is open.
    */
@@ -1350,7 +1352,7 @@ export declare interface IonMenu extends Components.IonMenu {
   /**
    * Emitted when the menu is closed.
    */
-  ionDidClose: EventEmitter<CustomEvent<void>>;
+  ionDidClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
 }
 
 
diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts
index bc90bec4d03..b0426e56968 100644
--- a/packages/angular/standalone/src/directives/proxies.ts
+++ b/packages/angular/standalone/src/directives/proxies.ts
@@ -1319,6 +1319,8 @@ export class IonMenu {
 }
 
 
+import type { MenuCloseEventDetail as IIonMenuMenuCloseEventDetail } from '@ionic/core/components';
+
 export declare interface IonMenu extends Components.IonMenu {
   /**
    * Emitted when the menu is about to be opened.
@@ -1327,7 +1329,7 @@ export declare interface IonMenu extends Components.IonMenu {
   /**
    * Emitted when the menu is about to be closed.
    */
-  ionWillClose: EventEmitter<CustomEvent<void>>;
+  ionWillClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
   /**
    * Emitted when the menu is open.
    */
@@ -1335,7 +1337,7 @@ export declare interface IonMenu extends Components.IonMenu {
   /**
    * Emitted when the menu is closed.
    */
-  ionDidClose: EventEmitter<CustomEvent<void>>;
+  ionDidClose: EventEmitter<CustomEvent<IIonMenuMenuCloseEventDetail>>;
 }
 
 

From 0fdcb32ce0f99b284b314f79f7d0b071bc37faec Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Fri, 25 Oct 2024 11:14:33 -0400
Subject: [PATCH 3/7] fix(alert): use correct heading structure for subHeader
 when header exists (#29964)

- The `header` will continue to always render as an `<h2>` element.
- If there is no `header` defined, the `subHeader` will continue to render as an `<h2>` element.
- If there is a `header` defined, the `subHeader` will render as an `<h3>` element.
- Updates `ariaLabelledBy` to include both `header` and `subHeader` ids when both are defined.
- Updates the `a11y` e2e test to use new values & check for tag names.
---
 core/src/components/alert/alert.tsx           | 17 +++++++--
 .../components/alert/test/a11y/alert.e2e.ts   | 37 +++++++++++++++++--
 .../src/components/alert/test/a11y/index.html | 19 +++++++---
 3 files changed, 59 insertions(+), 14 deletions(-)

diff --git a/core/src/components/alert/alert.tsx b/core/src/components/alert/alert.tsx
index 06348e8c065..ee2e07244ca 100644
--- a/core/src/components/alert/alert.tsx
+++ b/core/src/components/alert/alert.tsx
@@ -730,10 +730,12 @@ export class Alert implements ComponentInterface, OverlayInterface {
     const role = this.inputs.length > 0 || this.buttons.length > 0 ? 'alertdialog' : 'alert';
 
     /**
-     * If the header is defined, use that. Otherwise, fall back to the subHeader.
-     * If neither is defined, don't set aria-labelledby.
+     * Use both the header and subHeader ids if they are defined.
+     * If only the header is defined, use the header id.
+     * If only the subHeader is defined, use the subHeader id.
+     * If neither are defined, do not set aria-labelledby.
      */
-    const ariaLabelledBy = header ? hdrId : subHeader ? subHdrId : null;
+    const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
 
     return (
       <Host
@@ -766,11 +768,18 @@ export class Alert implements ComponentInterface, OverlayInterface {
                 {header}
               </h2>
             )}
-            {subHeader && (
+            {/* If no header exists, subHeader should be the highest heading level, h2 */}
+            {subHeader && !header && (
               <h2 id={subHdrId} class="alert-sub-title">
                 {subHeader}
               </h2>
             )}
+            {/* If a header exists, subHeader should be one level below it, h3 */}
+            {subHeader && header && (
+              <h3 id={subHdrId} class="alert-sub-title">
+                {subHeader}
+              </h3>
+            )}
           </div>
 
           {this.renderAlertMessage(msgId)}
diff --git a/core/src/components/alert/test/a11y/alert.e2e.ts b/core/src/components/alert/test/a11y/alert.e2e.ts
index b5aeb63d051..df6a8b47dbc 100644
--- a/core/src/components/alert/test/a11y/alert.e2e.ts
+++ b/core/src/components/alert/test/a11y/alert.e2e.ts
@@ -17,6 +17,27 @@ const testAria = async (
 
   const alert = page.locator('ion-alert');
 
+  const header = alert.locator('.alert-title');
+  const subHeader = alert.locator('.alert-sub-title');
+
+  // If a header exists, it should be an h2 element
+  if ((await header.count()) > 0) {
+    const headerTagName = await header.evaluate((el) => el.tagName);
+    expect(headerTagName).toBe('H2');
+  }
+
+  // If a header and subHeader exist, the subHeader should be an h3 element
+  if ((await header.count()) > 0 && (await subHeader.count()) > 0) {
+    const subHeaderTagName = await subHeader.evaluate((el) => el.tagName);
+    expect(subHeaderTagName).toBe('H3');
+  }
+
+  // If a subHeader exists without a header, the subHeader should be an h2 element
+  if ((await header.count()) === 0 && (await subHeader.count()) > 0) {
+    const subHeaderTagName = await subHeader.evaluate((el) => el.tagName);
+    expect(subHeaderTagName).toBe('H2');
+  }
+
   /**
    * expect().toHaveAttribute() can't check for a null value, so grab and check
    * the values manually instead.
@@ -124,16 +145,24 @@ configs({ directions: ['ltr'] }).forEach(({ config, title }) => {
       await page.goto(`/src/components/alert/test/a11y`, config);
     });
 
-    test('should have aria-labelledby when header is set', async ({ page }) => {
-      await testAria(page, 'noMessage', 'alert-1-hdr', null);
+    test('should have aria-labelledby set to both when header and subHeader are set', async ({ page }) => {
+      await testAria(page, 'bothHeadersOnly', 'alert-1-hdr alert-1-sub-hdr', null);
+    });
+
+    test('should have aria-labelledby set when only header is set', async ({ page }) => {
+      await testAria(page, 'headerOnly', 'alert-1-hdr', null);
+    });
+
+    test('should fall back to subHeader for aria-labelledby if header is not defined', async ({ page }) => {
+      await testAria(page, 'subHeaderOnly', 'alert-1-sub-hdr', null);
     });
 
     test('should have aria-describedby when message is set', async ({ page }) => {
       await testAria(page, 'noHeaders', null, 'alert-1-msg');
     });
 
-    test('should fall back to subHeader for aria-labelledby if header is not defined', async ({ page }) => {
-      await testAria(page, 'subHeaderOnly', 'alert-1-sub-hdr', 'alert-1-msg');
+    test('should have aria-labelledby and aria-describedby when headers and message are set', async ({ page }) => {
+      await testAria(page, 'headersAndMessage', 'alert-1-hdr alert-1-sub-hdr', 'alert-1-msg');
     });
 
     test('should allow for manually specifying aria attributes', async ({ page }) => {
diff --git a/core/src/components/alert/test/a11y/index.html b/core/src/components/alert/test/a11y/index.html
index 00b3e1d928c..cb137ba7314 100644
--- a/core/src/components/alert/test/a11y/index.html
+++ b/core/src/components/alert/test/a11y/index.html
@@ -19,10 +19,11 @@
     <main class="ion-padding">
       <h1>Alert - A11y</h1>
 
-      <button class="expand" id="bothHeaders" onclick="presentBothHeaders()">Both Headers</button>
+      <button class="expand" id="bothHeadersOnly" onclick="presentBothHeadersOnly()">Both Headers Only</button>
+      <button class="expand" id="headerOnly" onclick="presentHeaderOnly()">Header Only</button>
       <button class="expand" id="subHeaderOnly" onclick="presentSubHeaderOnly()">Subheader Only</button>
       <button class="expand" id="noHeaders" onclick="presentNoHeaders()">No Headers</button>
-      <button class="expand" id="noMessage" onclick="presentNoMessage()">No Message</button>
+      <button class="expand" id="headersAndMessage" onclick="presentHeadersAndMessage()">Headers and Message</button>
       <button class="expand" id="customAria" onclick="presentCustomAria()">Custom Aria</button>
       <button class="expand" id="ariaLabelButton" onclick="presentAriaLabelButton()">Aria Label Button</button>
       <button class="expand" id="checkbox" onclick="presentAlertCheckbox()">Checkbox</button>
@@ -34,11 +35,17 @@ <h1>Alert - A11y</h1>
         await alert.present();
       }
 
-      function presentBothHeaders() {
+      function presentBothHeadersOnly() {
         openAlert({
           header: 'Header',
           subHeader: 'Subtitle',
-          message: 'This is an alert message.',
+          buttons: ['OK'],
+        });
+      }
+
+      function presentHeaderOnly() {
+        openAlert({
+          header: 'Header',
           buttons: ['OK'],
         });
       }
@@ -46,7 +53,6 @@ <h1>Alert - A11y</h1>
       function presentSubHeaderOnly() {
         openAlert({
           subHeader: 'Subtitle',
-          message: 'This is an alert message.',
           buttons: ['OK'],
         });
       }
@@ -58,10 +64,11 @@ <h1>Alert - A11y</h1>
         });
       }
 
-      function presentNoMessage() {
+      function presentHeadersAndMessage() {
         openAlert({
           header: 'Header',
           subHeader: 'Subtitle',
+          message: 'This is an alert message.',
           buttons: ['OK'],
         });
       }

From 3628ea875a66a717783de5e0a4df440872339040 Mon Sep 17 00:00:00 2001
From: Tanner Reits <47483144+tanner-reits@users.noreply.github.com>
Date: Thu, 31 Oct 2024 10:01:32 -0400
Subject: [PATCH 4/7] feat(select): add `modal` as interface (#29972)

Issue number: resolves internal

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

Select only offers `alert`, `action-sheet`, and `popover` as interfaces

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

Adds `modal` as an interface option for `ion-select`

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

---------

Co-authored-by: Brandy Carney <brandyscarney@users.noreply.github.com>
---
 core/api.txt                                  |   7 +-
 core/src/components.d.ts                      |  32 +++-
 core/src/components/checkbox/checkbox.tsx     |   6 +-
 .../components/radio-group/radio-group.tsx    |   6 +-
 core/src/components/radio/radio.tsx           |   8 +-
 .../select-modal/select-modal-interface.ts    |   8 +
 .../select-modal/select-modal.ios.scss        |   1 +
 .../select-modal/select-modal.md.scss         |  30 ++++
 .../components/select-modal/select-modal.scss |   3 +
 .../components/select-modal/select-modal.tsx  | 161 ++++++++++++++++++
 .../select-modal/test/basic/index.html        |  40 +++++
 .../test/basic/select-modal.e2e.ts            | 101 +++++++++++
 ...modal-diff-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 5626 bytes
 ...odal-diff-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 11684 bytes
 ...modal-diff-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 5427 bytes
 ...-modal-diff-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 5474 bytes
 ...modal-diff-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 11170 bytes
 ...-modal-diff-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 5090 bytes
 ...tiple-diff-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 6759 bytes
 ...iple-diff-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 12959 bytes
 ...tiple-diff-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 6608 bytes
 ...ltiple-diff-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 5918 bytes
 ...tiple-diff-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 11793 bytes
 ...ltiple-diff-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 5564 bytes
 .../components/select-modal/test/fixtures.ts  |  73 ++++++++
 .../src/components/select/select-interface.ts |   2 +-
 core/src/components/select/select.tsx         |  89 ++++++++--
 .../components/select/test/basic/index.html   |  35 ++++
 .../select/test/basic/select.e2e.ts           |  18 ++
 core/src/utils/overlays-interface.ts          |   6 +-
 .../angular/src/directives/proxies-list.ts    |   1 +
 packages/angular/src/directives/proxies.ts    |  22 +++
 .../standalone/src/directives/proxies.ts      |  25 +++
 packages/react/src/components/proxies.ts      |   2 +
 packages/vue/src/proxies.ts                   |   8 +
 35 files changed, 651 insertions(+), 33 deletions(-)
 create mode 100644 core/src/components/select-modal/select-modal-interface.ts
 create mode 100644 core/src/components/select-modal/select-modal.ios.scss
 create mode 100644 core/src/components/select-modal/select-modal.md.scss
 create mode 100644 core/src/components/select-modal/select-modal.scss
 create mode 100644 core/src/components/select-modal/select-modal.tsx
 create mode 100644 core/src/components/select-modal/test/basic/index.html
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/select-modal/test/fixtures.ts

diff --git a/core/api.txt b/core/api.txt
index de7c3531974..3aff52a1cfc 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -1614,7 +1614,7 @@ ion-select,prop,compareWith,((currentValue: any, compareValue: any) => boolean)
 ion-select,prop,disabled,boolean,false,false,false
 ion-select,prop,expandedIcon,string | undefined,undefined,false,false
 ion-select,prop,fill,"outline" | "solid" | undefined,undefined,false,false
-ion-select,prop,interface,"action-sheet" | "alert" | "popover",'alert',false,false
+ion-select,prop,interface,"action-sheet" | "alert" | "modal" | "popover",'alert',false,false
 ion-select,prop,interfaceOptions,any,{},false,false
 ion-select,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
 ion-select,prop,label,string | undefined,undefined,false,false
@@ -1672,6 +1672,11 @@ ion-select,part,label
 ion-select,part,placeholder
 ion-select,part,text
 
+ion-select-modal,scoped
+ion-select-modal,prop,header,string | undefined,undefined,false,false
+ion-select-modal,prop,multiple,boolean | undefined,undefined,false,false
+ion-select-modal,prop,options,SelectModalOption[],[],false,false
+
 ion-select-option,shadow
 ion-select-option,prop,disabled,boolean,false,false,false
 ion-select-option,prop,value,any,undefined,false,false
diff --git a/core/src/components.d.ts b/core/src/components.d.ts
index f0cd3d081ad..48ceedfa8a1 100644
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
@@ -35,6 +35,7 @@ import { SearchbarChangeEventDetail, SearchbarInputEventDetail } from "./compone
 import { SegmentChangeEventDetail, SegmentValue } from "./components/segment/segment-interface";
 import { SegmentButtonLayout } from "./components/segment-button/segment-button-interface";
 import { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./components/select/select-interface";
+import { SelectModalOption } from "./components/select-modal/select-modal-interface";
 import { SelectPopoverOption } from "./components/select-popover/select-popover-interface";
 import { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from "./components/tab-bar/tab-bar-interface";
 import { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/textarea/textarea-interface";
@@ -70,6 +71,7 @@ export { SearchbarChangeEventDetail, SearchbarInputEventDetail } from "./compone
 export { SegmentChangeEventDetail, SegmentValue } from "./components/segment/segment-interface";
 export { SegmentButtonLayout } from "./components/segment-button/segment-button-interface";
 export { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./components/select/select-interface";
+export { SelectModalOption } from "./components/select-modal/select-modal-interface";
 export { SelectPopoverOption } from "./components/select-popover/select-popover-interface";
 export { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from "./components/tab-bar/tab-bar-interface";
 export { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/textarea/textarea-interface";
@@ -639,6 +641,7 @@ export namespace Components {
           * The name of the control, which is submitted with the form data.
          */
         "name": string;
+        "setFocus": () => Promise<void>;
         /**
           * The value of the checkbox does not mean if it's checked or not, use the `checked` property for that.  The value of a checkbox is analogous to the value of an `<input type="checkbox">`, it's only used when the checkbox participates in a native `<form>`.
          */
@@ -2279,7 +2282,7 @@ export namespace Components {
          */
         "name": string;
         "setButtonTabindex": (value: number) => Promise<void>;
-        "setFocus": (ev: globalThis.Event) => Promise<void>;
+        "setFocus": (ev?: globalThis.Event) => Promise<void>;
         /**
           * the value of the radio.
          */
@@ -2741,11 +2744,11 @@ export namespace Components {
          */
         "fill"?: 'outline' | 'solid';
         /**
-          * The interface the select should use: `action-sheet`, `popover` or `alert`.
+          * The interface the select should use: `action-sheet`, `popover`, `alert`, or `modal`.
          */
         "interface": SelectInterface;
         /**
-          * Any additional options that the `alert`, `action-sheet` or `popover` interface can take. See the [ion-alert docs](./alert), the [ion-action-sheet docs](./action-sheet) and the [ion-popover docs](./popover) for the create options for each interface.  Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
+          * Any additional options that the `alert`, `action-sheet` or `popover` interface can take. See the [ion-alert docs](./alert), the [ion-action-sheet docs](./action-sheet), the [ion-popover docs](./popover), and the [ion-modal docs](./modal) for the create options for each interface.  Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
          */
         "interfaceOptions": any;
         /**
@@ -2802,6 +2805,11 @@ export namespace Components {
          */
         "value"?: any | null;
     }
+    interface IonSelectModal {
+        "header"?: string;
+        "multiple"?: boolean;
+        "options": SelectModalOption[];
+    }
     interface IonSelectOption {
         /**
           * If `true`, the user cannot interact with the select option. This property does not apply when `interface="action-sheet"` as `ion-action-sheet` does not allow for disabled buttons.
@@ -4434,6 +4442,12 @@ declare global {
         prototype: HTMLIonSelectElement;
         new (): HTMLIonSelectElement;
     };
+    interface HTMLIonSelectModalElement extends Components.IonSelectModal, HTMLStencilElement {
+    }
+    var HTMLIonSelectModalElement: {
+        prototype: HTMLIonSelectModalElement;
+        new (): HTMLIonSelectModalElement;
+    };
     interface HTMLIonSelectOptionElement extends Components.IonSelectOption, HTMLStencilElement {
     }
     var HTMLIonSelectOptionElement: {
@@ -4722,6 +4736,7 @@ declare global {
         "ion-segment": HTMLIonSegmentElement;
         "ion-segment-button": HTMLIonSegmentButtonElement;
         "ion-select": HTMLIonSelectElement;
+        "ion-select-modal": HTMLIonSelectModalElement;
         "ion-select-option": HTMLIonSelectOptionElement;
         "ion-select-popover": HTMLIonSelectPopoverElement;
         "ion-skeleton-text": HTMLIonSkeletonTextElement;
@@ -7497,11 +7512,11 @@ declare namespace LocalJSX {
          */
         "fill"?: 'outline' | 'solid';
         /**
-          * The interface the select should use: `action-sheet`, `popover` or `alert`.
+          * The interface the select should use: `action-sheet`, `popover`, `alert`, or `modal`.
          */
         "interface"?: SelectInterface;
         /**
-          * Any additional options that the `alert`, `action-sheet` or `popover` interface can take. See the [ion-alert docs](./alert), the [ion-action-sheet docs](./action-sheet) and the [ion-popover docs](./popover) for the create options for each interface.  Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
+          * Any additional options that the `alert`, `action-sheet` or `popover` interface can take. See the [ion-alert docs](./alert), the [ion-action-sheet docs](./action-sheet), the [ion-popover docs](./popover), and the [ion-modal docs](./modal) for the create options for each interface.  Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
          */
         "interfaceOptions"?: any;
         /**
@@ -7577,6 +7592,11 @@ declare namespace LocalJSX {
          */
         "value"?: any | null;
     }
+    interface IonSelectModal {
+        "header"?: string;
+        "multiple"?: boolean;
+        "options"?: SelectModalOption[];
+    }
     interface IonSelectOption {
         /**
           * If `true`, the user cannot interact with the select option. This property does not apply when `interface="action-sheet"` as `ion-action-sheet` does not allow for disabled buttons.
@@ -8163,6 +8183,7 @@ declare namespace LocalJSX {
         "ion-segment": IonSegment;
         "ion-segment-button": IonSegmentButton;
         "ion-select": IonSelect;
+        "ion-select-modal": IonSelectModal;
         "ion-select-option": IonSelectOption;
         "ion-select-popover": IonSelectPopover;
         "ion-skeleton-text": IonSkeletonText;
@@ -8262,6 +8283,7 @@ declare module "@stencil/core" {
             "ion-segment": LocalJSX.IonSegment & JSXBase.HTMLAttributes<HTMLIonSegmentElement>;
             "ion-segment-button": LocalJSX.IonSegmentButton & JSXBase.HTMLAttributes<HTMLIonSegmentButtonElement>;
             "ion-select": LocalJSX.IonSelect & JSXBase.HTMLAttributes<HTMLIonSelectElement>;
+            "ion-select-modal": LocalJSX.IonSelectModal & JSXBase.HTMLAttributes<HTMLIonSelectModalElement>;
             "ion-select-option": LocalJSX.IonSelectOption & JSXBase.HTMLAttributes<HTMLIonSelectOptionElement>;
             "ion-select-popover": LocalJSX.IonSelectPopover & JSXBase.HTMLAttributes<HTMLIonSelectPopoverElement>;
             "ion-skeleton-text": LocalJSX.IonSkeletonText & JSXBase.HTMLAttributes<HTMLIonSkeletonTextElement>;
diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 1eca97eeda7..78206b9fd16 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -1,5 +1,5 @@
 import type { ComponentInterface, EventEmitter } from '@stencil/core';
-import { Component, Element, Event, Host, Prop, h } from '@stencil/core';
+import { Component, Element, Event, Host, Method, Prop, h } from '@stencil/core';
 import type { Attributes } from '@utils/helpers';
 import { inheritAriaAttributes, renderHiddenInput } from '@utils/helpers';
 import { createColorClasses, hostContext } from '@utils/theme';
@@ -121,7 +121,9 @@ export class Checkbox implements ComponentInterface {
     };
   }
 
-  private setFocus() {
+  /** @internal */
+  @Method()
+  async setFocus() {
     if (this.focusEl) {
       this.focusEl.focus();
     }
diff --git a/core/src/components/radio-group/radio-group.tsx b/core/src/components/radio-group/radio-group.tsx
index c46156a2c95..5d6036bc842 100644
--- a/core/src/components/radio-group/radio-group.tsx
+++ b/core/src/components/radio-group/radio-group.tsx
@@ -155,7 +155,9 @@ export class RadioGroup implements ComponentInterface {
 
   @Listen('keydown', { target: 'document' })
   onKeydown(ev: KeyboardEvent) {
-    const inSelectPopover = !!this.el.closest('ion-select-popover');
+    // We don't want the value to automatically change/emit when the radio group is part of a select interface
+    // as this will cause the interface to close when navigating through the radio group options
+    const inSelectInterface = !!this.el.closest('ion-select-popover') || !!this.el.closest('ion-select-modal');
 
     if (ev.target && !this.el.contains(ev.target as HTMLElement)) {
       return;
@@ -187,7 +189,7 @@ export class RadioGroup implements ComponentInterface {
       if (next && radios.includes(next)) {
         next.setFocus(ev);
 
-        if (!inSelectPopover) {
+        if (!inSelectInterface) {
           this.value = next.value;
           this.emitValueChange(ev);
         }
diff --git a/core/src/components/radio/radio.tsx b/core/src/components/radio/radio.tsx
index e037d110f95..bb343c8c858 100644
--- a/core/src/components/radio/radio.tsx
+++ b/core/src/components/radio/radio.tsx
@@ -126,9 +126,11 @@ export class Radio implements ComponentInterface {
 
   /** @internal */
   @Method()
-  async setFocus(ev: globalThis.Event) {
-    ev.stopPropagation();
-    ev.preventDefault();
+  async setFocus(ev?: globalThis.Event) {
+    if (ev !== undefined) {
+      ev.stopPropagation();
+      ev.preventDefault();
+    }
 
     this.el.focus();
   }
diff --git a/core/src/components/select-modal/select-modal-interface.ts b/core/src/components/select-modal/select-modal-interface.ts
new file mode 100644
index 00000000000..2005400cb82
--- /dev/null
+++ b/core/src/components/select-modal/select-modal-interface.ts
@@ -0,0 +1,8 @@
+export interface SelectModalOption {
+  text: string;
+  value: string;
+  disabled: boolean;
+  checked: boolean;
+  cssClass?: string | string[];
+  handler?: (value: any) => boolean | void | { [key: string]: any };
+}
diff --git a/core/src/components/select-modal/select-modal.ios.scss b/core/src/components/select-modal/select-modal.ios.scss
new file mode 100644
index 00000000000..7e60b693fcf
--- /dev/null
+++ b/core/src/components/select-modal/select-modal.ios.scss
@@ -0,0 +1 @@
+@import "./select-modal";
diff --git a/core/src/components/select-modal/select-modal.md.scss b/core/src/components/select-modal/select-modal.md.scss
new file mode 100644
index 00000000000..511c8d786ab
--- /dev/null
+++ b/core/src/components/select-modal/select-modal.md.scss
@@ -0,0 +1,30 @@
+@import "./select-modal";
+@import "../../themes/ionic.mixins.scss";
+@import "../item/item.md.vars";
+
+ion-list ion-radio::part(container) {
+  display: none;
+}
+
+ion-list ion-radio::part(label) {
+  @include margin(0);
+}
+
+ion-item {
+  --inner-border-width: 0;
+}
+
+.item-radio-checked {
+  --background: #{ion-color(primary, base, 0.08)};
+  --background-focused: #{ion-color(primary, base)};
+  --background-focused-opacity: 0.2;
+  --background-hover: #{ion-color(primary, base)};
+  --background-hover-opacity: 0.12;
+}
+
+.item-checkbox-checked {
+  --background-activated: #{$item-md-color};
+  --background-focused: #{$item-md-color};
+  --background-hover: #{$item-md-color};
+  --color: #{ion-color(primary, base)};
+}
diff --git a/core/src/components/select-modal/select-modal.scss b/core/src/components/select-modal/select-modal.scss
new file mode 100644
index 00000000000..683ae23faeb
--- /dev/null
+++ b/core/src/components/select-modal/select-modal.scss
@@ -0,0 +1,3 @@
+:host {
+  height: 100%;
+}
diff --git a/core/src/components/select-modal/select-modal.tsx b/core/src/components/select-modal/select-modal.tsx
new file mode 100644
index 00000000000..ad927860439
--- /dev/null
+++ b/core/src/components/select-modal/select-modal.tsx
@@ -0,0 +1,161 @@
+import { getIonMode } from '@global/ionic-global';
+import type { ComponentInterface } from '@stencil/core';
+import { Component, Element, Host, Prop, forceUpdate, h } from '@stencil/core';
+import { safeCall } from '@utils/overlays';
+import { getClassMap } from '@utils/theme';
+
+import type { CheckboxCustomEvent } from '../checkbox/checkbox-interface';
+import type { RadioGroupCustomEvent } from '../radio-group/radio-group-interface';
+
+import type { SelectModalOption } from './select-modal-interface';
+
+@Component({
+  tag: 'ion-select-modal',
+  styleUrls: {
+    ios: 'select-modal.ios.scss',
+    md: 'select-modal.md.scss',
+    ionic: 'select-modal.md.scss',
+  },
+  scoped: true,
+})
+export class SelectModal implements ComponentInterface {
+  @Element() el!: HTMLIonSelectModalElement;
+
+  @Prop() header?: string;
+
+  @Prop() multiple?: boolean;
+
+  @Prop() options: SelectModalOption[] = [];
+
+  private closeModal() {
+    const modal = this.el.closest('ion-modal');
+
+    if (modal) {
+      modal.dismiss();
+    }
+  }
+
+  private findOptionFromEvent(ev: CheckboxCustomEvent | RadioGroupCustomEvent) {
+    const { options } = this;
+    return options.find((o) => o.value === ev.target.value);
+  }
+
+  private getValues(ev?: CheckboxCustomEvent | RadioGroupCustomEvent): string | string[] | undefined {
+    const { multiple, options } = this;
+
+    if (multiple) {
+      // this is a modal with checkboxes (multiple value select)
+      // return an array of all the checked values
+      return options.filter((o) => o.checked).map((o) => o.value);
+    }
+
+    // this is a modal with radio buttons (single value select)
+    // return the value that was clicked, otherwise undefined
+    const option = ev ? this.findOptionFromEvent(ev) : null;
+    return option ? option.value : undefined;
+  }
+
+  private callOptionHandler(ev: CheckboxCustomEvent | RadioGroupCustomEvent) {
+    const option = this.findOptionFromEvent(ev);
+    const values = this.getValues(ev);
+    if (option?.handler) {
+      safeCall(option.handler, values);
+    }
+  }
+
+  private setChecked(ev: CheckboxCustomEvent): void {
+    const { multiple } = this;
+    const option = this.findOptionFromEvent(ev);
+
+    // this is a modal with checkboxes (multiple value select)
+    // we need to set the checked value for this option
+    if (multiple && option) {
+      option.checked = ev.detail.checked;
+    }
+  }
+
+  private renderRadioOptions() {
+    const checked = this.options.filter((o) => o.checked).map((o) => o.value)[0];
+
+    return (
+      <ion-radio-group value={checked} onIonChange={(ev) => this.callOptionHandler(ev)}>
+        {this.options.map((option) => (
+          <ion-item
+            class={{
+              // TODO FW-4784
+              'item-radio-checked': option.value === checked,
+              ...getClassMap(option.cssClass),
+            }}
+          >
+            <ion-radio
+              value={option.value}
+              disabled={option.disabled}
+              justify="start"
+              labelPlacement="end"
+              onClick={() => this.closeModal()}
+              onKeyUp={(ev) => {
+                if (ev.key === ' ') {
+                  /**
+                   * Selecting a radio option with keyboard navigation,
+                   * either through the Enter or Space keys, should
+                   * dismiss the modal.
+                   */
+                  this.closeModal();
+                }
+              }}
+            >
+              {option.text}
+            </ion-radio>
+          </ion-item>
+        ))}
+      </ion-radio-group>
+    );
+  }
+
+  private renderCheckboxOptions() {
+    return this.options.map((option) => (
+      <ion-item
+        class={{
+          // TODO FW-4784
+          'item-checkbox-checked': option.checked,
+          ...getClassMap(option.cssClass),
+        }}
+      >
+        <ion-checkbox
+          value={option.value}
+          disabled={option.disabled}
+          checked={option.checked}
+          justify="start"
+          labelPlacement="end"
+          onIonChange={(ev) => {
+            this.setChecked(ev);
+            this.callOptionHandler(ev);
+            // TODO FW-4784
+            forceUpdate(this);
+          }}
+        >
+          {option.text}
+        </ion-checkbox>
+      </ion-item>
+    ));
+  }
+
+  render() {
+    return (
+      <Host class={getIonMode(this)}>
+        <ion-header>
+          <ion-toolbar>
+            {this.header !== undefined && <ion-title>{this.header}</ion-title>}
+
+            <ion-buttons slot="end">
+              <ion-button onClick={() => this.closeModal()}>Close</ion-button>
+            </ion-buttons>
+          </ion-toolbar>
+        </ion-header>
+        <ion-content>
+          <ion-list>{this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()}</ion-list>
+        </ion-content>
+      </Host>
+    );
+  }
+}
diff --git a/core/src/components/select-modal/test/basic/index.html b/core/src/components/select-modal/test/basic/index.html
new file mode 100644
index 00000000000..8ddb3b54f0b
--- /dev/null
+++ b/core/src/components/select-modal/test/basic/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Select - Modal</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
+    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
+    <script src="../../../../../scripts/testing/scripts.js"></script>
+    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
+    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
+  </head>
+
+  <body>
+    <ion-app>
+      <ion-header>
+        <ion-toolbar>
+          <ion-title>Select Modal - Basic</ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <ion-content>
+        <ion-modal is-open="true">
+          <ion-select-modal multiple="false"></ion-select-modal>
+        </ion-modal>
+      </ion-content>
+    </ion-app>
+
+    <script>
+      const selectModal = document.querySelector('ion-select-modal');
+      selectModal.options = [
+        { value: 'apple', text: 'Apple', disabled: false, checked: true },
+        { value: 'banana', text: 'Banana', disabled: false, checked: false },
+      ];
+    </script>
+  </body>
+</html>
diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts b/core/src/components/select-modal/test/basic/select-modal.e2e.ts
new file mode 100644
index 00000000000..126082712c3
--- /dev/null
+++ b/core/src/components/select-modal/test/basic/select-modal.e2e.ts
@@ -0,0 +1,101 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+import type { SelectModalOption } from '../../select-modal-interface';
+import { SelectModalPage } from '../fixtures';
+
+const options: SelectModalOption[] = [
+  { value: 'apple', text: 'Apple', disabled: false, checked: false },
+  { value: 'banana', text: 'Banana', disabled: false, checked: false },
+];
+
+const checkedOptions: SelectModalOption[] = [
+  { value: 'apple', text: 'Apple', disabled: false, checked: true },
+  { value: 'banana', text: 'Banana', disabled: false, checked: false },
+];
+
+/**
+ * This behavior does not vary across modes/directions.
+ */
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('select-modal: basic'), () => {
+    test.beforeEach(({ browserName }) => {
+      test.skip(browserName === 'webkit', 'ROU-5437');
+    });
+
+    test.describe('single selection', () => {
+      let selectModalPage: SelectModalPage;
+
+      test.beforeEach(async ({ page }) => {
+        selectModalPage = new SelectModalPage(page);
+      });
+
+      test('clicking an unselected option should dismiss the modal', async () => {
+        await selectModalPage.setup(config, options, false);
+
+        await selectModalPage.clickOption('apple');
+        await selectModalPage.ionModalDidDismiss.next();
+        await expect(selectModalPage.modal).not.toBeVisible();
+      });
+
+      test('clicking a selected option should dismiss the modal', async () => {
+        await selectModalPage.setup(config, checkedOptions, false);
+
+        await selectModalPage.clickOption('apple');
+        await selectModalPage.ionModalDidDismiss.next();
+        await expect(selectModalPage.modal).not.toBeVisible();
+      });
+
+      test('pressing Space on an unselected option should dismiss the modal', async () => {
+        await selectModalPage.setup(config, options, false);
+
+        await selectModalPage.pressSpaceOnOption('apple');
+        await selectModalPage.ionModalDidDismiss.next();
+        await expect(selectModalPage.modal).not.toBeVisible();
+      });
+
+      test('pressing Space on a selected option should dismiss the modal', async ({ browserName }) => {
+        test.skip(browserName === 'firefox', 'Same behavior as ROU-5437');
+
+        await selectModalPage.setup(config, checkedOptions, false);
+
+        await selectModalPage.pressSpaceOnOption('apple');
+        await selectModalPage.ionModalDidDismiss.next();
+        await expect(selectModalPage.modal).not.toBeVisible();
+      });
+
+      test('clicking the close button should dismiss the modal', async () => {
+        await selectModalPage.setup(config, options, false);
+
+        const closeButton = selectModalPage.modal.locator('ion-header ion-toolbar ion-button');
+        await closeButton.click();
+        await selectModalPage.ionModalDidDismiss.next();
+        await expect(selectModalPage.modal).not.toBeVisible();
+      });
+    });
+  });
+});
+
+/**
+ * This behavior does not vary across directions.
+ * The components used inside of `ion-select-modal`
+ * do have RTL logic, but those are tested in their
+ * respective component test files.
+ */
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('select-modal: rendering'), () => {
+    let selectModalPage: SelectModalPage;
+
+    test.beforeEach(async ({ page }) => {
+      selectModalPage = new SelectModalPage(page);
+    });
+    test('should not have visual regressions with single selection', async () => {
+      await selectModalPage.setup(config, checkedOptions, false);
+      await selectModalPage.screenshot(screenshot, 'select-modal-diff');
+    });
+    test('should not have visual regressions with multiple selection', async () => {
+      await selectModalPage.setup(config, checkedOptions, true);
+      await selectModalPage.screenshot(screenshot, 'select-modal-multiple-diff');
+    });
+  });
+});
diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..72f5453ea82e5a783286f860ae0d9ff4df6c4881
GIT binary patch
literal 5626
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
Z_ueC-T+Uzcz+tX|zi;4i;?WB^{{@3BZ887=

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..b69898dc6dc76c73e4a0a63ae0bd8eb1160a5285
GIT binary patch
literal 11684
zcmeI2XH-+$o5qo=A~p~dL}_XOQF;*&lHdhJK!GbNDosIwixe^RAOQ;!DN#U>P_KyC
zV=f&bK?%eW5~N8B1QQ7@ln_cFB$=H%v)0U-kF)0gY50_#oPFN&zI(st`8_A=pk18o
zc5L0ZRYF2yhy7{Wa}p98&=L}oy<0YeU!w8#WfBtV685$y&PRJq4@p<txR<Lxhhu%t
z-(nbE@2^S9q8c|S=pHa}c68_LcD%1>bYRz`=;wod;kFy4k6hbz@ZRei2UXBkhMF7O
zcSEvCeNS9YTo}UA`v>c)H&@`idTM*d;)&(idtR^3z{dE3_Bzo3vdBH@Y~HcpkZ4(T
z>ja6!-d%fNLhALmfNvvd8?){&Z{8reaZCMQ2^n)N@q`T;KcV6e$rQbjGd>-ZxJ}^r
zw=IX!Mt`_x{qu7%L}94S4V+(`nvii=zVf8Btop}sNr(Tt$u1rvD><x|OjM!#)Vt$W
z7x%*1ru&F7u}&U>)?ChnrybeI*PG98AeBL4wRLe%B@#=I+*&LsXCUa<AKJ+=BBerN
ze}HX1VYaW2K}_Ep9o!qa)#poX7XyvRNxR^tOgQh&Wx#4PE_s~rc22OCPBi|Irz#5X
zS?G)4KH)rBPJdMCrlcxkWufIXyB3SM7{=tZl31eAp64!d8pCqg5bK1-x000Hrk8dN
z%Az^?spei86~!jjr@IS`qX=I<DqrrXzL}1&9j=>s1g(7sL0>RBPfraf@^5=3GJnv9
zSJ1NamrE%byD2Su_<#Xto=`JaX3Y3(oRelsUma+*qZ5&SW9(}e^SMv(_@FUW(o})H
z34KAt`9`RjPruAz|FXbOZf&wGH8yhU_YX?l55;h@>22x0AI4LVMbA_amTr~U@=Sd;
z{8-iC)#1^16UK*Nq5=XhWbBeim}7xwxhFN3!3;EaiW<i^Z4I)&UjoU#|J+wr-QdNh
zNVsocy;bl`WA2wcU4E<ve)+O1ll9P_EG;sqLx_B?)0X-DVLoH?J;)y_yXZyc1n93W
z{WdfOliOMQ!t@|)NoZ(@bRsDd%%CC2@QZ7#ccVU|qu$U5{bTGu!^pnn19$ra(td_@
z*_1Q0Zmu#=v!<GwLX2VP(!9dN@>9~mFeOdv;^&Pmb_6;1_fRW6e)n5?8=Z~6Wlvig
zXZKC~(hiFmo60MHC?pewfqrZxwSw1yXZn(((o=;ZRQp70OHx6okisl|jbQ$;^Q&$r
zI*hTIR5~?%xzJoAKDv#^8$8QWd23PrY@sWcLyBqDz2!IWhg+n?d)wFNKBj9~7uPqQ
zvLh&?8mP&<7A=v;f#C?x@2H&^Qq=dTh)aDo8+ZX>F`+9(+)bXb&`h6L<MN2@Xx;QX
z8pphRZIy>tcx<P<)PR(0LUKPGyGzS+NKq6?Gct@L(Cen6%9+WId`3>0o_rp`cewO*
z^A2Zwoe#x0E$gdax9QA`zHImUq1YQi-4~Cf-p1hvM!NLL{9`J6ye*=G_(+PzYggR#
z&3096>sj|m*cE<1aleWhn`RQKO2Jb_)k>k!O#ZxcT8ihfyr?96&CkQ=<~<9G8@Fta
zNkr50RWn2KRb`4QgWgqj-VF6H^OvANlRS^@-@~-5-l#yJEi|jOC1+ZqR#6<rs5ip5
z)*{n9aM>`-V=Vs58ir-mr61o_s}$dqT4j#K^c^$95$6O-VJ#7NIAr@){aczH?`5-W
ztFNo%NF*LOG)Lkhe9F-{(*5aE%`2jtG)W`{tHMd_dPy?Yr>02}Yl7S*x8;z|%1|E-
zITh`5yW{7vHk8eUb*(b_e$DhE3sd3ZE6#M0P%XyK3CWEWB6sMA!+buqkiFB5HN#;I
z6;sc66M}M|WmN7y_&AL{{AX8;|8@#FeD;pdMdU>zQCX>i*+va~&0RvFM53IeRs;;a
z&|aXH&*u|W_ejl}zY!d@P(?;M<u5i(6u>#{=|^|&S42j}<6`QE%kr=XW9D8{W$0)3
z?$5)STFuO^sSg{{**7uVa(OSo%A=bz`AYl(Gu`xY8iqISR8kV!LaSL|T`p*K>|$nT
zW}_)TVi&!d_|Ca<7*SYAey!+PwA)y(DzAxc{)THf)MM#yA%MTdzxe$RIY)=iur0EC
z=OuH7tjf8)w-=g=EKzl{sGyGnbLNYv^vfgLe=a&O^b1<;D1!TMEl+;$U9os*Sdf_j
zr9+JfaU(UC!g6Ea1--Oi!W=5uODl?%N4|1YCIvOKR;h+;@E=zC`b!(ZoO68H91%r%
zq*Q(|DT)x+9))>?*r{weXV|Z?Cn@97xr}t11Z$;4)_m7&QPKXJ4Z)Y{OSnxDT-3L5
ziY&I()tUIc_I~%uhMFg#a|d3qk|Gc*feXpCqMvkuNx7@6bA+C=Dg0S4ZQDePjeWRH
zk0D@$f$hdDlB{&+zKvUC$CDB=#*^Oo%BfplO$Kl|Aos!)AnE&#4H_LgE|A6gD!a=?
z&IWS&rWiE)B^{pcf0J$x_;ui5F(m2q;~#)k)@B>CY|YNAWCASN*jn3ff1>{W1eg*6
z0*1Ugt_i@El$?;U_uz>u_rR1PSr@q>mxwa}ciVSu&@i;UTOnp&-2nr3)nG{8vSLXT
zQ%PAIY-8-jt9>+TiNAM)qLY|~o_k#6JVzsLfm0W%K<3kH^|4?ae!<#4{AurJP~7)H
zkYY8LJ1HJt099P@lF|YxhHg8I9;UXx6_4FEW!bvLsN{oy4Z6jUSW7sr@Lv<$;DrOD
zcC0W(N-fR+)b?qwWn_?BX6;Pf6yxqTz2qqzk?^*iIRZA~5?0dY4FtA?$231s^xB)_
z9UsH4rpJ3m1Q(9=`C`%(z2orzHTB*VIe*cuK&xd&zWE)|jT|1etIQcwO%zPy8IO*(
ztWM$7;6e^2hlglGS^wu6jKI;2#ZO5wz0N63dhxZM{OnA(N7KiYD{ZAe)X#r2A1}Vg
zK+^eM^|N<oQ{ZbqW$-QgZtBb_dkZGre5;2dQ=S~MYr(`Xl<>GkB4x{&8sDIX#UH;R
z+F|@44+O<D?CXJtBpVrMcQ%E`VGiQlk<*n@tl?LXkh+PN<7-h(gSbDv$S?Ck>TH+8
z4aA%OvavXe)C`|W!FbJ`Ynxc>t!Re^)bhGNFtd5-NH*RMsSwtGBd57;>ce1sW|4Uq
zL$cjCu=|xcha~UY`NAIGacX}vw;irV6fWYJFEX7TF)?sL0m#bTmp@&NdFkS0IbG4`
zlcLK=lu`}w$JI@~>AR8RIZ*q+@%f7L1GQU?8^RWQ+{j?s?o2J`bWqeGDs-6^pm#4u
z-0q5->b&Ic{UM85W2z07C$V&VdOf4k<ekj_68H_#NQI(~EYf_dzFO39jK4dC!d&Qb
z4&C-#`|b`i+O1+p)llT%l8z6kAWg~Gk2H*&RavH^P*$tsB^}ECKQjVm?kUHP|HWzb
z78(t&P@}5IFh0ASS;I_EA*&+Urv9c4JU<RrTK1LJ_nwTJ$)yQ=dycTP$2eIS+EP{+
z8)%aA2<vDs17EupRL^M%1GzO{bPqOt9LS{z#!E0E?Xs(C#{SgQo{R3f>BlEuEu9J%
z<=VQ+TF%yU8)=|UdH0ao8?<=-^z`U!uq3t0Jv8}R9wSAH;J3u?5B|4&lyD_%BvI-I
zGOGWXL}H=hB_9nA-d>-)b3f+Moodu#N!i&GY~+%+&yV~WPoK%&P(A4#YOwkStqu`y
zZ49o)pCzL55mbw9S)|e&uYK~GXD+GN1XuNI9_zoJ$s6b;9CML#h6}>q5mqOELr~H<
zEZ<5&QT~-0$Pf3>h5*>z!7MT8bjmF9%vXM8B83zmpbC@HI!`icI3jBDa*>tAsqL7W
z`LBC?Xye!L<cUnFQgy7O^=xeKrvdmVMim;X{+abMoXhF<FN}HFVAXAf6$!q%5jux)
z&qN(Gj}YoU0<T$rXBO!Y#;P;k;f<(6Idt@?TZsOjrps^zJv3`2kEtB<>j^GKv0*wm
z)V=uDWCJDWOoBCTE65@s8@@QH9ky0oMxqCq9A~xV%2&gTjuM2NQD!l5dPb(wGzX1!
zJ_ZFXYZ%n`F;N*SqQ~u<7`TZ`0~>%ShD6fuEHCx0syV|}uD>g%9-lT7VB&rq`c0#Q
z=4{SLKD3!d5KM<w`>TVSJ9Ln#=OL#ioO?Lf>Op~`SJWt4FR-nbkG`)sha=e4he&SR
zx=jb45wKlLaQ%vM?9bK$NBFKBm8!TiyxAe$WENJ0z4@U({>^x*F*W*ZDy1yzqGv?U
zl4d063j}jDvuN!)5;NkAT6I;9=l$e#yE<3W*YaBJ1<Q~hS8l#HAI)<0d8iVZ%!;=~
zEOjX3R_?oUFV#S>Mgi1-otEs6OF=%9-LI!hKj2V;so<D45vTvltl3+6_3yrtjujB>
zkTWqd(D4@Ai}}eZtZ9c?MUh`10Ub(MVc}v3tRzkuTrjbewB$ZKpS^V3m3x!YYnqdW
z&HF(Sq#pfH^IUM<l{>DF&I={f>OSVre9}Lay0@b+%_F?yB>v0RqxB*7CPW@6;)S4Q
z3P`~))r1@blN?;Dzb_?*$sbqIIV6<d{g)8E+Fuz<IQFw+!B_asuBu%4s^fEuPXVxt
z{4d+|Ni|{20o30Z*7njElVt-dF%MfMZ#Xj2es`~d#9DaZ3IHuqj=H>o3=3wWs^OkP
zYiFAFLuVS6hnF@-auITG-~IiKvAQZo(?W&y>x}V<7xmHLi_WGE8u;Dcp&H_BPFmY9
zIGpp+0^{tv2^p8Rju&Q#i3GSBtD%h(^Uv{wwY|=!aAz@Zy#R(AGO~Kb<5KlvNVa5M
z8NjnO4nWq+{@auo)#m_N9XAZQ0-6`Q0Vd-hqY+}VYlAtZ2{YPaCLWbc@sx`i4vWIE
zC&dR78V_#OiL}>YaFqZXB@$KTT;!m;vvVB4__KnG+&$fy74Zt#0Ioj#GJj5NAo{>V
z=Er8Jnz)S9pbVEwUPr)qvpZmaRn6ETkd}<}VYKSjR!0qRfvbSMpB0wl#D3!dK(fuX
znAc#uHweJLk5PyLl|mt)>ccwvPr>*eVDe^n8h00{;vuL)=D}#GxQdUPvPf4`kTCJ8
zJ_hjr>tp?SF-EGa+jB@I7}!2=3;jwM{CKU&C(ZOnazwAE8R!qgzQTX5VB=6c=EyKE
zS~(N9((0XV=-X29xeaUjR^ShKkrH}m${i1Ma>wgN9UF1wyZ6dzh&z<jBm<|_oh^bv
z<AvNJ@-92&U5D(_Q>9d+uNpw1ilFMGtj5Pj(ZX=OnvuIa9vQCM_3~^A-j`fOv_dYi
zd7owCWuxeKqEh#p=|%Qkd)OB_7%U~(F!kXRgF{xs3`NnQABe)$nppyWp!FhX>d@4E
zrh$ngvw#CN6EE`yn4wkue)wK5Wb@q5romkQqC3Yv)UvSVzaHB#6p6f(wA-z^_)dqT
zmE_AYqffiYO6O)xTET{8O4?LGVEq2}Q-~za$UT{z`PbO>T<Wx$aJp(xuP}afVu|hy
zUF<fWsbLP}vgkzq&}@shpvSv8OWW0FjmHUNrkPc7;UL0hN!U`KFB8bqqxaRrbx`*|
z9j=m9qJoNWwOY5Q-dDFQ4Th>wJX{^lc9<BSMbl6s0sh;Ow-w~ra^}J>%Wo-~)>ltU
zZ$|^<LGz;-=wJhi*)r?QU$t!uX`yi?0@rwM&GImEP);oJzF^gZP}9$R)6s}_sF@ci
zYH5Eomrqth#d*Z9jN<9>{7Per*$Q;2?@-96>8d`zyx`|Joc>O$xkldihp^phYa>#F
zxvY2pxR$|CVuNnFFoQR42j8dY6@ATJnbO}391>lja}2gz+Z~qFZAmc#J@umT@nJNp
zvr{uKsB`moT1EWi>oOmTX>V#t`tiV#Ji$~cf=e;0&dJA?Kk9MwZqP*=w_6!|#c`Sw
zIV`yg2-h`6ihlZUJIzNTYzmG2ol;eyb-Ja}@|xSTNMhIm*;;ArtzT}KO{?tn`UL$k
z1yz7KITK3i1OB6n4x?AVL*PVPfu)&Ppu~=Bz|r~>`)|kn15pHS0gq)yRKi%zpLX9!
zfeT7I<ASQR(X1)p74VyW_X?>UWw6WJ)9=Z^Y6Od7*EX&72J2|o4j09pDYU9>FzY~V
z?nG&JWL-eegm#Eie~YamutV9$sgGmJE++xN@7|lC(NRP?KJ`wXawi#BE4W_W`11fg
zk;%#Lw0H4S?(~7|W?*E73S+K2GX8p~`bf8$_ICrV+au#jM9&4^2YW6Cz;7cbN^`1+
z+1lu~u-JK((UbDv&y0;pLH1_~j#oC^UqCy@9TXe0CE;hV!M(%o<ES%O6YZVQh3_Yi
zpn+S^!san3{Y^%#I$f%7RuTz2j`dxALWLOp_tt(6!D8~f!kYI4OHd*NfbE)8U~2+k
zodX{G0%zPz%wFd?o}#dk!`#B9u2Xhucf!|ZqKNJ<GRBGaL-|ika?0aHe0nwc&yXu-
zIdA^<m&^Shol00~7X`q4>Y5eYNzz*R26G5m{f32eV1;47sksKj9(2bYd{e7jc{nEz
zJC<u6<`XyJ=p8ugU(ZyT4QN-#8b4)4Tz5Q($Um^?RK6W3oc4FF2L9C~<;HVXOC+}`
zIE5P!a^8%5CAhLjVa#B9$E-$Jesk<D!ZRR&q3SLlAocR%KL^$Iiy`wDHG%B9I9c0g
zrO>_r>HG>5wf?C+P`@mB7rD`c)doO_<|Q2thTae}WE7}o?N{A1K*;J7GQPU!ia}wq
zLE{g-+uP*-w;>fiL1yZiGq(d2G(ogIiOqWGBQ8tg$R|N$!w5@pWbI-|hD!^`+vN{y
z`}1dps36(XTMwflS%x6l^SfQ-_PACXgJd&6veGwFL9%<m(^zx&v^d!p2^pt<R}$l6
zJ>>dYt~b&8-Lozm>w38kigiM+TZ45^^e^$3#OlKD;2i;P@w)))mTTQ|ty`{j%e8K~
z)-Bh%<yyB~>z3<ZV!76B*1FAFw^{#>Y}SZqgQtR3=4`0-J@EFmg#Ae;+Yi5Az5DO%
C8L007

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..05425333c5f209db3974534a77fbd7d7a50521d3
GIT binary patch
literal 5427
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
J{e15FKLB@PJcR%N

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..7613855bd6de08d7d922b803b4b7e8cfc0938c72
GIT binary patch
literal 5474
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
J%~w~x{TC!G8$<vA

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d71098bb5c95b8f4585ebf8bcf74272bd978c90
GIT binary patch
literal 11170
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
CQ~3J;

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-diff-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c190809cd815f88fc045dca13e2a5cc686f8911a
GIT binary patch
literal 5090
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

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..084a1cd1dc4ef79ed45e451fb39e29a4bb9b0d8f
GIT binary patch
literal 6759
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

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..73ad71200738eadf5ccfcf48e2e9a38d799502a8
GIT binary patch
literal 12959
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

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..aaf5d78f034a0b61ca6d718636baeafe2d6c0d09
GIT binary patch
literal 6608
zcmeHMc~p|=+cs@#+N_xte~qEdh?*@rqbVgSO;(1QmP=-)rfFtsxRVQ#HR_b94W_u0
zV`@T5X-S|+=9syGxu$HD3xWbFZpik%_Wk~x^PQRhzCU_6hllf?XS?tFy07czdGDTe
zvfHxphmC4#YFpr^Pq?V5tw~i=Q_uTW9eA=l`0g*DTj%d!cS23I`gugH%vMv|odQ4c
ztJ}>YAv-t^6hr+uYgsuIU2m`n{F~<RiPw&|!}Zohwpe}tZeUx4;fDL0Z91r3sJ9ye
zw%xT{7fALQ&rgf6&8Ri{Zl_+eVK!kc>F14W!ZxR_Z66E}PJ1mKWe4SJ8K!RA%a5{5
z=5B}KJWzOnuRCHz<~C4;&%Ta8IIH=erVT^YW=!Gg>VJUuZu_U*kw3ziUh=+?H=_E_
zetoLZVHTS<ebY6T{|?Wc2B~GHr{TKTRwk0(#pC?Zzv}R`!)3}MzxA2NmB7$Zbi1Nc
z|0RN>*<@h{4_9C5y*=&j8=}pAsC?h0<ILqqII6+27-U3mwG8L&akCC7+y~y^bl4=!
zgf&~2xm#<{D$%y3Uvix@=oZtuT;Pjp;u)b_Rf-Zl>dAUDT=bYGtQC6ASvE!Qh}{(>
zy&;tR>cskZLNag?)apN%lGR`7V&WVcdRiHFiY+fEqw@WUEB$`9%9$Z~2A3fxm!Cbj
z%MMbmQgrBSr$61_4Xgr_oo!Rlgdh5RrrCNi3xAC;D~AU5<mFpQ{gtUQCidkHd~elk
zkQ+*PWkJtLG?<)O20rrsps(+L65``e(^?wL78(o03WqF@rAhvP6iyO}xzL3k)#U8x
zl(v)5!(6(kprJp#_G1L;b|^2y+pt8uZ+rrSSvi18h-f<mYkzoE5pl*3a0%D+i9p3+
zN$kuLraN~SCMBr|Cgs@HbKe(TJ5Sn0*Y=5-A6HJG75ij^u7o5@!jHxF7%(~7aRCbR
zSe~}cZ^cdJgWHK%9@m^ADBB)_0q<tJ#fWAEj=bc_L}gn(^8Ql_kD^oF@;u7UtvF86
z)Sx@{icgK%DQ;XfYDYR;Fr!zh7bj?yr*S=tmCOfj`=vcnb7!LQ*d{mz%*!|pTX9rY
z=mwN{7Bj}PqtYr(j*K1?ulo0B3%+1zr}9PpOy$dz+_2W~3@eqdC|({pd-R*{UL7;y
z$1o`?-6M2Gt77=`qqiQ1L(g8p>v@E-UH7o^C=y!#(o{Zb<}O`T_oNJAE4afOV$FS`
ztf9I>m$a4w?{O9GJRnR~(V@h6!yB)Er2l|X(npI6kszIdf$9_(@xUd^3Vf+(oS(6!
zO6O(OAe%V(ZqT~503UE!?1lkbPq~nsiL|hbihCJS+@WrTI0Y1PanmLkyXV6LJQ0o(
z-HCxX9?gY7jz-+s-c56=IkYR=D+yyA?Qe{`Boi(U!@B05piWl0RE-H+dL`JV&!>Zw
zuEkfJiTE1(Na+|BO|NEOJY9~dOLb$*n<!aMPvfq}G##EP^5f%FvpY3(y>h1}s+}=w
z4Ga7<`s$1c)FlY0Pjo#Y)bqxfkWX4@y7!_ujE4SEg)kHNqVj|3X;XzmyK0oDWZ5PY
zxcFaG&l{LHpJJTk69o*%6EKD7JnDRXy{|%_6o{PVp{En)^H~k2bYJDpOScXvlqvF<
zD6`IsbBw2SM*Ln0$AlEd8K?%A%he!74|JBjd6l|d(;tu@?@w1(Rv;SwywO26FVBLo
zaB*@I@`TC4e$=J@q6Ve1Yos~_3{TZOjULBSs(7FakpsDJVxpL6(oZ-r+}&~&AxOoL
z4oX`ybo_mgWsvoQL)P`Z{V)ZPkY^emRX`gK!NY&@YIynVM#!i6WPYheFTV`6g@p3`
z1&&cteXfwLg{@%;>9$Vx0|Sk3S=9;mq{k!exo)1^d8z@xToH#he0u_O>lpYSb&unD
z^kT%KjoO|E`*$@gh;H1v^6swow%@^Pl23pC_uc7*=NI2|7C#pZ%2$LbZu^f`qvMy`
z-Kl~GMGN*dH(z8>b=EOyUS+zZu#^yJ(O03qNfzZb1`9Rs%{^4Sm8|<ju@W(-jy9w$
z+-LS`K~+*_g6f3<^0z=b=$t}`7DaJ>zY=?7UD50P&b?c4?-HlA6PVCUn?}1ZK?z!j
zYW-#*C+yp0**QN<lG1T;&O~S&9e2&$(lgw3G=W}Sec9_ZH_N^$!t13zY_!JOTYL@!
zmL4}%)UZP?N_K{d&K5!tK8-gc46^wX@tWpA^rGRqAl;Uo>N^Qwc%3ebM50b#Ay|jC
zGP;<)%@bcnz_Sgk<ufhpON`R<HJ7Av3FFIz15kM95HCqC3w3G6UaJ~Qa}GEk`b2)r
zsIc2+zQ?vDbxVUvDLde^VVmc$?{A9v_E0UN&B9ZMZsoBSEp%_L5qr;B$9wR(K0~uQ
zSWg`*BlqBiXM3@oC~*R}@NjT%>K5(P&ATJR2lcY7OfSE__54bk@ugSc(z$U2TE?t&
zDlTxUY%pE=83Y1lS<Stx4eTr^D5!8Mw!GH!sAF;0lVihJl4>>zihVk1CGg)8Q-woQ
z5NBcpY?5#U8yB~IJEKP0eaJ9}S_m*!dw-RywzjtJ&5z0F%1(JF2w&n>`YSc*lrfA0
zaFF`Y;o6ZejjIqLwR{t2Z-281PatGjB3I`5`HokWaw!}G3>vo<$1&b!Xq&wHcze7P
zi(u9Z-`nY;cu=nAu%^cNe%W7P!of0J9MvZa1NLNI+=oopudc36-*u?qmn)|*V6&@T
zuf$C<O|Q!$78$~h?pw9BO($V`woO;nYLXPeuwIIe5dDgib_GR}SsghCbd#1p@k$az
zf2JE#M3kw<l0BTC0}X?xO3LJDol?8iQ+fMgbP{Kp-@bk8U`z(XG5o$t6W=Czeo)EL
z=;YbaHkwKyHc_BHrD!?jn~wJoKH8Odxg6ZZ>n?<Z3_i6%t$^V!?(Q*)g&_z8Li8fl
z)S}jPxW{5v=8wob7MEbdybiQgxOM=8(*I^SgC8xx-9TmN=)-$Ioc+|Nzr;pzdrEC-
z3)KjeV#*gSpKWut<UelFe0VBL2Q}GN$FNBlz`J`FdDTXYzOApXpCZzdX1I-Fl-L0?
zHsGM%1_vVPEW~msyq$KIODY3NpSG;RwY|mps;(lMi;tcYF=K^{rp4y|kJ<al!pp<8
zf!*ERt4>)0OzVBPMq^!9Aw*1vil0_h8J!s>A-JWsi$bP{<p+KT3&Wu%7{X0~RJgm{
zP{$IrJo9PiwAtC@+U)4&-R6uMRI6<m?PmR`t?#fRTQ$7oiiL!7J>->Mz9hiAjz{V$
zZc`6}ezI1~_f^rX-!#MuN50cLb@0-wnYm6AlQYr<BD%OeKrl6x4K~`bF<r|<2Xcee
zY`!P%1{`ODO4S67^!A#@PJifq2-t2OGWhV+8pN&IEKg%yk0rs~^a7~Od=6VXc1Hy(
z=`rBcInK}zNdeMC<$Bn1^NZj<m$XKg%O9TkX<Z6$E`{t1G|fLy^U5D^!2ypN`Co=M
z&;48PdDdNx0YFn1#83)6Xe(@S66xj37=CYgwxP4~<9gTycXxM@jYf`<Y+rD1-pG4f
z0xsmJoUc0B4FdMhw2JNG4``_>YjvY!<0fcwoMZxkkgkQI;{dVfXw*a|2)eQ`g$1{-
zx0y-qbB3Yb{I(%saeDXRYdvzQr0xFhsPIpE4C~2}5F(p~R%Jjq%d=T%D>x?Ir0M4S
zKTl%TBJ%8Y8oZa=GL4Ya_Ac<=h0-dpkwLmm-w|oi=-gNspI#<T<Uv!8`*r3Xy0d<(
zXoWTOB1y3VK-z~I56Yr`<KwKaRmhFHA?z~R5;(sPj`5EiP0-GC&C<+qs?0iD1nl1*
zTv=RUH}jS-!)E$QuMsuGFu@3NrO)^&ZM0)_S=T0V>|I4gMaP7Cgqw0B$^RGW=N1`l
zIa@*2<Iufba}t$$)<HB{<q%ulZlGF=Z2+(Jw^i1`SftCr^%8eKe3d;AGbHoAPtfMr
zxc^LI05u30Qht5|3-kzmM|*JyP{F=ictH25GGR=HHRy*mfk!Oh>PHOZFTj7VH~-b5
z)5FAY=5rKp_QTd&e`)9++vmjkzeTPi>CxD?8&i(k;G8j!DHO}`Am*((&>e7K-S8o=
z`p}UVM%YejBS#=;zOx<|*<lnD6T{}Nok9NT#dx)IV+u{VKxEd3Ibgs!_6w8m%XT~p
zwP12MJ{KjglQrxze#mix+OEy4nOj|NVq)Twv4@ApP=9|v5L|%(n?(kgsXmN3Nc6>Z
zUnLL-jHA3gX%4T?x#vBm)9K|7*j?$Zz{Xp(Ev6SVZ*NR_Q(zuqf#4L`mjle{;p*B)
zrGDcSo&&DBaM0MB@}jOTYO<&F%$YNG-pX>U&-LKos_JS*8hSac!#II9^JbF?b>4+9
zcH3_r@a_S?-T;{0pY7jUYj2D|jJ&7<roX<m#+wf)A+SbRSQua#voTKcvH8w{51%14
zX?KH&LWmY%JI8@@dvWG+0elxDIdMCmZuyolO`x~>M|2mM^P}SdX7JWEPh6gfwxq@{
z2#%MY74351tPGOsNvloFBq0Da^P^V;1Y%97`>_jwy86Q5Izu=n+u4S^%4}uVLqgVT
z?s*m1nX8a3Es59-tPCA|P0fwDv39c{dLuyKrumL26e@Uy5;HZyz;Q=LEP)M!`zk=J
zj{geb|FX-o^73)O^v3yKhpjcj51Hx|!i5SznIhUT`q0?veaMdh!(k74)?OdLN3I7v
zo^KXZ5;u{b=0yIKs!g|%P2bVgI(Xr%t1F;6d7Z`$Pn~f#wyB!|=5Poed<@U7aK<U?
zNz|~8heo4qS<aXMdePCg;2k|@0u8Ik<TzlP;m~?kG9Z4yPlk;wl&q27`nfCL%=zf}
z!v;XaM8KDX4h`zc`vuqmz{#CWtVBsSi52O<7YmuBp`jseL>s6)E8F1A^=sEIkRt>6
zqfb5S;^!y-=p4^%+xMuj!zQ9Lz!Z+z6TittD@UYu4S_I0UTz2c29$1vV7M{Xi<YDS
z@_LaK#mE3b>klt2G7+#>0l?F@S-LbJN_Sk1$zvEZ`jN8vr9iBAEUy@O1E5O)QEgXt
z^ne1f<@NOzK<p*bNW?p1YvuXbYB*54cu}H*`C|X)H^tN?pO^u6jdh#ztl}auU~P-g
z<vA=(o(7ZqjlRuTrTYe?_}w3RTQfmN!ap|C9EMPqP-s@)zDLjwCl^~=TQ4s!i^4+?
z<MI|liFHD5L#u~Fxy#U{sP1YKXQd9O2nB)<6fs)f(dSf31%kq_D78(qu(0rn>NdCY
zZr47#aq`dF?A7D~petmN>pX})fm>MQsG#7RWUs_8kR~Bu{KwfqNdeG3-ks1in}K-P
zw4;+JnHsEyO1jLl8dD*WJ9<t6v3vd;sHO)82m73$)l(#Yt@PGvFOtq4pJV`_h9x(D
zf@6-CJ_D4Ph!TbjhsM6WzZ;I(46=LypcJS{^z1SZ?%3$N{6;HQ%t7_<Z2F_@mhpbs
z`F4Ropj60$O!LnaTEw9GflM~b@AAu<$Sp4~4+I2ZyMbfgk%-TRFljsB1!JHHou7OU
z#~ik>;3SBtS=Ngmo}4S=%w{6*YePgm3BUU=z8G#_5-~MBohYcP?BxR!${HfE9|6I}
zC5Xt!OT(2?o=4H+vJRf4&?3xoq2INWB2u2pRL{h}fvlPS@O)It!x8a#%hCI0fI=aE
z(?<$NUPg|0Trx%udIo{w;I}%sSU^N81_&O&Kek`*tTQ(^r><;z1@KgEZf<XJcT3t<
z7_e>wmGpW;jTa(^MNL?m8}Hnda(sV|07!U1!Zn-RBN-*u01AwErF+9@8k6TSm{qL@
z&IFKE+=8AG;Dq@;XI-nC&v5J1C{G&Tmiw~X1L}r*6%Q7^G*0NIhf{g_8y?9L)3&Vr
z34UxZX6@g1E{n|c*ideq)uP7U*<%~F-P;cN=eIUrNB)Z|uCLDe>a2frCHfUFU-9x4
kFaPQ-!vBwyd7#?54OAiC3gK~qS2SwylTIgUj$gk0KPtLei2wiq

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..8482f64dbaaf660dd11b1d3706aeac075f3a4162
GIT binary patch
literal 5918
zcmeI0d0bQ1w#PwhsUp%VRP04beO?ts9I6Iw7}{b)p&>=45)478B49w70%X$KLPY_s
zQY;aofQ%tQAPEpdurjoa8cYI-Ne~DS$iR>gNJw&z@4x%kdwqR>y8k)nbI#stt-a1~
z@AF;z=C}SnHXHuA!NS7A=FI7nXDuu&Z(3Na5qz`;c%mC}nFB7C$!C4OwxAAdlUrD9
z89sCJtDy9UN-_RUu<ZKOd~%{rnUGO<>SoZ6p40rT>q3#oD4Lp^W#b=jF5CUZ%)i?5
z!;5;#<E-{v+zi_l-RE3@nBO&<6a919d2v|xsPmbVH$S=*G*-0taO_Xbzd*m5=&xYO
zRV?B;WwUR+W9xh+!4n#QA3QNAUrWTzo*49CvV!VDtgjuC>GW$X7~Z67CxsvUi@W=?
zyI{+kP3upW!@m44^qS4Fc6Uzyg;zo52$V%VWPdnAkq1$wzx~M}%f>Nn`E53tXj<v-
z@24a8JiPMz{k?%y_L5M!3Aga)9^&!~5QD)0gTYQ26L%dV($A~gOP#?9Z_-6*rfWFk
z@{25+@vdCb;pnayFT;rN1U55Ml38MXpn0_K$e_ZoF5V6|=Za{W4wvfr9XIU;Jq-#N
z2`t8{*)AcJ=J_s1Qc+Qw``puRCxc$V@k~<;5BWpTfJvQ{XdZ%l;d@<~8y&%vw01$;
z5`7AYv}wp+1Pm{94No&_1(=i++*@mub54{Luk$c!hOqF|(d$-Avqkjvo})FqnOrx?
z@r!*AMjB(>z~C*=!-Uo4St?6)*T?C^+aK-H+?TQ(6Sjgc55Mad)$wzw^KN*_YOxwO
z)$L`PUzsAK>^qB&#fMP7yUIPY2YKcBI%vQ*WKZKQ)auv|>#XC@aR~{YD--uH`i45U
z=T>ie3S0zr;Q}uAtaV_3{ZIvrrD*6~8i^rqx5dqOI)u_9@QSD1{NID@JApYvE)UmV
z=>3%!u?gh)?CI0_>dF#*e<C5!9@=uQ1cFgLJdyn2L_<GmbghaPigL|~qOq4|#Gm7q
z=Y%yc^XiZ+hI0;cH|5*`HCrd4E1>}!w|}8o=sn1pEQ&wSGVzO1Cp9;Z=NUAWUSh`v
zS#Ke6;U1ZS_c;Iik0!7mV3vxg+cesKwmN8EK_-gP)bve>`^t4Ir|+7tyajx#+6<~%
zT3ail=_oKl*pCdbXU_)WD`9h%Zkd|tQfEFeRhCREK%pAG|MSQ7cAolI`KriBbPfGt
zf04wM7pE-<jgS}rkeZUx#AMonJXdcY88|+E`$!2vFaPaGOa#%Wb$fHgTWKgsAG-;`
zkMMz*62>}iVpT0uW1Y8{Xi<o$A$@*KP0+CpKAZbJ&&vP7q4Q+?QpWV-Y;dCFoM-{~
z5>bnj{ehMKb?j9+oTzUZ#H#=?hACx$l)Lh_vj|4LWs9QKh4w7zOaBkP-&f#Ub}AQ9
zANkx4?*59;XQarvAmg-8bax(G!}W71@C~p}o*F=3x^yWnF4F{i7t5U;-f_2J)?4;h
z?TVcr>tsqYXCEAnKEPRB$jZtRN~}P*D{}4=8pouc;nk{Jrb^!BdM1$k#Y|P1Bx4|s
zuIF2oNsJ8`eT02FD6Hwyt742~g(Wp6bo~5}Y!G2NW2)E<kg1T0@!Ye*R^!!kFKlUe
z<HSAqKruwe<QUP>(c}N{*>?36)Iqz6QdcM?7?k-QOT&}>r0(0FCa=zSlamKd6!^-D
zr`%^LjRO$%vo=&cuw78x{>GN^pBs&K&_j1FJUkqW#rpX8gocK~;czAM>)=`*)5K4{
z_Wav@1#$Gfg}qv>Ha9mH27`HLZLChbe3_!G3fd<Yi|JtACA&jaad+i%d39|qkZGVN
z(14ym|94}c0k3(yRG?unf|}QmzC`{9AD&SwDlxl*0C(?X>Kh#$jraEUZaGH{+DCV6
z6<(!tW@lzHQEN6nVoH7m1{V50k%(H|jvhVw8o}f7f?e)zwPc0W!2sI=L1C{fspVW;
ze0*(4E!%IDULBZw+VaLsU1KGe)FWGPjE4h3rjgt%)i;w`-WZ^OOP+*Oi=IKoX2NM7
zFTbpYJ<6;M0F1oGx(WP9*Tf1me1AbEdGpJipLIAUS9yi(qOVE2;k9&|S?O~9r01;l
z|6<>sF+fI{W~Si>64+xw!Dz#6qy^dgz-rE|tUTW1B&<&sSmBOq4UKI+W~IIx!O|Zq
zmqiyqrNTzC!-u#kt)WCUk9eTp+7uUH-#PY)NRLOhXNPk{nn^WvR`lvgsdG*V(y(_w
z2f@?A^PAM%y^<7-l<K7v=B`cJ7x}FXAF+I=i#y0UJX3Y10O`dewp~~ZGp7z6G-T{t
z|BPniOUgR>t5b8->pixy$92sWNOxW`M;)Ojp~si@4~8|TUZZYG2Tkh?De9W)vxqru
zK=-!qTCiaTl#$ubN@tv~W|~-6Q&B66I|`*wFYpVq)bo=fyqoKA=IinvA<RQ}P<@GV
zf55#${?a%jO%;fqF`nr2Z4>bXn2wAqSG^fu+Ip-hA5+u*$Z<Ji2#<0MvmTNQ(8A8Z
zRGodY1D!19YF4UY;gDK$@(3uTn5qZS$eGHlgM%ZhJzXUkenRt$KCPEoTC8rJtt&C$
zb<a_F?XToSF*m|!!lSc|{k4vw)%2*-huhJu=A3|T(3?Y_o!^%;h9b{=*Z6pf5(_KK
zE-<aucQM8M+(at&V#uNw{=x(;<`}3U(J1W`a|@B|1J7cIOjv<&MmR})meN5pJ#MKh
zYgS1ZNY2H`FBRXDPALL1=SXFnMs#LY=sQ1qwhOPQ?Y6JoTv6&gx&N{`-zsED%Az{w
zBqNHPOiZ*3O0E)PC(3=j@xaG@S-~xYJ2l{f1wt4PBMx5V)_UYqhSNsKHr3l1Q}x_G
zvyZuJ5=Fm7017U?9N7Dn4KR_px!|(h@bsN<^DO7KyZmJqkw6(gBG}kR(!{$3tFblX
zf2`dHcb95A7Ln0D1&%JAXlthV&~qU3Kp+l+RNd9kx~nlbVzgWn8b?gPRv9tz%p=><
z;fe{w^6DPQz^bVN!ufpcv5OBK7yUwN?tJ;F&ryltWOwyio#y2mXgD*~p>dMgUu4b>
zuM;_-*$a!_y=v!~3I-tA7bHgG1GX5MDg%TXe(=+)!yR6$wm~zLpS*L5iDVVkM})2E
z%r|Ft&|-2A<cyVcL;P2=uj455jBEx$Rn-M)b8o=(9wbZo3%LS<>6<CCe{5CVeO>0n
z$Uuef;q$asVefWD&C2q!-WNGP)~Z^}BaZLQ&O<|Av~yzDE6R}wYcjLk*eDf!XWz+L
zO}h3%lO8Xinc+GIb6{Yg_bWq;uzQ~skPZxVbt#)^nhh+TWd=>T${!fN6s>ftUoB7G
zD}f9LA4xhbr<qdn<5d|(j#qQ4xMGHeQhZ_R5m1|xA%2tX*r?FT4d#X3yl9h(?qj95
zOJ=&h5xP?}G3K^;v}iCkR&O8@@Wx+(yZ~!xg~ejH(;I4?bL=XQ;-(H}X`L81kZh`<
z_pMgOy}(Rpo15&HojpAMa~G$?GbPgeNxT27Zg7V)+2l)KdfM8ye<0{qY0!N?sO}jX
zqu<P&-RVGqu%5_;oNWw(Uut-0s-h|hmBtRl#>^W8t=$_B=5LL9y8Z_ZR+2Jdsm-US
zX=fYTy0;y-AlDe8PuaQ{pMIl?45d|MMU4%&ZU?PZ5R4ItMF!bjS5U3S14drHB+CgD
zyI2~B)Y#UK{YpgOwC`J%6lbLvOSOYq0Ja2OCKOu!C2;-EztI0k!U1@qmHT4fk;SP&
z6g@5&lrK%>7%Sjp!XG=bHD=*8TN+`Ir2hn1Zy|MvV?@)ciQq8mO_eTI6h>rLJLdqb
z7`m?j<B=|6pn)f`=#RdXYFRKO5(y2^?D~eC&CAjVUf6oQfqdn7II6?aYTKcVg^A+h
zwsVBnYOoUA7&B=46HfRXK+RHT#^sR(fXLt^uo9ptM^D@`79ZRG=oW#Tz%4&h_unm^
zPsz}{@&OT7=K<W(v)h~_F@F@hvHM?F2ikfrj{-2EO9*=!)%h%AkxxZJV!7o9@p8YN
zr*2oFIr0k9CWxZGwY4>4ak8LSHi(-%LSF9J^I@$0q0^;Puta*AQpo4?&)nP1i;$!W
zklEXk{`h5=A20xbv||@~?%OzmU#B5cdBF}S-2C3khYgw9nU%#UP;%elTU%WJSsu_H
zS-ms_bwH*7@L?mFXZw3-UjxM72O#2P-*1KIlKyPII*vdfBJf(CP*Rrfsc+~#P>W{+
zc9L3fi~Vkbh`jBPG=S@7`E|gLx45|2pklqlB*^KqYhP`~!v!NFBSIm<9tv<pfPFYK
z0k5PBPUSlx?K`<o{BD&_%jFp>vO)+1;*;-W<X2MtPsr|1PEHCPe*&48yMeeng-g%3
zuG^S34bBC5nE>llyjUWUaJfkXC#Lp?HIy%%o(kpYd4S`@>6ecIG6~}l@N|S&b*4v_
zr1su;!(+o%XEjM%0klt#Tm-5lN@HWAa}IESd8FZjtfydBKqJbZ6fOzlX>AX`$K<U^
z>oimVSOIXUHBdg;*x1AisQAg>Vg@{PZ?2Aa@k%^tVvTZGwQZfEbQ;?V6jGhH90Uo|
zTMnE{Hz=8?tDT=f18zHcw6?UYOp+2kryt$;0s`R}m5GVN^^e(Xe0Pkfxa=Cz-Xjsw
zk|b-21?mYBIJ)aLQ2$`~lrZV)q}#31s@hr>P|_g6!)-k@FRKG9^Bmn&k8W(r1j-H!
zjv+p=VHo<vbYM0DND?$)b=1mhYx%f=T3H#Ro#E~D$x{gK-C-r$*AMCOa3+A2bqIP*
z$ip^Uxf&zC1;CP_38`?7tOOt<L9dY;<6z2|UagL00ZKBqRjwVjDHZ&F-PZN5m!p4i
zRsXHh_r0&be|+#hhwpRve>in|FPrzWc`uv4d35{#w21V?p3Y#qd6||B9C%xtf%>1M
JejWM4zX9x_7%Kn(

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..29c3709ef58e7b6b2b5fb2b4d82aeeaddbc98ade
GIT binary patch
literal 11793
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
CHCdYg

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select-modal/test/basic/select-modal.e2e.ts-snapshots/select-modal-multiple-diff-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..b55b7bc77e5fb2f0112fc0fd89f3628f77342abe
GIT binary patch
literal 5564
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

literal 0
HcmV?d00001

diff --git a/core/src/components/select-modal/test/fixtures.ts b/core/src/components/select-modal/test/fixtures.ts
new file mode 100644
index 00000000000..2058848aa84
--- /dev/null
+++ b/core/src/components/select-modal/test/fixtures.ts
@@ -0,0 +1,73 @@
+import { expect } from '@playwright/test';
+import type { E2EPage, E2ELocator, EventSpy, E2EPageOptions, ScreenshotFn } from '@utils/test/playwright';
+
+import type { SelectModalOption } from '../select-modal-interface';
+
+export class SelectModalPage {
+  private page: E2EPage;
+  private multiple?: boolean;
+  private options: SelectModalOption[] = [];
+
+  // Locators
+  modal!: E2ELocator;
+  selectModal!: E2ELocator;
+
+  // Event spies
+  ionModalDidDismiss!: EventSpy;
+
+  constructor(page: E2EPage) {
+    this.page = page;
+  }
+
+  async setup(config: E2EPageOptions, options: SelectModalOption[], multiple = false) {
+    const { page } = this;
+
+    await page.setContent(
+      `
+    <ion-modal>
+      <ion-select-modal></ion-select-modal>
+    </ion-modal>
+    <script>
+      const selectModal = document.querySelector('ion-select-modal');
+      selectModal.options = ${JSON.stringify(options)};
+      selectModal.multiple = ${multiple};
+    </script>
+    `,
+      config
+    );
+
+    const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
+    this.ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
+
+    this.modal = page.locator('ion-modal');
+    this.selectModal = page.locator('ion-select-modal');
+    this.multiple = multiple;
+    this.options = options;
+
+    await this.modal.evaluate((modal: HTMLIonModalElement) => modal.present());
+
+    await ionModalDidPresent.next();
+  }
+
+  async screenshot(screenshot: ScreenshotFn, name: string) {
+    await expect(this.selectModal).toHaveScreenshot(screenshot(name));
+  }
+
+  async clickOption(value: string) {
+    const option = this.getOption(value);
+    await option.click();
+  }
+
+  async pressSpaceOnOption(value: string) {
+    const option = this.getOption(value);
+    await option.press('Space');
+  }
+
+  private getOption(value: string) {
+    const { multiple, selectModal } = this;
+    const selector = multiple ? 'ion-checkbox' : 'ion-radio';
+    const index = this.options.findIndex((o) => o.value === value);
+
+    return selectModal.locator(selector).nth(index);
+  }
+}
diff --git a/core/src/components/select/select-interface.ts b/core/src/components/select/select-interface.ts
index 4fa2a18828c..8e65377a825 100644
--- a/core/src/components/select/select-interface.ts
+++ b/core/src/components/select/select-interface.ts
@@ -1,4 +1,4 @@
-export type SelectInterface = 'action-sheet' | 'popover' | 'alert';
+export type SelectInterface = 'action-sheet' | 'popover' | 'alert' | 'modal';
 
 export type SelectCompareFn = (currentValue: any, compareValue: any) => boolean;
 
diff --git a/core/src/components/select/select.tsx b/core/src/components/select/select.tsx
index bdd8cc0b2e5..3b4ef84f26f 100644
--- a/core/src/components/select/select.tsx
+++ b/core/src/components/select/select.tsx
@@ -4,7 +4,7 @@ import type { NotchController } from '@utils/forms';
 import { compareOptions, createNotchController, isOptionSelected } from '@utils/forms';
 import { focusVisibleElement, renderHiddenInput, inheritAttributes } from '@utils/helpers';
 import type { Attributes } from '@utils/helpers';
-import { actionSheetController, alertController, popoverController } from '@utils/overlays';
+import { actionSheetController, alertController, popoverController, modalController } from '@utils/overlays';
 import type { OverlaySelect } from '@utils/overlays-interface';
 import { isRTL } from '@utils/rtl';
 import { createColorClasses, hostContext } from '@utils/theme';
@@ -19,6 +19,7 @@ import type {
   CssClassMap,
   PopoverOptions,
   StyleEventDetail,
+  ModalOptions,
 } from '../../interface';
 import type { ActionSheetButton } from '../action-sheet/action-sheet-interface';
 import type { AlertInput } from '../alert/alert-interface';
@@ -98,15 +99,15 @@ export class Select implements ComponentInterface {
   @Prop() fill?: 'outline' | 'solid';
 
   /**
-   * The interface the select should use: `action-sheet`, `popover` or `alert`.
+   * The interface the select should use: `action-sheet`, `popover`, `alert`, or `modal`.
    */
   @Prop() interface: SelectInterface = 'alert';
 
   /**
    * Any additional options that the `alert`, `action-sheet` or `popover` interface
    * can take. See the [ion-alert docs](./alert), the
-   * [ion-action-sheet docs](./action-sheet) and the
-   * [ion-popover docs](./popover) for the
+   * [ion-action-sheet docs](./action-sheet), the
+   * [ion-popover docs](./popover), and the [ion-modal docs](./modal) for the
    * create options for each interface.
    *
    * Note: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface.
@@ -318,9 +319,9 @@ export class Select implements ComponentInterface {
 
     await overlay.present();
 
-    // focus selected option for popovers
-    if (this.interface === 'popover') {
-      const indexOfSelected = this.childOpts.map((o) => o.value).indexOf(this.value);
+    // focus selected option for popovers and modals
+    if (this.interface === 'popover' || this.interface === 'modal') {
+      const indexOfSelected = this.childOpts.findIndex((o) => o.value === this.value);
 
       if (indexOfSelected > -1) {
         const selectedItem = overlay.querySelector<HTMLElement>(
@@ -328,8 +329,6 @@ export class Select implements ComponentInterface {
         );
 
         if (selectedItem) {
-          focusVisibleElement(selectedItem);
-
           /**
            * Browsers such as Firefox do not
            * correctly delegate focus when manually
@@ -341,10 +340,17 @@ export class Select implements ComponentInterface {
            * we only need to worry about those two components
            * when focusing.
            */
-          const interactiveEl = selectedItem.querySelector<HTMLElement>('ion-radio, ion-checkbox');
+          const interactiveEl = selectedItem.querySelector<HTMLElement>('ion-radio, ion-checkbox') as
+            | HTMLIonRadioElement
+            | HTMLIonCheckboxElement
+            | null;
           if (interactiveEl) {
-            interactiveEl.focus();
+            // Needs to be called before `focusVisibleElement` to prevent issue with focus event bubbling
+            // and removing `ion-focused` style
+            interactiveEl.setFocus();
           }
+
+          focusVisibleElement(selectedItem);
         }
       } else {
         /**
@@ -352,14 +358,18 @@ export class Select implements ComponentInterface {
          */
         const firstEnabledOption = overlay.querySelector<HTMLElement>(
           'ion-radio:not(.radio-disabled), ion-checkbox:not(.checkbox-disabled)'
-        );
-        if (firstEnabledOption) {
-          focusVisibleElement(firstEnabledOption.closest('ion-item')!);
+        ) as HTMLIonRadioElement | HTMLIonCheckboxElement | null;
 
+        if (firstEnabledOption) {
           /**
            * Focus the option for the same reason as we do above.
+           *
+           * Needs to be called before `focusVisibleElement` to prevent issue with focus event bubbling
+           * and removing `ion-focused` style
            */
-          firstEnabledOption.focus();
+          firstEnabledOption.setFocus();
+
+          focusVisibleElement(firstEnabledOption.closest('ion-item')!);
         }
       }
     }
@@ -389,6 +399,9 @@ export class Select implements ComponentInterface {
     if (selectInterface === 'popover') {
       return this.openPopover(ev!);
     }
+    if (selectInterface === 'modal') {
+      return this.openModal();
+    }
     return this.openAlert();
   }
 
@@ -406,7 +419,13 @@ export class Select implements ComponentInterface {
       case 'popover':
         const popover = overlay.querySelector('ion-select-popover');
         if (popover) {
-          popover.options = this.createPopoverOptions(childOpts, value);
+          popover.options = this.createOverlaySelectOptions(childOpts, value);
+        }
+        break;
+      case 'modal':
+        const modal = overlay.querySelector('ion-select-modal');
+        if (modal) {
+          modal.options = this.createOverlaySelectOptions(childOpts, value);
         }
         break;
       case 'alert':
@@ -475,7 +494,7 @@ export class Select implements ComponentInterface {
     return alertInputs;
   }
 
-  private createPopoverOptions(data: HTMLIonSelectOptionElement[], selectValue: any): SelectPopoverOption[] {
+  private createOverlaySelectOptions(data: HTMLIonSelectOptionElement[], selectValue: any): SelectPopoverOption[] {
     const popoverOptions = data.map((option) => {
       const value = getOptionValue(option);
 
@@ -553,7 +572,7 @@ export class Select implements ComponentInterface {
         message: interfaceOptions.message,
         multiple,
         value,
-        options: this.createPopoverOptions(this.childOpts, value),
+        options: this.createOverlaySelectOptions(this.childOpts, value),
       },
     };
 
@@ -647,6 +666,40 @@ export class Select implements ComponentInterface {
     return alertController.create(alertOpts);
   }
 
+  private openModal() {
+    const { multiple, value, interfaceOptions } = this;
+    const mode = getIonMode(this);
+
+    const modalOpts: ModalOptions = {
+      ...interfaceOptions,
+      mode,
+
+      cssClass: ['select-modal', interfaceOptions.cssClass],
+      component: 'ion-select-modal',
+      componentProps: {
+        header: interfaceOptions.header,
+        multiple,
+        value,
+        options: this.createOverlaySelectOptions(this.childOpts, value),
+      },
+    };
+
+    /**
+     * Workaround for Stencil to autodefine
+     * ion-select-modal and ion-modal when
+     * using Custom Elements build.
+     */
+    // eslint-disable-next-line
+    if (false) {
+      // eslint-disable-next-line
+      // @ts-ignore
+      document.createElement('ion-select-modal');
+      document.createElement('ion-modal');
+    }
+
+    return modalController.create(modalOpts);
+  }
+
   /**
    * Close the select interface.
    */
diff --git a/core/src/components/select/test/basic/index.html b/core/src/components/select/test/basic/index.html
index 421dd4505fe..c958d08f909 100644
--- a/core/src/components/select/test/basic/index.html
+++ b/core/src/components/select/test/basic/index.html
@@ -51,6 +51,14 @@
               <ion-select-option value="pears">Pears</ion-select-option>
             </ion-select>
           </ion-item>
+
+          <ion-item>
+            <ion-select label="Modal" placeholder="Select one" interface="modal">
+              <ion-select-option value="apples">Apples</ion-select-option>
+              <ion-select-option value="oranges">Oranges</ion-select-option>
+              <ion-select-option value="pears">Pears</ion-select-option>
+            </ion-select>
+          </ion-item>
         </ion-list>
 
         <ion-list>
@@ -76,6 +84,15 @@
               <ion-select-option value="honeybadger">Honey Badger</ion-select-option>
             </ion-select>
           </ion-item>
+
+          <ion-item>
+            <ion-select label="Modal" multiple="true" interface="modal">
+              <ion-select-option value="bird">Bird</ion-select-option>
+              <ion-select-option value="cat">Cat</ion-select-option>
+              <ion-select-option value="dog">Dog</ion-select-option>
+              <ion-select-option value="honeybadger">Honey Badger</ion-select-option>
+            </ion-select>
+          </ion-item>
         </ion-list>
 
         <ion-list>
@@ -124,6 +141,16 @@
               <ion-select-option value="onions">Onions</ion-select-option>
             </ion-select>
           </ion-item>
+
+          <ion-item color="secondary">
+            <ion-select label="Modal Sheet" id="customModalSelect" interface="modal" placeholder="Select One">
+              <ion-select-option value="pepperoni">Pepperoni</ion-select-option>
+              <ion-select-option value="bacon">Bacon</ion-select-option>
+              <ion-select-option value="xcheese">Extra Cheese</ion-select-option>
+              <ion-select-option value="mushrooms">Mushrooms</ion-select-option>
+              <ion-select-option value="onions">Onions</ion-select-option>
+            </ion-select>
+          </ion-item>
         </ion-list>
       </ion-content>
 
@@ -152,6 +179,14 @@
           message: '$1.50 charge for every topping',
         };
         customActionSheetSelect.interfaceOptions = customActionSheetOptions;
+
+        var customModalSelect = document.getElementById('customModalSelect');
+        var customModalSheetOptions = {
+          header: 'Pizza Toppings',
+          breakpoints: [0.5],
+          initialBreakpoint: 0.5,
+        };
+        customModalSelect.interfaceOptions = customModalSheetOptions;
       </script>
     </ion-app>
   </body>
diff --git a/core/src/components/select/test/basic/select.e2e.ts b/core/src/components/select/test/basic/select.e2e.ts
index d44c8ca7619..35747728495 100644
--- a/core/src/components/select/test/basic/select.e2e.ts
+++ b/core/src/components/select/test/basic/select.e2e.ts
@@ -58,6 +58,24 @@ configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
         await expect(popover).toBeVisible();
       });
     });
+
+    test.describe('select: modal', () => {
+      test('it should open a modal select', async ({ page }) => {
+        const ionModalDidPresent = await page.spyOnEvent('ionModalDidPresent');
+
+        await page.click('#customModalSelect');
+
+        await ionModalDidPresent.next();
+
+        const modal = page.locator('ion-modal');
+
+        // select has no value, so first option should be focused by default
+        const modalOption1 = modal.locator('.select-interface-option:first-of-type ion-radio');
+        await expect(modalOption1).toBeFocused();
+
+        await expect(modal).toBeVisible();
+      });
+    });
   });
 });
 
diff --git a/core/src/utils/overlays-interface.ts b/core/src/utils/overlays-interface.ts
index 4a37fca71ab..63f70baac8b 100644
--- a/core/src/utils/overlays-interface.ts
+++ b/core/src/utils/overlays-interface.ts
@@ -46,4 +46,8 @@ export interface HTMLIonOverlayElement extends HTMLStencilElement {
   present: () => Promise<void>;
 }
 
-export type OverlaySelect = HTMLIonActionSheetElement | HTMLIonAlertElement | HTMLIonPopoverElement;
+export type OverlaySelect =
+  | HTMLIonActionSheetElement
+  | HTMLIonAlertElement
+  | HTMLIonPopoverElement
+  | HTMLIonModalElement;
diff --git a/packages/angular/src/directives/proxies-list.ts b/packages/angular/src/directives/proxies-list.ts
index 1874d0bfe2d..93d0cc13ad9 100644
--- a/packages/angular/src/directives/proxies-list.ts
+++ b/packages/angular/src/directives/proxies-list.ts
@@ -70,6 +70,7 @@ export const DIRECTIVES = [
   d.IonSegment,
   d.IonSegmentButton,
   d.IonSelect,
+  d.IonSelectModal,
   d.IonSelectOption,
   d.IonSkeletonText,
   d.IonSpinner,
diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts
index 89558cb46a1..e384f56c531 100644
--- a/packages/angular/src/directives/proxies.ts
+++ b/packages/angular/src/directives/proxies.ts
@@ -2057,6 +2057,28 @@ This event will not emit when programmatically setting the `value` property.
 }
 
 
+@ProxyCmp({
+  inputs: ['header', 'multiple', 'options']
+})
+@Component({
+  selector: 'ion-select-modal',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['header', 'multiple', 'options'],
+})
+export class IonSelectModal {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface IonSelectModal extends Components.IonSelectModal {}
+
+
 @ProxyCmp({
   inputs: ['disabled', 'value']
 })
diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts
index b0426e56968..5fac940a661 100644
--- a/packages/angular/standalone/src/directives/proxies.ts
+++ b/packages/angular/standalone/src/directives/proxies.ts
@@ -65,6 +65,7 @@ import { defineCustomElement as defineIonReorderGroup } from '@ionic/core/compon
 import { defineCustomElement as defineIonRippleEffect } from '@ionic/core/components/ion-ripple-effect.js';
 import { defineCustomElement as defineIonRow } from '@ionic/core/components/ion-row.js';
 import { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineIonSelectModal } from '@ionic/core/components/ion-select-modal.js';
 import { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';
 import { defineCustomElement as defineIonSkeletonText } from '@ionic/core/components/ion-skeleton-text.js';
 import { defineCustomElement as defineIonSpinner } from '@ionic/core/components/ion-spinner.js';
@@ -1841,6 +1842,30 @@ export class IonSegmentButton {
 export declare interface IonSegmentButton extends Components.IonSegmentButton {}
 
 
+@ProxyCmp({
+  defineCustomElementFn: defineIonSelectModal,
+  inputs: ['header', 'multiple', 'options']
+})
+@Component({
+  selector: 'ion-select-modal',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['header', 'multiple', 'options'],
+  standalone: true
+})
+export class IonSelectModal {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface IonSelectModal extends Components.IonSelectModal {}
+
+
 @ProxyCmp({
   defineCustomElementFn: defineIonSelectOption,
   inputs: ['disabled', 'value']
diff --git a/packages/react/src/components/proxies.ts b/packages/react/src/components/proxies.ts
index 05800f38773..14f81d30ebd 100644
--- a/packages/react/src/components/proxies.ts
+++ b/packages/react/src/components/proxies.ts
@@ -62,6 +62,7 @@ import { defineCustomElement as defineIonSearchbar } from '@ionic/core/component
 import { defineCustomElement as defineIonSegment } from '@ionic/core/components/ion-segment.js';
 import { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';
 import { defineCustomElement as defineIonSelect } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineIonSelectModal } from '@ionic/core/components/ion-select-modal.js';
 import { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';
 import { defineCustomElement as defineIonSkeletonText } from '@ionic/core/components/ion-skeleton-text.js';
 import { defineCustomElement as defineIonSpinner } from '@ionic/core/components/ion-spinner.js';
@@ -131,6 +132,7 @@ export const IonSearchbar = /*@__PURE__*/createReactComponent<JSX.IonSearchbar,
 export const IonSegment = /*@__PURE__*/createReactComponent<JSX.IonSegment, HTMLIonSegmentElement>('ion-segment', undefined, undefined, defineIonSegment);
 export const IonSegmentButton = /*@__PURE__*/createReactComponent<JSX.IonSegmentButton, HTMLIonSegmentButtonElement>('ion-segment-button', undefined, undefined, defineIonSegmentButton);
 export const IonSelect = /*@__PURE__*/createReactComponent<JSX.IonSelect, HTMLIonSelectElement>('ion-select', undefined, undefined, defineIonSelect);
+export const IonSelectModal = /*@__PURE__*/createReactComponent<JSX.IonSelectModal, HTMLIonSelectModalElement>('ion-select-modal', undefined, undefined, defineIonSelectModal);
 export const IonSelectOption = /*@__PURE__*/createReactComponent<JSX.IonSelectOption, HTMLIonSelectOptionElement>('ion-select-option', undefined, undefined, defineIonSelectOption);
 export const IonSkeletonText = /*@__PURE__*/createReactComponent<JSX.IonSkeletonText, HTMLIonSkeletonTextElement>('ion-skeleton-text', undefined, undefined, defineIonSkeletonText);
 export const IonSpinner = /*@__PURE__*/createReactComponent<JSX.IonSpinner, HTMLIonSpinnerElement>('ion-spinner', undefined, undefined, defineIonSpinner);
diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts
index 347673a7461..0d93a32c46d 100644
--- a/packages/vue/src/proxies.ts
+++ b/packages/vue/src/proxies.ts
@@ -68,6 +68,7 @@ import { defineCustomElement as defineIonSearchbar } from '@ionic/core/component
 import { defineCustomElement as defineIonSegment } from '@ionic/core/components/ion-segment.js';
 import { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';
 import { defineCustomElement as defineIonSelect } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineIonSelectModal } from '@ionic/core/components/ion-select-modal.js';
 import { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';
 import { defineCustomElement as defineIonSkeletonText } from '@ionic/core/components/ion-skeleton-text.js';
 import { defineCustomElement as defineIonSpinner } from '@ionic/core/components/ion-spinner.js';
@@ -782,6 +783,13 @@ export const IonSelect = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSel
 'value', 'ion-change');
 
 
+export const IonSelectModal = /*@__PURE__*/ defineContainer<JSX.IonSelectModal>('ion-select-modal', defineIonSelectModal, [
+  'header',
+  'multiple',
+  'options'
+]);
+
+
 export const IonSelectOption = /*@__PURE__*/ defineContainer<JSX.IonSelectOption>('ion-select-option', defineIonSelectOption, [
   'disabled',
   'value'

From 89508fb89172900b1d11cc3fc18883f57a7fbab6 Mon Sep 17 00:00:00 2001
From: Tanner Reits <47483144+tanner-reits@users.noreply.github.com>
Date: Thu, 31 Oct 2024 12:20:02 -0400
Subject: [PATCH 5/7] feat(segment-view): adds support for new
 `ion-segment-view` component (#29969)

Issue number: resolves internal

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

Segments can only be changed by clicking a segment button, or dragging
the indicator

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

The segment/segment buttons can now be linked to segment content within
a segment view component. This content is scrollable/swipeable. Changing
the content will update the segment/indicator and vice-versa.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

**Limitations:**
- Segment buttons **cannot** be disabled when connected ton
`ion-segment-content` instances
- The `ion-segment` **cannot** be without a value when linked with an
`ion-segment-view`. If no value is provided, the value will default to
the value of the first `ion-segment-content`


[Preview](https://ionic-framework-jlt8by2io-ionic1.vercel.app/src/components/segment-view/test/basic)
[Preview (disabled
state)](https://ionic-framework-jlt8by2io-ionic1.vercel.app/src/components/segment-view/test/disabled)

---------

Co-authored-by: Brandy Carney <brandyscarney@gmail.com>
---
 core/api.txt                                  |   7 +
 core/src/components.d.ts                      |  68 +++++++
 .../segment-button/segment-button.tsx         |  37 +++-
 .../segment-content/segment-content.scss      |  11 ++
 .../segment-content/segment-content.tsx       |  17 ++
 .../segment-view/segment-view-interface.ts    |   4 +
 .../segment-view/segment-view.ios.scss        |   9 +
 .../segment-view/segment-view.md.scss         |   9 +
 .../components/segment-view/segment-view.scss |  31 ++++
 .../components/segment-view/segment-view.tsx  | 153 ++++++++++++++++
 .../segment-view/test/basic/index.html        | 164 +++++++++++++++++
 .../test/basic/segment-view.e2e.ts            | 173 ++++++++++++++++++
 .../segment-view/test/disabled/index.html     | 103 +++++++++++
 .../test/disabled/segment-view.e2e.ts         |  49 +++++
 ...w-disabled-ios-ltr-Mobile-Chrome-linux.png | Bin 0 -> 16516 bytes
 ...-disabled-ios-ltr-Mobile-Firefox-linux.png | Bin 0 -> 23115 bytes
 ...w-disabled-ios-ltr-Mobile-Safari-linux.png | Bin 0 -> 16069 bytes
 ...ew-disabled-md-ltr-Mobile-Chrome-linux.png | Bin 0 -> 15634 bytes
 ...w-disabled-md-ltr-Mobile-Firefox-linux.png | Bin 0 -> 23920 bytes
 ...ew-disabled-md-ltr-Mobile-Safari-linux.png | Bin 0 -> 15953 bytes
 core/src/components/segment/segment.tsx       | 150 +++++++++++++--
 .../angular/src/directives/proxies-list.ts    |   2 +
 packages/angular/src/directives/proxies.ts    |  55 +++++-
 .../standalone/src/directives/proxies.ts      |  61 +++++-
 packages/react/src/components/proxies.ts      |   4 +
 packages/vue/src/proxies.ts                   |  12 ++
 26 files changed, 1096 insertions(+), 23 deletions(-)
 create mode 100644 core/src/components/segment-content/segment-content.scss
 create mode 100644 core/src/components/segment-content/segment-content.tsx
 create mode 100644 core/src/components/segment-view/segment-view-interface.ts
 create mode 100644 core/src/components/segment-view/segment-view.ios.scss
 create mode 100644 core/src/components/segment-view/segment-view.md.scss
 create mode 100644 core/src/components/segment-view/segment-view.scss
 create mode 100644 core/src/components/segment-view/segment-view.tsx
 create mode 100644 core/src/components/segment-view/test/basic/index.html
 create mode 100644 core/src/components/segment-view/test/basic/segment-view.e2e.ts
 create mode 100644 core/src/components/segment-view/test/disabled/index.html
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Safari-linux.png
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Chrome-linux.png
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Firefox-linux.png
 create mode 100644 core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Safari-linux.png

diff --git a/core/api.txt b/core/api.txt
index 3aff52a1cfc..67d49417556 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -1542,6 +1542,7 @@ ion-segment,css-prop,--background,ios
 ion-segment,css-prop,--background,md
 
 ion-segment-button,shadow
+ion-segment-button,prop,contentId,string | undefined,undefined,false,true
 ion-segment-button,prop,disabled,boolean,false,false,false
 ion-segment-button,prop,layout,"icon-bottom" | "icon-end" | "icon-hide" | "icon-start" | "icon-top" | "label-hide" | undefined,'icon-top',false,false
 ion-segment-button,prop,mode,"ios" | "md",undefined,false,false
@@ -1607,6 +1608,12 @@ ion-segment-button,part,indicator
 ion-segment-button,part,indicator-background
 ion-segment-button,part,native
 
+ion-segment-content,shadow
+
+ion-segment-view,shadow
+ion-segment-view,prop,disabled,boolean,false,false,false
+ion-segment-view,event,ionSegmentViewScroll,SegmentViewScrollEvent,true
+
 ion-select,shadow
 ion-select,prop,cancelText,string,'Cancel',false,false
 ion-select,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
diff --git a/core/src/components.d.ts b/core/src/components.d.ts
index 48ceedfa8a1..2e5163329dd 100644
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
@@ -34,6 +34,7 @@ import { NavigationHookCallback } from "./components/route/route-interface";
 import { SearchbarChangeEventDetail, SearchbarInputEventDetail } from "./components/searchbar/searchbar-interface";
 import { SegmentChangeEventDetail, SegmentValue } from "./components/segment/segment-interface";
 import { SegmentButtonLayout } from "./components/segment-button/segment-button-interface";
+import { SegmentViewScrollEvent } from "./components/segment-view/segment-view-interface";
 import { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./components/select/select-interface";
 import { SelectModalOption } from "./components/select-modal/select-modal-interface";
 import { SelectPopoverOption } from "./components/select-popover/select-popover-interface";
@@ -70,6 +71,7 @@ export { NavigationHookCallback } from "./components/route/route-interface";
 export { SearchbarChangeEventDetail, SearchbarInputEventDetail } from "./components/searchbar/searchbar-interface";
 export { SegmentChangeEventDetail, SegmentValue } from "./components/segment/segment-interface";
 export { SegmentButtonLayout } from "./components/segment-button/segment-button-interface";
+export { SegmentViewScrollEvent } from "./components/segment-view/segment-view-interface";
 export { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./components/select/select-interface";
 export { SelectModalOption } from "./components/select-modal/select-modal-interface";
 export { SelectPopoverOption } from "./components/select-popover/select-popover-interface";
@@ -2696,6 +2698,10 @@ export namespace Components {
         "value"?: SegmentValue;
     }
     interface IonSegmentButton {
+        /**
+          * The `id` of the segment content.
+         */
+        "contentId"?: string;
         /**
           * If `true`, the user cannot interact with the segment button.
          */
@@ -2718,6 +2724,19 @@ export namespace Components {
          */
         "value": SegmentValue;
     }
+    interface IonSegmentContent {
+    }
+    interface IonSegmentView {
+        /**
+          * If `true`, the segment view cannot be interacted with.
+         */
+        "disabled": boolean;
+        /**
+          * @param id : The id of the segment content to display.
+          * @param smoothScroll : Whether to animate the scroll transition.
+         */
+        "setContent": (id: string, smoothScroll?: boolean) => Promise<void>;
+    }
     interface IonSelect {
         /**
           * The text to display on the cancel button.
@@ -3424,6 +3443,10 @@ export interface IonSegmentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIonSegmentElement;
 }
+export interface IonSegmentViewCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIonSegmentViewElement;
+}
 export interface IonSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIonSelectElement;
@@ -4420,6 +4443,29 @@ declare global {
         prototype: HTMLIonSegmentButtonElement;
         new (): HTMLIonSegmentButtonElement;
     };
+    interface HTMLIonSegmentContentElement extends Components.IonSegmentContent, HTMLStencilElement {
+    }
+    var HTMLIonSegmentContentElement: {
+        prototype: HTMLIonSegmentContentElement;
+        new (): HTMLIonSegmentContentElement;
+    };
+    interface HTMLIonSegmentViewElementEventMap {
+        "ionSegmentViewScroll": SegmentViewScrollEvent;
+    }
+    interface HTMLIonSegmentViewElement extends Components.IonSegmentView, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIonSegmentViewElementEventMap>(type: K, listener: (this: HTMLIonSegmentViewElement, ev: IonSegmentViewCustomEvent<HTMLIonSegmentViewElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIonSegmentViewElementEventMap>(type: K, listener: (this: HTMLIonSegmentViewElement, ev: IonSegmentViewCustomEvent<HTMLIonSegmentViewElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLIonSegmentViewElement: {
+        prototype: HTMLIonSegmentViewElement;
+        new (): HTMLIonSegmentViewElement;
+    };
     interface HTMLIonSelectElementEventMap {
         "ionChange": SelectChangeEventDetail;
         "ionCancel": void;
@@ -4735,6 +4781,8 @@ declare global {
         "ion-searchbar": HTMLIonSearchbarElement;
         "ion-segment": HTMLIonSegmentElement;
         "ion-segment-button": HTMLIonSegmentButtonElement;
+        "ion-segment-content": HTMLIonSegmentContentElement;
+        "ion-segment-view": HTMLIonSegmentViewElement;
         "ion-select": HTMLIonSelectElement;
         "ion-select-modal": HTMLIonSelectModalElement;
         "ion-select-option": HTMLIonSelectOptionElement;
@@ -7465,6 +7513,10 @@ declare namespace LocalJSX {
         "value"?: SegmentValue;
     }
     interface IonSegmentButton {
+        /**
+          * The `id` of the segment content.
+         */
+        "contentId"?: string;
         /**
           * If `true`, the user cannot interact with the segment button.
          */
@@ -7486,6 +7538,18 @@ declare namespace LocalJSX {
          */
         "value"?: SegmentValue;
     }
+    interface IonSegmentContent {
+    }
+    interface IonSegmentView {
+        /**
+          * If `true`, the segment view cannot be interacted with.
+         */
+        "disabled"?: boolean;
+        /**
+          * Emitted when the segment view is scrolled.
+         */
+        "onIonSegmentViewScroll"?: (event: IonSegmentViewCustomEvent<SegmentViewScrollEvent>) => void;
+    }
     interface IonSelect {
         /**
           * The text to display on the cancel button.
@@ -8182,6 +8246,8 @@ declare namespace LocalJSX {
         "ion-searchbar": IonSearchbar;
         "ion-segment": IonSegment;
         "ion-segment-button": IonSegmentButton;
+        "ion-segment-content": IonSegmentContent;
+        "ion-segment-view": IonSegmentView;
         "ion-select": IonSelect;
         "ion-select-modal": IonSelectModal;
         "ion-select-option": IonSelectOption;
@@ -8282,6 +8348,8 @@ declare module "@stencil/core" {
             "ion-searchbar": LocalJSX.IonSearchbar & JSXBase.HTMLAttributes<HTMLIonSearchbarElement>;
             "ion-segment": LocalJSX.IonSegment & JSXBase.HTMLAttributes<HTMLIonSegmentElement>;
             "ion-segment-button": LocalJSX.IonSegmentButton & JSXBase.HTMLAttributes<HTMLIonSegmentButtonElement>;
+            "ion-segment-content": LocalJSX.IonSegmentContent & JSXBase.HTMLAttributes<HTMLIonSegmentContentElement>;
+            "ion-segment-view": LocalJSX.IonSegmentView & JSXBase.HTMLAttributes<HTMLIonSegmentViewElement>;
             "ion-select": LocalJSX.IonSelect & JSXBase.HTMLAttributes<HTMLIonSelectElement>;
             "ion-select-modal": LocalJSX.IonSelectModal & JSXBase.HTMLAttributes<HTMLIonSelectModalElement>;
             "ion-select-option": LocalJSX.IonSelectOption & JSXBase.HTMLAttributes<HTMLIonSelectOptionElement>;
diff --git a/core/src/components/segment-button/segment-button.tsx b/core/src/components/segment-button/segment-button.tsx
index 26954fb6cbd..d860735f729 100644
--- a/core/src/components/segment-button/segment-button.tsx
+++ b/core/src/components/segment-button/segment-button.tsx
@@ -36,6 +36,11 @@ export class SegmentButton implements ComponentInterface, ButtonInterface {
 
   @State() checked = false;
 
+  /**
+   * The `id` of the segment content.
+   */
+  @Prop({ reflect: true }) contentId?: string;
+
   /**
    * If `true`, the user cannot interact with the segment button.
    */
@@ -67,6 +72,30 @@ export class SegmentButton implements ComponentInterface, ButtonInterface {
       addEventListener(segmentEl, 'ionSelect', this.updateState);
       addEventListener(segmentEl, 'ionStyle', this.updateStyle);
     }
+
+    // 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;
+    }
+
+    // Prevent buttons from being disabled when associated with segment content
+    if (this.disabled) {
+      console.warn(`Segment Button: Segment buttons cannot be disabled when associated with an <ion-segment-content>.`);
+      this.disabled = false;
+    }
   }
 
   disconnectedCallback() {
@@ -161,13 +190,7 @@ export class SegmentButton implements ComponentInterface, ButtonInterface {
           </span>
           {mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
         </button>
-        <div
-          part="indicator"
-          class={{
-            'segment-button-indicator': true,
-            'segment-button-indicator-animated': true,
-          }}
-        >
+        <div part="indicator" class="segment-button-indicator segment-button-indicator-animated">
           <div part="indicator-background" class="segment-button-indicator-background"></div>
         </div>
       </Host>
diff --git a/core/src/components/segment-content/segment-content.scss b/core/src/components/segment-content/segment-content.scss
new file mode 100644
index 00000000000..464402b41ff
--- /dev/null
+++ b/core/src/components/segment-content/segment-content.scss
@@ -0,0 +1,11 @@
+// Segment Content
+// --------------------------------------------------
+
+:host {
+  scroll-snap-align: center;
+  scroll-snap-stop: always;
+
+  flex-shrink: 0;
+
+  width: 100%;
+}
diff --git a/core/src/components/segment-content/segment-content.tsx b/core/src/components/segment-content/segment-content.tsx
new file mode 100644
index 00000000000..2b5fefebff2
--- /dev/null
+++ b/core/src/components/segment-content/segment-content.tsx
@@ -0,0 +1,17 @@
+import type { ComponentInterface } from '@stencil/core';
+import { Component, Host, h } from '@stencil/core';
+
+@Component({
+  tag: 'ion-segment-content',
+  styleUrl: 'segment-content.scss',
+  shadow: true,
+})
+export class SegmentContent implements ComponentInterface {
+  render() {
+    return (
+      <Host>
+        <slot></slot>
+      </Host>
+    );
+  }
+}
diff --git a/core/src/components/segment-view/segment-view-interface.ts b/core/src/components/segment-view/segment-view-interface.ts
new file mode 100644
index 00000000000..c6212152ed5
--- /dev/null
+++ b/core/src/components/segment-view/segment-view-interface.ts
@@ -0,0 +1,4 @@
+export interface SegmentViewScrollEvent {
+  scrollRatio: number;
+  isManualScroll: boolean;
+}
diff --git a/core/src/components/segment-view/segment-view.ios.scss b/core/src/components/segment-view/segment-view.ios.scss
new file mode 100644
index 00000000000..a8c51304565
--- /dev/null
+++ b/core/src/components/segment-view/segment-view.ios.scss
@@ -0,0 +1,9 @@
+@import "./segment-view";
+@import "../segment-button/segment-button.ios.vars";
+
+// iOS Segment View
+// --------------------------------------------------
+
+:host(.segment-view-disabled) {
+  opacity: $segment-button-ios-opacity-disabled;
+}
diff --git a/core/src/components/segment-view/segment-view.md.scss b/core/src/components/segment-view/segment-view.md.scss
new file mode 100644
index 00000000000..4a141cf5c89
--- /dev/null
+++ b/core/src/components/segment-view/segment-view.md.scss
@@ -0,0 +1,9 @@
+@import "./segment-view";
+@import "../segment-button/segment-button.md.vars";
+
+// Material Design Segment View
+// --------------------------------------------------
+
+:host(.segment-view-disabled) {
+  opacity: $segment-button-md-opacity-disabled;
+}
diff --git a/core/src/components/segment-view/segment-view.scss b/core/src/components/segment-view/segment-view.scss
new file mode 100644
index 00000000000..a41030992f6
--- /dev/null
+++ b/core/src/components/segment-view/segment-view.scss
@@ -0,0 +1,31 @@
+// Segment View
+// --------------------------------------------------
+
+:host {
+  display: flex;
+
+  height: 100%;
+
+  overflow-x: scroll;
+  scroll-snap-type: x mandatory;
+
+  /* Hide scrollbar in Firefox */
+  scrollbar-width: none;
+
+  /* Hide scrollbar in IE and Edge */
+  -ms-overflow-style: none;
+}
+
+/* Hide scrollbar in webkit */
+:host::-webkit-scrollbar {
+  display: none;
+}
+
+:host(.segment-view-disabled) {
+  touch-action: none;
+  overflow-x: hidden;
+}
+
+:host(.segment-view-scroll-disabled) {
+  pointer-events: none;
+}
diff --git a/core/src/components/segment-view/segment-view.tsx b/core/src/components/segment-view/segment-view.tsx
new file mode 100644
index 00000000000..633d9a37d39
--- /dev/null
+++ b/core/src/components/segment-view/segment-view.tsx
@@ -0,0 +1,153 @@
+import type { ComponentInterface, EventEmitter } from '@stencil/core';
+import { Component, Element, Event, Host, Listen, Method, Prop, State, h } from '@stencil/core';
+
+import type { SegmentViewScrollEvent } from './segment-view-interface';
+
+@Component({
+  tag: 'ion-segment-view',
+  styleUrls: {
+    ios: 'segment-view.ios.scss',
+    md: 'segment-view.md.scss',
+  },
+  shadow: true,
+})
+export class SegmentView implements ComponentInterface {
+  private scrollEndTimeout: ReturnType<typeof setTimeout> | null = null;
+  private isTouching = false;
+
+  @Element() el!: HTMLElement;
+
+  /**
+   * If `true`, the segment view cannot be interacted with.
+   */
+  @Prop() disabled = false;
+
+  /**
+   * @internal
+   *
+   * If `true`, the segment view is scrollable.
+   * If `false`, pointer events will be disabled. This is to prevent issues with
+   * quickly scrolling after interacting with a segment button.
+   */
+  @State() isManualScroll?: boolean;
+
+  /**
+   * Emitted when the segment view is scrolled.
+   */
+  @Event() ionSegmentViewScroll!: EventEmitter<SegmentViewScrollEvent>;
+
+  @Listen('scroll')
+  handleScroll(ev: Event) {
+    const { scrollLeft, scrollWidth, clientWidth } = ev.target as HTMLElement;
+    const scrollRatio = scrollLeft / (scrollWidth - clientWidth);
+
+    this.ionSegmentViewScroll.emit({
+      scrollRatio,
+      isManualScroll: this.isManualScroll ?? true,
+    });
+
+    // Reset the timeout to check for scroll end
+    this.resetScrollEndTimeout();
+  }
+
+  /**
+   * Handle touch start event to know when the user is actively dragging the segment view.
+   */
+  @Listen('touchstart')
+  handleScrollStart() {
+    if (this.scrollEndTimeout) {
+      clearTimeout(this.scrollEndTimeout);
+      this.scrollEndTimeout = null;
+    }
+
+    this.isTouching = true;
+  }
+
+  /**
+   * Handle touch end event to know when the user is no longer dragging the segment view.
+   */
+  @Listen('touchend')
+  handleTouchEnd() {
+    this.isTouching = false;
+  }
+
+  /**
+   * Reset the scroll end detection timer. This is called on every scroll event.
+   */
+  private resetScrollEndTimeout() {
+    if (this.scrollEndTimeout) {
+      clearTimeout(this.scrollEndTimeout);
+      this.scrollEndTimeout = null;
+    }
+    this.scrollEndTimeout = setTimeout(
+      () => {
+        this.checkForScrollEnd();
+      },
+      // Setting this to a lower value may result in inconsistencies in behavior
+      // across browsers (particularly Firefox).
+      // Ideally, all of this logic is removed once the scroll end event is
+      // supported on all browsers (https://caniuse.com/?search=scrollend)
+      100
+    );
+  }
+
+  /**
+   * Check if the scroll has ended and the user is not actively touching.
+   * If the conditions are met (active content is enabled and no active touch),
+   * reset the scroll position and emit the scroll end event.
+   */
+  private checkForScrollEnd() {
+    // Only emit scroll end event if the active content is not disabled and
+    // the user is not touching the segment view
+    if (!this.isTouching) {
+      this.isManualScroll = undefined;
+    }
+  }
+
+  /**
+   * @internal
+   *
+   * This method is used to programmatically set the displayed segment content
+   * in the segment view. Calling this method will update the `value` of the
+   * corresponding segment button.
+   *
+   * @param id: The id of the segment content to display.
+   * @param smoothScroll: Whether to animate the scroll transition.
+   */
+  @Method()
+  async setContent(id: string, smoothScroll = true) {
+    const contents = this.getSegmentContents();
+    const index = contents.findIndex((content) => content.id === id);
+
+    if (index === -1) return;
+
+    this.isManualScroll = false;
+    this.resetScrollEndTimeout();
+
+    const contentWidth = this.el.offsetWidth;
+    this.el.scrollTo({
+      top: 0,
+      left: index * contentWidth,
+      behavior: smoothScroll ? 'smooth' : 'instant',
+    });
+  }
+
+  private getSegmentContents(): HTMLIonSegmentContentElement[] {
+    return Array.from(this.el.querySelectorAll('ion-segment-content'));
+  }
+
+  render() {
+    const { disabled, isManualScroll } = this;
+
+    return (
+      <Host
+        class={{
+          'segment-view-disabled': disabled,
+          'segment-view-scroll-disabled': isManualScroll === false,
+        }}
+      >
+        <slot></slot>
+      </Host>
+    );
+  }
+}
diff --git a/core/src/components/segment-view/test/basic/index.html b/core/src/components/segment-view/test/basic/index.html
new file mode 100644
index 00000000000..69d36d4a6c0
--- /dev/null
+++ b/core/src/components/segment-view/test/basic/index.html
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Segment View - Basic</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
+    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
+    <script src="../../../../../scripts/testing/scripts.js"></script>
+    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
+    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
+
+    <style>
+      ion-segment-view {
+        height: 100px;
+
+        margin-bottom: 20px;
+      }
+
+      ion-segment-content {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      ion-segment-content:nth-of-type(3n + 1) {
+        background: lightpink;
+      }
+
+      ion-segment-content:nth-of-type(3n + 2) {
+        background: lightblue;
+      }
+
+      ion-segment-content:nth-of-type(3n + 3) {
+        background: lightgreen;
+      }
+    </style>
+  </head>
+
+  <body>
+    <ion-app>
+      <ion-header>
+        <ion-toolbar>
+          <ion-title>Segment View - Basic</ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <ion-content>
+        <ion-segment id="noValueSegment">
+          <ion-segment-button content-id="no" value="no">
+            <ion-label>No</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="value" value="value">
+            <ion-label>Value</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view id="noValueSegmentView">
+          <ion-segment-content id="no">No</ion-segment-content>
+          <ion-segment-content id="value">Value</ion-segment-content>
+        </ion-segment-view>
+
+        <ion-segment value="free">
+          <ion-segment-button content-id="paid" value="paid">
+            <ion-label>Paid</ion-label>
+          </ion-segment-button>
+          <ion-segment-button style="min-width: 200px" content-id="free" value="free">
+            <ion-label>Free</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="top" value="top">
+            <ion-label>Top</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="paid">Paid</ion-segment-content>
+          <ion-segment-content id="free">Free</ion-segment-content>
+          <ion-segment-content id="top">Top</ion-segment-content>
+        </ion-segment-view>
+
+        <ion-segment value="peach" scrollable>
+          <ion-segment-button content-id="orange" value="orange">
+            <ion-label>Orange</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="banana" value="banana">
+            <ion-label>Banana</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="pear" value="pear">
+            <ion-label>Pear</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="peach" value="peach">
+            <ion-label>Peach</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="grape" value="grape">
+            <ion-label>Grape</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="mango" value="mango">
+            <ion-label>Mango</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="apple" value="apple">
+            <ion-label>Apple</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="strawberry" value="strawberry">
+            <ion-label>Strawberry</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="cherry" value="cherry">
+            <ion-label>Cherry</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="orange">Orange</ion-segment-content>
+          <ion-segment-content id="banana">Banana</ion-segment-content>
+          <ion-segment-content id="pear">Pear</ion-segment-content>
+          <ion-segment-content id="peach">Peach</ion-segment-content>
+          <ion-segment-content id="grape">Grape</ion-segment-content>
+          <ion-segment-content id="mango">Mango</ion-segment-content>
+          <ion-segment-content id="apple">Apple</ion-segment-content>
+          <ion-segment-content id="strawberry">Strawberry</ion-segment-content>
+          <ion-segment-content id="cherry">Cherry</ion-segment-content>
+        </ion-segment-view>
+
+        <button class="expand" onClick="changeSegmentContent()">Change Segment Content</button>
+
+        <button class="expand" onClick="clearSegmentValue()">Clear Segment Value</button>
+      </ion-content>
+
+      <ion-footer>
+        <ion-toolbar>
+          <ion-title>Footer</ion-title>
+        </ion-toolbar>
+      </ion-footer>
+
+      <script>
+        function changeSegmentContent() {
+          const segment = document.querySelector('#noValueSegment');
+          const segmentView = document.querySelector('#noValueSegmentView');
+
+          let currentValue = segment.value;
+
+          if (currentValue === 'value') {
+            currentValue = 'no';
+          } else {
+            currentValue = 'value';
+          }
+
+          segment.value = currentValue;
+        }
+
+        async function clearSegmentValue() {
+          const segmentView = document.querySelector('#noValueSegmentView');
+          segmentView.setContent('no', false);
+
+          // Set timeout to ensure the value is cleared after
+          // the segment content is updated
+          setTimeout(() => {
+            const segment = document.querySelector('#noValueSegment');
+            segment.value = undefined;
+          });
+        }
+      </script>
+    </ion-app>
+  </body>
+</html>
diff --git a/core/src/components/segment-view/test/basic/segment-view.e2e.ts b/core/src/components/segment-view/test/basic/segment-view.e2e.ts
new file mode 100644
index 00000000000..447a60be309
--- /dev/null
+++ b/core/src/components/segment-view/test/basic/segment-view.e2e.ts
@@ -0,0 +1,173 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+/**
+ * This behavior does not vary across modes/directions
+ */
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('segment-view: basic'), () => {
+    test('should show the first content with no initial value', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-segment>
+          <ion-segment-button content-id="paid" value="paid">
+            <ion-label>Paid</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="free" value="free">
+            <ion-label>Free</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="top" value="top">
+            <ion-label>Top</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="paid">Paid</ion-segment-content>
+          <ion-segment-content id="free">Free</ion-segment-content>
+          <ion-segment-content id="top">Top</ion-segment-content>
+        </ion-segment-view>
+      `,
+        config
+      );
+
+      const segmentContent = page.locator('ion-segment-content[id="paid"]');
+      await expect(segmentContent).toBeInViewport();
+    });
+
+    test('should show the content matching the initial value', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-segment value="free">
+          <ion-segment-button content-id="paid" value="paid">
+            <ion-label>Paid</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="free" value="free">
+            <ion-label>Free</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="top" value="top">
+            <ion-label>Top</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="paid">Paid</ion-segment-content>
+          <ion-segment-content id="free">Free</ion-segment-content>
+          <ion-segment-content id="top">Top</ion-segment-content>
+        </ion-segment-view>
+      `,
+        config
+      );
+
+      const segmentContent = page.locator('ion-segment-content[id="free"]');
+      await expect(segmentContent).toBeInViewport();
+    });
+
+    test('should update the content when changing the value by clicking a segment button', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-segment value="free">
+          <ion-segment-button content-id="paid" value="paid">
+            <ion-label>Paid</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="free" value="free">
+            <ion-label>Free</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="top" value="top">
+            <ion-label>Top</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="paid">Paid</ion-segment-content>
+          <ion-segment-content id="free">Free</ion-segment-content>
+          <ion-segment-content id="top">Top</ion-segment-content>
+        </ion-segment-view>
+      `,
+        config
+      );
+
+      await page.locator('ion-segment-button[value="top"]').click();
+
+      const segmentContent = page.locator('ion-segment-content[id="top"]');
+      await expect(segmentContent).toBeInViewport();
+    });
+  });
+
+  test('should set correct segment button as checked when changing the value by scrolling the segment content', async ({
+    page,
+  }) => {
+    await page.setContent(
+      `
+      <ion-segment value="free">
+        <ion-segment-button content-id="paid" value="paid">
+          <ion-label>Paid</ion-label>
+        </ion-segment-button>
+        <ion-segment-button content-id="free" value="free">
+          <ion-label>Free</ion-label>
+        </ion-segment-button>
+        <ion-segment-button content-id="top" value="top">
+          <ion-label>Top</ion-label>
+        </ion-segment-button>
+      </ion-segment>
+      <ion-segment-view>
+        <ion-segment-content id="paid">Paid</ion-segment-content>
+        <ion-segment-content id="free">Free</ion-segment-content>
+        <ion-segment-content id="top">Top</ion-segment-content>
+      </ion-segment-view>
+    `,
+      config
+    );
+
+    await page
+      .locator('ion-segment-view')
+      .evaluate(
+        (segmentView: HTMLIonSegmentViewElement) => !segmentView.classList.contains('segment-view-scroll-disabled')
+      );
+
+    await page.waitForChanges();
+
+    await page.locator('ion-segment-content[id="top"]').scrollIntoViewIfNeeded();
+
+    const segmentButton = page.locator('ion-segment-button[value="top"]');
+    await expect(segmentButton).toHaveClass(/segment-button-checked/);
+  });
+
+  test('should set correct segment button as checked and show correct content when programmatically setting the segment vale', async ({
+    page,
+  }) => {
+    await page.setContent(
+      `
+      <ion-segment value="free">
+        <ion-segment-button content-id="paid" value="paid">
+          <ion-label>Paid</ion-label>
+        </ion-segment-button>
+        <ion-segment-button content-id="free" value="free">
+          <ion-label>Free</ion-label>
+        </ion-segment-button>
+        <ion-segment-button content-id="top" value="top">
+          <ion-label>Top</ion-label>
+        </ion-segment-button>
+      </ion-segment>
+      <ion-segment-view>
+        <ion-segment-content id="paid">Paid</ion-segment-content>
+        <ion-segment-content id="free">Free</ion-segment-content>
+        <ion-segment-content id="top">Top</ion-segment-content>
+      </ion-segment-view>
+    `,
+      config
+    );
+
+    await page
+      .locator('ion-segment-view')
+      .evaluate(
+        (segmentView: HTMLIonSegmentViewElement) => !segmentView.classList.contains('segment-view-scroll-disabled')
+      );
+
+    await page.waitForChanges();
+
+    await page.locator('ion-segment').evaluate((segment: HTMLIonSegmentElement) => (segment.value = 'top'));
+
+    const segmentButton = page.locator('ion-segment-button[value="top"]');
+    await expect(segmentButton).toHaveClass(/segment-button-checked/);
+
+    const segmentContent = page.locator('ion-segment-content[id="top"]');
+    await expect(segmentContent).toBeInViewport();
+  });
+});
diff --git a/core/src/components/segment-view/test/disabled/index.html b/core/src/components/segment-view/test/disabled/index.html
new file mode 100644
index 00000000000..d19722de6dc
--- /dev/null
+++ b/core/src/components/segment-view/test/disabled/index.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Segment View - Disabled</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
+    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
+    <script src="../../../../../scripts/testing/scripts.js"></script>
+    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
+    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
+
+    <style>
+      ion-segment-view {
+        height: 100px;
+      }
+
+      ion-segment-content {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      ion-segment-content:nth-of-type(1) {
+        background: lightpink;
+      }
+
+      ion-segment-content:nth-of-type(2) {
+        background: lightblue;
+      }
+
+      ion-segment-content:nth-of-type(3) {
+        background: lightgreen;
+      }
+
+      ion-segment-content:nth-of-type(4) {
+        background: lightgoldenrodyellow;
+      }
+    </style>
+  </head>
+
+  <body>
+    <ion-app>
+      <ion-header>
+        <ion-toolbar>
+          <ion-title>Segment View - Disabled</ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <ion-content>
+        <ion-segment>
+          <ion-segment-button disabled content-id="all" value="all">
+            <ion-label>All</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="favorites" value="favorites">
+            <ion-label>Favorites</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="all">All</ion-segment-content>
+          <ion-segment-content id="favorites">Favorites</ion-segment-content>
+        </ion-segment-view>
+
+        <ion-segment disabled value="paid">
+          <ion-segment-button content-id="paid" value="paid">
+            <ion-label>Paid</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="free" value="free">
+            <ion-label>Free</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="top" value="top">
+            <ion-label>Top</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content id="paid">Paid</ion-segment-content>
+          <ion-segment-content id="free">Free</ion-segment-content>
+          <ion-segment-content id="top">Top</ion-segment-content>
+        </ion-segment-view>
+
+        <ion-segment value="reading-list">
+          <ion-segment-button content-id="bookmarks" value="bookmarks">
+            <ion-label>Bookmarks</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="reading-list" value="reading-list">
+            <ion-label>Reading List</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="shared-links" value="shared-links">
+            <ion-label>Shared Links</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view disabled>
+          <ion-segment-content id="bookmarks">Bookmarks</ion-segment-content>
+          <ion-segment-content id="reading-list">Reading List</ion-segment-content>
+          <ion-segment-content id="shared-links">Shared Links</ion-segment-content>
+        </ion-segment-view>
+      </ion-content>
+    </ion-app>
+  </body>
+</html>
diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts
new file mode 100644
index 00000000000..c7dead8943f
--- /dev/null
+++ b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts
@@ -0,0 +1,49 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+/**
+ * This behavior does not vary across directions
+ */
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('segment-view: disabled'), () => {
+    test('should not have visual regressions', async ({ page }) => {
+      await page.goto('/src/components/segment-view/test/disabled', config);
+
+      await expect(page).toHaveScreenshot(screenshot(`segment-view-disabled`));
+    });
+  });
+});
+
+/**
+ * This behavior does not vary across modes/directions
+ */
+configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
+  test.describe(title('segment-view: disabled'), () => {
+    test('should keep button enabled even when disabled prop is set', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-segment>
+          <ion-segment-button content-id="paid" value="paid">
+            <ion-label>Paid</ion-label>
+          </ion-segment-button>
+          <ion-segment-button disabled content-id="free" value="free">
+            <ion-label>Free</ion-label>
+          </ion-segment-button>
+          <ion-segment-button content-id="top" value="top">
+            <ion-label>Top</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+        <ion-segment-view>
+          <ion-segment-content disabled id="paid">Paid</ion-segment-content>
+          <ion-segment-content id="free">Free</ion-segment-content>
+          <ion-segment-content id="top">Top</ion-segment-content>
+        </ion-segment-view>
+      `,
+        config
+      );
+
+      const segmentButton = page.locator('ion-segment-button[value="free"]');
+      await expect(segmentButton).not.toHaveClass(/segment-button-disabled/);
+    });
+  });
+});
diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..58fa6b0d0ab679e48ed22800a2ef8b91cf5a2767
GIT binary patch
literal 16516
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
ZN!cWUDGln(%kYUKiVsxe@?=b2{~wL~)ky#V

literal 0
HcmV?d00001

diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ad473ada44c5d8f28189960506f5de47ae145a4
GIT binary patch
literal 23115
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

literal 0
HcmV?d00001

diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Safari-linux.png b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..521946d9f1b56a48a8a40ce60a8c28cd8713d96a
GIT binary patch
literal 16069
zcmeIZby(GH*Cq^#NJ@jWAfdE~blhxd327vy6{Nep5lQJ1HX$V-EzKrWN<g}$q@+Q*
zVHWqyfAfCxJ<m7qe8(|!%+EjcaPMEO>so7_>pagL@>E$CABPGD4Gj%nUQS944GldI
z4ei={tZVQ;M<d@`;4e&*C$ds#msfv2G~~vjq1{1~my*<QPuZCA@FsDYyWH+wP)1JM
zc=jW3b2!D&BsmtvTQqMGk=@Iysrlf$UFMHvbmQzk-OO<7bya&ZRoz83{b$BxwdC1d
zK6V*5_ZlbmdW7UHeEq!nEGE=+?{()co_imCapq0+PG%|TQDmX)G2<mdL*tjz7ehmP
zJ;NZ6_JxoM8|}6~6FS=CC?>S$STPuAc#<(_uNmZs(ReWAub~Cr`H#LNU{O86ZPd8F
zs#>9aNX5zbhRHzN+<b9+zP&`h)`TBvAVyB%wO-a9c#F2qaZy2=AlpFLp@QD~&)2i#
zU5T?l&B!!#VH|m@*66#kF)=YGdn*rp&yE-#2L=QN7VFo3M*5b<b(sCEv>q)sKy`L?
z=^1*hk3FEjI?@x3e8)Xb;@P#A_nI#DO9G-gI~5RenwpxU?~XkUeUHuQSsT0#FPiBu
z{#;(nTw1?+<(yVTBI|YZXVzw->U^h*TR`l(bKH;N>(6^y!zgl9(v?TwWoBiuv$0W8
zQBC_@p2HIj4QXgc7B{c1uBxf2VKK~j?{*L6t0N7Nad8V98wRSXWnPDyO=pYT5i9VI
zoI|wp1WvuG^_eEWpA|0+1pjD_z2aYbq*Xqyuc_&>@IAUnuiAE|(Pz0Y!&&%l)?4J8
z%Ix1GB}R7q$Vy!s3ya@xaVZoO6sFzh@e$tzX1vvPbe7+DKj%picCos=I5#&p=cG`B
zD?tz%3{|lDSDZaOJR;)b1_lP|>+661)J4eo`d)B1otc#BENgl;T>Sd_hJxGhRqdCx
zsg&J;&d$z*%_$@jxmGjsieG?_udhoct1Khqt8KN2A4-Zb>47OG1CxNj;p%X~KQF`_
z(9(8w5F;=oZwomx_3jGLsQLK#7#bS-`Zk&>`1<-98m5^_f2^wF=jJZS%gbBr9aFZd
zJXs$vhk#DkIxS7sI<2IZ+Rq}8-7=OhTq=Zwge1=Q24|atR)jSkGBY#ZB%qtDwoBjr
zj(k8B-X2MBw?B%X+JSMov5DGZxw=19xQuX4Muzc36|9?0S8uOClA=tOLwE8cw)jp5
z`kwa>vMMU#di3@5o{TDBG4Lj>SB@I$l|DyjFxy-1cMe2t)`b!7obC4ZrimeYe$UQ2
z9ITHkA^AHN9fcPO{Ei;0tCOTQZ6KXEHab|-oqzn9bn5N5HuBzXwP@NjZI5_#>Onv!
zDp%sUl<Kw|7aEEKx5s)`X+@UG`)Z5_A*Z0wi62zqvZf`RQ&Tf$#!E&@+Q$v2OP@46
zwCrIDP)z1qVex&`D|Sf3AeGfGsB$)Qd2ZxMLM>qX%BAA?__(8^BO;^I>@zIBux~Bw
zVD(((MZum2&F6<RC4(!=m9Z>Ji~*v5zFepG*^5SGe0Zps#GCW^^XG9qf$jOf3Q7}(
z^v%qe7?>VDbo%`x$?x)XrmM4)6sL7>We`?@j+9giOa93dy{cD~y}Oa(C(D`AVcy=}
z7Z-<3+`1LPzNbjL##);RenhZVfs&k@`);>@-_dMPLiJ||xB<#_e{D39aA0VN&*x;%
zGTn!tk<nkg_i%G+&E2-z$0;Jm=kojz8ykDCD^lX(s3n9XAnNsNw3B&41RRi1@e1bU
z(RlRYqI`UDggf(*5(D>d-lF+nP2+syQx1P1pX<6#h!g@#$mus8!@_cZ)}9^>MNgX8
z6D&#z-?MOEf{jY=W5?tjtx+y)1{K&lWv1<(`>Xo{Pq;btYo3y}_KKgr>Pq0;`<e43
zadWz1qPcm#UzWb%aM~+JZRP5OpVlQp+_R9kPZGJp!^83M@R$N%gIW%M(oB8i`vOzm
zYBML%aA#+S@t^<RoUHXZJqQmA^IDA8ra{u}ZP(e)eygacaGUWt-0hWM4OstK$<EFm
zwshQdzF`*-MRZrj%-oz-#C5%$-tU!*L_vpHXGh0zuir(v`?d)}&cR`Ot)$6!d#?4z
z55>Ab$BVOL>gg2Im;3wsOTFn5E~`Tl7uy8Fi|~X2Q4*KOy{Cs;x#}au241t@-lAW}
z<fF!Jci<Ddg!Nj{GAu8uO89v@CNi@3gXEj<b}JdoJKNhrZks9nFA7Uaawp<b-$M#l
zi~F1qB2olIQ)wl9QwTpl|LU)8<g?#QATbHmv@M((?x9kW%47UZmfokr@A3lPkKXra
zHY13RF(5lPSA<(KcMz6;1J?7|vuCDl?-&BIKYrw&$i0<%L*9yuh2=LqE=1Q^P7W(I
zCNc34(lz4tgKy7y;t~_JH8cnj&cajdCG|U<>?Jf}o^izoMzxMPA3l6}!AFcp^Er4{
zsjGxV`N&EG3Tu~MlAwdhUw@%71QZ{WAn1JdR1tDdpFZ{W7G-F8&O?a!*(lUL01r(;
zL!(Hswz49Rm0w(Jdl`B5{ca>7;uZhI-`8(Ssh%A#rFZOWN81WAB~vG7@9pgwHh6X;
z1$wP2(?mUDl=lt~b0xCMnV%$J2vUlByPvjmV_jni_*l<OH8NbFt&+sM$nAF=hRBeU
zm(QSf3y6AFZjqCneLK7jYP$E?cDr+;k-B>9E-^6)3BCI-bVRU1P9}AvXm54dD7Nhl
zLkDYVclV?J+O71|)MC=o8hy`Cpa$rpT(3%(Gudmx&rVA{7BiY^YIAwFyYX{|t@Ne?
zWU?|SXjGWmiz(a1aS?JaU%sRk7~NrEA`S@(l9j!DO+d}hAu3v*m$wZ2YkdkO&^>;&
zj;lWeXa<h9=V4b)!A*vShRiH1dXgSmPS!X;!xZz}yLV0r1$C=_EAX=p$KEhn=g{V3
zu6Htbr=Cq$+s$ZM9zjv0;Lx$(S?G9klVE_>l8A^1S{#1&+(?mLBA0=#k<m<>QXjrv
z=Qg|RF$0kpS<IdhL_1B)3yT5H*qlPSl^8ZyKw-7{S@Gq|U&wAPUENi8+H>eThm%f`
zyN3!)#O+;HNl8grvXLwS!I|%qk~{|Iv2k&&=YQLJmT`8!e_*=tvl5yoJ^=x%jcw(W
zy<Bq;fp)&e@bECij6~XDeXI;Bq+{(F)CO^J@daT$n_kh~A5a{(js~LFsdcMuQ-`gX
z0|YO0`AEpfT%f_9ot?q`=tSM^0XRT~Ezl~0Wzp8u9Ddj<YFeqA?zx(8ndZU5#I&$c
zJ#(>~6`9OA3*U(7ilE?26}gd$MQwX2%@Pai&cV#QxRRS*Tu_ija@7Xh4&f{eOw55L
zGhN+eDaL4pocQ>7s4NDb&E#!uZSC#tH8e;W%%D9%>`Oj<(rxf`QC99zip<?WTK5uX
ztKDy~hZ4hYk%bJetgKucDY`p4V`beNrNK5FOmr8EVXNVgj=}85duWFi02H8te>{Dm
ztE6UPGN-{h-xiLVM#GT&-qnS2-S~Nhd;q*OU7V~1M2(H<oZRKh8e9SNvk360Ha~wQ
zgf&f0NhwFK(|M3XKp^q=tDY30?d@%xw{w4Hn>i^Q_g6LR!b<DvJmGl*2%(1u2L~rO
zQQ-x;O?xb5MT%z<+*T#MJg9DJIR1@{c>DnFS!vQ5IyX1BcJBNd&`Scxv(L^e19xR3
z0JF8VwrXl?58izSpF=$mM|{__Ymla&wCqX2#>W?PS=9jWps4ucbgQY?VG=%zkBL#!
z)m2D$zqq&v2?>EH)~#$;I5=$_yB2A!0m3pex;&V$^Sd}+g5Huf|5nJ-ZOTPkN=nMt
zSA2?ML?-6v!)$<?^rG&inVF2xnGURBzd+=xbvRU2RU`Hbk*0i9^K)}4xv*##8+Lxy
zE=Dow=`#cpXHkiXi3tg=5O01yzV(Uf-tFtRZu5L;ZqCZjf7$kq^7_qNqE5dRyEp+?
zN=dbRHt#a@+IR%Oi(p;1;sw!^_Slc=8Q&*|=d#k$=d%QUf(~;nG0ab}7}C<x{4RFW
z3knM8z1AO~rVQ29cVQ1rcc%8eG3Ly#y*y68^nj-M#@}B`^~d+`d4+{>a!iq;JKqmy
z{I)hXm9aeb`emC=Rtut{qPh~fw<fAfU@f6GpTK37)lF81^1Tk$lK>TZd!MBUIRUDp
zrls{^pMQD!+ctQ<1`r^xu&^#${K&}2fY{d}$92)rkdT+h-}Hk57jy_ROH_yuZ4tB+
z>!0+NR#t>wjg>B?d2N1siyJXD+-*;D2<1ibJx@kem1}zhE#&6@!GZ65xWF<4E+D`B
z{Cr7CNql^K*qOcn?q5hIQwljQP#Ae<^uJhlMWIlqbFE?8g*yGK-K{Mx-xnRB)DvvM
z#_D^)r<Tvh!V*Y0H$VT_X>!%*#)q1NE!p}kouUx{uyb=J0PMeim#ZVmP6EvR^XJdf
zQXT;Tf%X<iu<?xpC^7B6eO_A)0%Br5kVJc}JIImM?n?Ue-OaIxHPULq?BXFv11LhX
zvqZ$i1Fr;9?u9NcF6tH?1jd&X7D5ZKI~5;Vadxatp_4^m^{?$?zWJN3PYSC{w+O!H
z97J1zBfn}!Ahy>x-Qaco+O-63qs^ryD3^^J6V)UL*Y&Z#-3-tt31fyj6rMb>{PBLa
ze)oHKw@qs(89bxQY#v%2F4IcY2l@&#J}L-ZYD&ub*4EZ45xO(MKf_c>&A&5b1^?I{
z4?#oYY7fa=KKf=`jZ|a_Yc(k!U$*oSGQxEeJP8TgGYXOV=0I~^J*;Aa@q*gt?7JB+
zAfGcLjV4z4lF_w&PgT+lSJWM>%zFa`Pnqv1i)BVK<!dN#Kg}ba#DQ-fk$y3fkSS?w
zoQB%I;i^jdh$>vSD4}aH)$11CGCGE2scw->R{wJzK}#%6e?8+e9a!a{pqm-i^3Lbq
zEz0kc;`sUb#bMdX5n`k&x9`>~vShI<xsQF}%v@6-MolUAqCPymSE0*Er_)DA93oXP
z%tngSZqZmEi!nuKpdIsGk)>_|E8QE5c5!P<g<jMq<p|@$xqDjTA5pvNiAPlUBat7n
zpc|r4A|o*$%5{pgLWZr#FfxXB7tkl8kVxtnj8tht3~V1!fb`k~n03sx`Vn-JmPFF3
zJ8PGv!<YinjM0L(jIY<Y5R1MqZikU<VSx{Mv|3Q2rJ*5c^g8XFkd1?*{&#j^VWCr^
zU8OE;UR6WG>DsW3Mqh&`j{7`1d*hbr($I{TBrYA&YK)r$lar~IaQn);A^V_xMxOmH
zs-9k*T-+5+Pf8je8<WF=igkGmP0DR^2bD^lf^n{#07qP0TtY&XMK_gp<PH55D6q+V
zF9&RNYanaxK88_^?>64m-m|GIvPDNl>AEd;#=~%Tg|h(Sx}v6ro6!SP04xE9ypD-?
z8xV5F;~*>s5w}hKdiOHZz{RdayQ#W(LNzEk>*c-BtKQKFIW`C4M|4N`XUT5CrUrPx
z-LOZ@VD>ElJ0~Z{u3>-VcQ?`vW=fNmU`V;-<m9W~C@$^`JqRwGJ>w3OYX}KzTYEdV
zehtsvyIBQ(J6wM=RdPLg<N~u46mH!jSC~(W>29rUrr7u)yQ`o_$j7qK0tkT)^j^R&
zt<?m;-q2OO6li=WGY<emHk?Wt%VREtHBMpi;`~(L)mT(Q!a*yAQQupD(?0vd+6CGr
zhIP*O8JJjEgO-k=&-FsIVX#KIZ5?cHC&5({6Gx%eeYWUMHt$ME6?W--#owDMatJ_B
z0)~}R<7PvjeNBpKf@*@8Ask7<s#oK@mOV6x?{FOmtG*bceGXtM(IbJ&qjrf~w8DH|
z2d^X~n&RR}L!{JnbZ+0i{XQk-Y*0ml2;mDo=!%(m`_|mj(x~2j8<4{-92^BjMg3aG
zMTj76m-qSpD8LR{Lc(9~=QcMtfB*idRRA3iFp?)M7;qIQCnvY4`Cq|1z_jp7P&r>C
zS&`)}Vmnvjd<C`DxORfd#C>k0#(s-VROi{VBv^`s1T9t7?W<X$tgL@<aBz73+UQt~
z!#v>f74x@<GT4eGO&4`lRa!+_)ZsEG7Rj*1?3&J9M+%<-LP!?#;%CUt%e%+Nr;(%9
zZ?`^LVx+1XZJGpy+-B0m*f^ux;)$~IM<X169+MWV9JN~8sk$pv0ox4;TN9VNo{*Z_
zOT^c36cM8vot%8~r<nk7(0kvc*w|eNf%yKAdND0oO{hYSqj$23r{{^tR(-kK)-;r1
zRnq3>=9RsUSk|Vqoh~vmGU&@QrN-A8n0R=e<_==}|3z?8ke7#rhgUyq)35ZrNQ*tT
zLpe=!1!CvDu>j|(r0M_H-uW>*J4M8;c!^eZY|uANZ**vA?`k?WY&glE;n1%koUpY)
zIf-*XZ<5b=3P@x}^b$4!H6Et0LB7TnnRC^US(Q`dM0lTnL4ze$5kC$fG~u}|e)Q|j
z%fXM84fgR0@kvQ9%f|t`z~H*v$Qssq#Tsl));<&vaD#BdWDbM}j6(T^g%!F*)yM5F
z=uG*wTaBk&{QUgF!apCF!}tyF*xTFdHk<dFh=f&{2IdTBXJ-==6B`>FDXD<@Pp~`y
zEc%LI+*V|nsQ1_fo@cPcsA+6$44PftLlnOHM@0a<A;H0U06I$=p@&Mz$N(gRc*x4g
z9Bj?_eUE~jh?gYccfp$OovFcQHy^pmsQ>b1eyfQ?qb0g<_J<FD<!cDLCQo8hQB!NO
z#UnD7_mZ#~EXv0nEJsF13pCi4P7{`n0|PPr{4Ue#EZFY44d@E|mAl+$4LHKMMd+{T
z>FMrb&3mLhC4>8-N8inAG~KZzSz`zhf)UNR*S>WVVW2N5`77_OQQCPf6niaS(<&en
z^Y8iQkP?ta)A53@&XcE)lQLW;<pH*E7{KIvq&WE+Ry?;$H!x|LvHT57WTBJ;Hh|Lc
z@${OraB4yO^{IEtxlSn|6T_x|r~Q@jR4!XBUnUCxwrDRvcVh$WpN|OxK7C?KTUwE4
zE=$0uhV)U$QHyBI#bo^zc<_Ps7k`qXXG7Y&;Lp1_(5M&^yP$bwu>SfOyXPr3l_k~t
zZ0_jYp~zB}{RjLC!AZN6CjoR{IWu#oKPCz-&5doi!j+Szo-(4<_$<>utkqXGGCuXG
zJDMk=xP^=Mh4O&>-|5`{Du?<n5v~8ZU;4$OIW$aHZ$I*5xBFvL)nXSJQlP3Hua8cS
zcrtsm%3H{x6?f+RRIYqwoVhir^(`m&^@^J@7y`{Em79W&c`DDJ{`{H_-0re!6jKeQ
zM9NXMQmJ3rLeBN2-h`25eKDG4p{oyG-t<co_a3Tg`AQ@ysdrI1Gu-@l+I4yVTLqs=
zCcF+7Qp!lM8Jyatk)F>>01Jr0EoiIu|DfBsbvL{TB1WjSDc7iJ*dORt72Lcb7644`
z>rK}EFVprmzo1_J)wI{|o=rC<l5JFBEqg=kI-I?m?q84VF}k@rdb#%abeYsorNkzP
zpz$zQ+L4k@*}mY<ZT|>)u~GriJAZxzr905b=8|e?N%f?k&nJ-(u!K8rjD5KIrIBeF
z4Rz<$@#w|4X`6_r6xIsK?Km3h$m?+*)bGgmp`Z4q=jRnDQHqp}@72z4PC4zk+o)$f
zk+~s;&3Z9*hL4VhR_tH-Z?Ne9xr_V%O4|QBw*&MX!3}7y)dcXdE6RWngW^^}?wnxH
zcFFFI*CP1s4uI!aV(-T*<ZGOqI?Kkqlga8ZBbM%e&|0fyzn1buibw<dH6eh^-@j$J
zFO##|+GGlb6}X?|sO4+0ML$Ot@AeO?07Ue~C6SCr!;0=Oqobn>U<oOv$M(MyEf=Sd
zQ_$`z`^#h6w)zPZF<k4vLCWgUzO3Txr}v;l>{{@Cq3tm#gZvF?HOc73*~<$9Na|1P
zilz)8vd=)S$E!Z03sA8?8~RzBRi(mmu@+MYvtY#I$T8z9ks?4O^$r%X=NXY}Ngc)o
zF`6KWv?}5<h^dxPD-MmuteEagI8?IsPbo;`#Qy62(7CHley~xXmY<S~?EVc61DNmP
z+t%$aiA^{6c!=5)_de)RL@f1~RqA@A+3}YJopaSm#we!>n^)?Z^CnH%R_hk^_xDFf
zM{`=1Pi!bDDQOi{K8xWXe`0LRP%gj91^lOV`8dtZzLTRPCMKpDS2?#ksmg9Jts{cF
zEl4o_ZhTQNY-MU<qAymVJcu77g+(c7|3RyOIe?Fkk4D0Gvi<7F9T(+I;<$gmgDeZB
z-qPB70|TSRlhm!^*VXYHAqQiefx#4TH3njtJ)>eV3%_6l+S&rnSxS}T-o3n{B4`~C
z9z58~2QEw8>^mWd6#U4Cyu7PxYhq$z(A*8gR_WHp%1qBs_Pe^fVNBedsJ7G6(lRhe
z)#r)~4*t+fleVO%8~{^+x2vnGjZKjv3obtX#$YZ%sxJ)cM@L5h@>cgfVeSLKP^-T=
z5IwDP=yey_Y65#9k=tm*suHN2TLc6WUI!dg-5H~6E5&m_cYR;n0ntcCS{l$8%JaKe
zf?)~w{rfARyqK9S0F%Dpcnl23O}yJtNlDL)j8w2*x-dG|;ZktPF~wwOX9olXfV=~g
zfv`czD2xMpTQiq10+&r}P*PGB(^`5tM^<K^oOnjeyQgt;a|=*~XJljmJ+}9$w6qjx
z+^qh*{uj$}AOAT(%zzCYuRumg8N%igy1UdXa?k?tAJj|(U~A1s_2z5e*qHmMfm??e
z?^^`X?b|w9S}ciOddhnT2d*mw{nuCaPe5jYrY@JGmZL^VMivhu&6waa#K}iw?KS%K
zTlC^Tc15SIw-#<jXNQJ{g4Po;&qt-Cub+a*05XW3i|e<CAzS><4cDd7ekGPzNLQMj
zc{#GlOyEXOPEQBBBF-nBAHQy7JK6HPoOn<k8L3i0g0io7!-?&HETSQBcXM-#?O3Qu
zI0z;LOac3J{FO|Mu%x0Q-c*Cq@X*l0!os`T5B#U6V61gXdzP;;Ah6jlu_DM+T@FEA
zqn&`1W+v_c5^Gt{EDzo%fh1!PN<-RGD*d0Hb_|&FPI9^dgS=X&=juB@U?xH=7xY_I
z>JkR{`(J}Z@-E8F&DH1X?e1m{_=gb?rNH04H8(q(p}`gw7KY8>e@DO3yB3&&;gDjw
zmjny&$<uo{xVYF1{76m-2?-vaJ_j3HTP~kL9b4Pt#6*fy`PBr!MgVIiC0mU?rwfiA
zFagn~%gQ>?xWRIyinwtJ2xw<Km4ba_ZeDAZ=Y|zAkBLtOj8@LKZ=hL`6B2#^k~VdD
zHTvMMh*Kd62_r%bpr*WkrGZ$YqEbEniY?x%?}H>4jirbKaF+ge_`I~-aGeeE!&RE#
z#_LTBFZrk@#_p`T7HU~{(dQ0_;PE26yCcds40Xlt9&AhqSp2x1qc+Z&hO1Gn|0L74
zCMXkicFQwHYs=}3u}+4%H`sQMeL3MY#xurt8&hEUBPJ+j;U-cYSZQR%fv5Dgv71Mj
zAB?I+9Y**QKXAWALu+-IED@pIp0vl7BrFYWiLh<3Ls>@2F%j45_c+kRED%SK)YW?4
zK~s$CS|rX<lTRn+l%T?~We;mb^xZ{c#d(Whj8_=8dSsxAh_8DGHC4|BsEZs8wj8yW
z?5w{MI?VPs3f-%mxjY%=QBx5l_SgCDCU&ieEci*hBoM<FI47om>US#08$gHtbZ=;4
zZ^tiH_MI*2S&^0`;ZtTnSAr2)+$H_7{g>hfg@q2YrD$j=v-r&aUsdRTr=k6i_3ZzI
zD?ztFEA4vDpX83)@WUYmsg|R4&+f>8VyCz>d*Em~y2#LLQ#WE{0+rZQ_3$Q+7{J6)
z&8M2tMylkCUy{(!=xndN0I*C9Ql!#|;F6%FUyZ6ZK^<IJ#G7^2Gx#zMK}fw^0y0lL
zChVV?ss-&VcvrmoQ_DW1A1GIG0ahXYG{Q~K8QyFoXNp^do>cI)xARPmRJ~)R)0V{+
z)STo3Ih`$fY*yAB`~^rgvbiPhSh<xH&3%`Y0Ng)&AB}#lSB2K;X0^^`^<%hupf*`w
zZ=wTevseFw#lSK>V8)wPo4k<$aKF>PGc;vjPSqhqq1K;JO-GX<w&O*NV*R4ji21a|
z?y!5@=*ZCvt7XhPU-qwn(<7zu0K#yERHJ8fWCI0$FK#omSe0)!*;nak4|CUOmmimh
z;!3O1AbI5OYZEeBkp6~erFchOM*y#2QjJ^J=7|V4AY8>iso(iL{qs(aKG9%7wJBY#
z;%3%1PqJQ>3`a>p_y(EsXd2e6iRW7iElt<qu?#&#%m+@EX-8g>Si)~abH!@1Z}(QI
zX%w&?=p9e)3<x(&f7{hUbz4-UZssNXlq4<PknGFz^Yc++iO(ksEvAuh7Lg;aXx$D)
zK9nSlFz9&t-Td7D@i0z~B3r|IzoNy%&TKV!u2K<|it!E3B@Fv7{S$r0o)C%$vO$42
zkB>ZRttU0uV&B>cAr;xw?~@MW<44@b#}u<GcbS#TIQ^<i?EGFgKh9oX)g=d|z#M9#
z{48X6+VchD8w76{?jtMBsL1qwlSX}=JBhOlH*LPoUl&&7ipLLqccNlEoe{RQp!V$2
z(AfV@g|Ma6Qy#l=3o;4=E)IKjHj=w17UUEz+b=S_W?MReaYC<Sjt(YI(`F-`+>cyv
z{n4RU)YPzv*+>45`D1G0fA<9Z_TNZSJq~hYHw%{kuJbZg=DpBNxh-!=!e!F-Ci^wP
z2&XglXgMfAmjn0v;+IpoV><w3YOtOA)XmS@@=<Y;hlK^+46q0W5NlgKh?}Qo>97|p
zPI;x<{FR}=m94=xH95I#PI-Q%1$J9FO+{@w_lSL-*vPzR#Ya`C%bD24O#DjUjYX2M
zP^+N-1u%L&l!$o!@BbiF0s;cWXiTZ^g08b>a54G#EB?2L*{!We;wfAIJIl_(X-nq3
zlm;)q`E2Ss8^|LL>1#cC+=SatK=$vms&uz?Mh}t71oji>tts{R@ZGw>eivqJ&jsB%
zzum(_xBcKv4p34ew8`|v$nS{uJ}JfRSfru0r3%MflQmFej0T?3lrw}#t3cCV;uhD^
z5qptVfq__pNc0tp+JYrX$aJJs`dUk#D-q>+$BhwqR7>=`QmQQ${$WD&9sx!CiO@zO
zX0Fvt+W6ffB_}t$5}_)sYiny+Vpp`t_d%<HQQc+aOPxi>hBGpa0K~WPe-5DX8umvY
zT)A7kca;#q!&V0M?hY?st`rgU0<)~LQpoH!w6PZb^|_$q!go*>adB~JN$l3<iwX<Z
zr`%?2gc?dqK|l~zfk}j2tMDE-x1H%rgUg|s4f$m74uBeM*_(F$<vKw?P*90Z+1y8p
zO5k;X&s3(-qu{7Lw{0(<`}-!{Z2{ZKxcllL?_~AANZ>N?WPegnSa`NKsDjNv9>xsh
zW=6*BNRZpnALFI_0{S~(JOa+&A*_1Bd|+_!CO%b#`}Q0-B3PN38@Ai1olk6h>VX)t
znXa#0+yn9TBWUL;vmW9P9|B=l7M|mBuKsxBM)me=5WR9TUkIV&TuaCmv4!O4ynjC*
z*Omf{0gNCiq8_{q3*gttk_o2*9`+sOLtBR=s_@@m{=T02pzap;F&Gv+8+?I<s-7Pa
znF3m_6fg?#w1I>%@$ru=e!Rc0{t=H(bZmJ3Bpwu)D<NrBm2Wghgd1=!<K4To1=k-v
zdUWNLKp?(-kG>0Zt9|pzEm#})s-J}g%Rg?J(}N8pk1@j0aR)SBcwbhfWKs$WS%C*w
z3_zZ}2f_)kXj>$`-*O*=umjj@fQqGqh(6(NaBg6x7jiU%*8_bKa5m^#H8zI|6t$<D
zC|1Sy_6O_F5W&j1UZA5lfBOa)rvAz@^B4%j!e`}($B%<<(Vl?2VlV_eL10_i8ZH=x
zb%Omu^8^@E9S4U83}%3{BreaK9335ByjTWS)}~T-1y5R9dhnxC){NX%hik-O*#ZdD
z(@wo&#>U2=wKuqLGcuTg(<9yYWCa`$@ljDv)zt@u4!btMc|c4@r_9~n(sC7kUfvkr
zB=9lxJtk;vYrCQ~BlhDCM76A~tkOJwC&8rhz_e|BvNpCyT}$g=%rvsKwY57<3<a9O
z`P~#A<7-ojbU=3l9S_Q9BiJ@T7;V}1a$f$NE2GVHA6!+SuK_ve2SOUiU$g~sDx%u~
zYWb5*ewTsx)Idi!9?gYS<*I{23g#QIA5oZ^nqo76`{GLB2VWUEr)~xKIKXA&K2_&(
z<<@}I14jON`M6f0&V!c&*)S=IZ?}-_{_f5~X@Ehf5hO%#Hi+1D335ZJ`R}OlVXm62
zE7<3FviH(+>B^7?v>yeRzD|?xIhceZXhi_6lXDx2dh9HOQE+qVl>UmArF($v4v3<B
zXmNCMk|yfm2*CxLN2uvbQ29lBNf2B{jc1^iY`|Cu;x_1%@=8j~08s?NBhc5^2WwlR
zTe%ACY;RAG?ULY1j1tS>8v^kf@8g~I^>r9BK*JzG7<#T;QS)bTKOyg<(vlLprD=(3
z(`FCI+$RYf9-!KSSj-e^k}mE81HrN;lHbPjaLNsox-?*>A>D`(KaX`%{{xXAlyK*0
zKJxVFh(^%<7w8RVO_!%l2a!CWGF;G=fBp>GNfRtZIJLk9@V_w7+VSfpian}hls5ul
zeP^*tyIB9YTVMu{Rya<4q`bVG+pzu!D&Nf;H<(#iz_%D<i)LgeEWMQsRvYE_JYOF;
zfRP7=ZP<@jO6qEUF7UxD$|-RBFEIHeDY}Br4~C@E<74of08Vc=Y#TN5^MU+AM@KK>
zN}3l0<jtD|mag=Ry<8xii*YyeCT1aONAvWTf)HZ}EXd$9AdSK*fZXl@Ca&|dvzXXe
zdXI(ZlExDSme^D%lc2`@IXv{+>0o6hmIpRlMy3tI4chuVTmj}{5Lv1{Nv_I-j?Nf(
zGw8sp3G*zhs$u>6#KdYS_rM*%7by(gGqRc!<e2s@wAtdr$T>5uZK%TAy1SK%wBS8l
z!m7U)gV_-_$I8kItji3zl^V}>p0sPi?p&Lw-h#@euBOJNU-K8%%U;t*tgK7m31!zV
z-rL`&<$pC+@p2IAZZy12eEj}s)5Rk}L3fA}JlT48xGShBFpuArdFTG?@0+j>7T!;{
zs)QHI4P05-K&ypn0<+!bkEDmr1a9C1c<~|+ygIvkYok{t#qgCOP^fMA^$-aE-JQok
z_TRXYLFYktP`=!>87pOg9Asf(0p<i6&MkbGvj!`d4iGpX?cfTL@80Qyz0kmDBLXBi
z9%xrlQG}r6Bqx7T%ir1EEz+_Ed!5eJF$T#h=f>J}d2tF=@$1*G&=WA<ND>BQW@ZB0
z-<~VeH$0F)Gx+%N<CXMDr~!R_PhlX-1xJC4^BCL_DjV$dG#Fn&vZ`ANESF;RfC_qb
z!O6)<SOnwo&*l-FbHFnU;==VKin6K2wV-#x+d-Lx=KzNQd`L}A{X{_l$}DaBxNyRx
zYR}`$CfQG6=~M=F+|cbKsRbf11^-cHgf{npU-<In3;#!Tq<|eANR0HLj=44xu!xDB
zr@Bp#SG<G@I0D{InjGu=#TXE2yg?v@%`Gh@1v|reuz7L|N?>l9=PIoGu+={vmjH|#
zH#!z~e*E|WbQv7*u3(0x19@bBbr^CCNEVp;b0W9k&fw$)N|0jsV)Qq(imMjT?p@(m
z&^-<f5)5<cK*K?r=d0%mZ(eRXqN%#LRGRL#g9txe?*R=olU=IFs@GJrU>Ho5&}uEr
zt`1P?%)vba2?bMngpv9L_v%alm#>wxK@5gujq8T4mDMT;hFA=stNz*DJza=Z!D7IC
zbCqQ8`E7Km2k#eYp+LATAFsC>{&X<;0^lEbG5s2#BkfwqeigK?T7V@1&ltb~fIZ=q
z4?jW)UcA+03-Sk8g#A3$imIK34IuXc3oVPiD$^n7&?$9U8v#-jSRr!qw%xOnebDR0
z7?>VB=x=YgyfWoPfo2F^#*$QlMA&AuwC7+?1&b*NYTSHpi$04u_?iKKrI;pKo0<7-
zX2uU1Feq)1l?B5<WmV6IC#5zrFaQ2s1@*O8;xc73U(oO343a(wkJ7Q>cw$!vtd6+Y
z*co2hoa9~5ftz3@Yib1T?6$xw8cYaV^3QfVz0np+v723W(bblT&b}&ECnuN~7>Xde
zLRWU?&i{|Ztiw&uLE1P4b6wq^fTL)*$tsQE@xb2|84;nZs90E36doM>!qj4k`9Bi2
z=Em?=K7ItRE0js-VqIpRLDxJeC~3sGb?ab%e|T*lddXELfRYRm8A7?)r7DkB+ZiE(
z^|`=heF|pP-%Cq?ba+loT)pgRs=W?v-+Z-)c3NcAbOC~W-E<0+&=2bZd(UsM!2vQJ
z8`~$NCf{<4ZUwMS9bP^r5Q~eCU!0$x|M^&NqIqiS9ITv%O};*0K>{NaAQW;g{joOo
z$PJIe0ZVYph`{m!+``9f2K{o;@%W<>68Z_?DiLr8fzLB?6cqxggL(Gx@l7@7MfEpM
z#|-}9N@a^z$aq@e<jFeSg1;>~)7STFYs>G{_2WRK{O9pk<Y74*Ca!gLb;9uqi)V&2
zAly~zPVGc|Dk#|9-d^eZ7D+3T5Eb>81nZw5dS7?Y&R5d5Zq0f$78ffQ4D+Kdl~~l5
z8l`Lh(FLo@4EzSyUA-I}%34iUz{BU2Fw@g+<>S+!kYiQ#1z1m5dp#;!)Kp_`;99J6
zkP}nL(lHoHYdi&0Ex@D?KoaCrGgZ}ocss2k-QkP)!eX~m5MYMMWbK;qUBVJ8M9kow
z!OEDcoVxSp&(X<R2?S?tm8ddjY3dT3TQU0YeBG%Ho&bB-9E9#HCP@f+PKqP#He)dM
z@K+(8;s?u}l@ab$7b9RAdaucxc~Y@!6U-|w36|@W_eQ)fHs+&pXk(I*TOMaI5PK&=
zs}uwLRJ$U|Q_ziEk`M$xm}hGBxxOBhTRU7T<qp<*O1Y7z!ucfC1?|_Q{*f2&e_C+d
zqv=!2k6SthVX=_i1znQx)2C1FX}PTNExIvX{|FnM{cd=(7?Z_sN$lMyJ+IjUUkWVr
z!RG~mycn3T9K&TEFJsrNFr@@eRKAE$nOG2<VOkO2dSp(?839vTt<-X~b-%jZU{}hn
zDNz5rqTn!b&}B!fDOxtVR;yoprDCjX4R#@aaM6&Xy?(f!i}wHUdyD@Be(K-(dB^|U
z?HHZ*(SB(qDPc~(I^M^PxTneXR-v1yn8c28tCLwp!te46A^coHD^P<CH!^gkWf7@_
zi5&j4y=Ut&yip_coHAx;Lo+c!BY_ljIxHe=hRi(IQK^=;+LxjtYb<z5N>*<84IE=P
zB1nX-J2YHg%0ISIIxAgB(5_ti?LMt$7)3G3s+RH8b@R)IH3oUHzdO5A#nYu3lkrac
z3%hD56X!PN6YNu)jHd;-$_5iX!UQa<pA~c|R5X0UiWxeGGjL=D1>7P_8_&zRQy#4#
zC&lV9RP#nPk$9eO)mAnr?znjl=yH5KS!HAIWgoUOvWWr(><#>sVr1o$M{LK`VAtSi
z?=j1&^(SWHklaXmhHPbR=0tW<D;Lx79+L-N?jD0HaorY0qX3AEDAcsUr%+q#<@{=@
z`}j8&gGFqHp|(x+_z)EV{UusN>@xKlwUu)~)Xz?wS_CB_apzPZ;p0Tf7|%QTipp4J
z6R)%i7FTn2wQx(ecRm$-;^;<=a2pd&nX4PAry?Cx7dMNaeuB5_#M!~bQ;O*#3m^<@
zjdPk!nX+;@+$k<99@6k4QFZ31uPX$qs$WJUk-TdGCswlLY5uyFwTGmkT>AGYaUXCH
z#BQ&)I=P~{rv_2QbqWU0jQN*+u2n$x?RF1qX)ah=)OdMz#(!G<9P=qA^Wsh5dnFm4
z$6^dpGf%mrJI~%cuIZT!$27o~UwtXXsFfHG8ovNRZ_H#t=DoI=SdREkFhrsp^Y5{;
zyDp2-%<kdue{Hz?_(X~rT;6M~rcKM8Pu?_xNjAr0H27W{J~fy2J!wXAqwcErN~5S+
zPlNr}s4dm}DQt$;S|Kv&8*s8v1ba8CQ@*B#0X)PACX<fJ6kVTKmDdMaz7?PSMQut-
zOB?$G2+KR3#&`|C;ybz-SmWhxDDEO!@AvMfk`sH^P4YYPV(4}cjLv&+Ah3v}%R9ax
zyM0XNvU#7`m`l4m<4rNn3v!ieZx!z5dXzuQS33-S=je@6WEpk$+_fNKkYX}1aM3LJ
z?(0kvc~}31*$l*HZK@)-gnNUCp=F}C>2pnAr``gNc|)-<2U~Knt3v>8$g-ZMu6LNk
zM=8es(NV~Z_@4$ju3Hom%j6VTc!(I!YuK!+s9GWfhedg-*=i!s_X+OTOWpp@xoeZv
zlfA-wSVFHcw3zVT*R)C#&?Y6LqM|M&51X<mpRiGIxd*&!S+M^vcb{-V#`sP$h2ec$
zT^8*#alE8=gp64J@zueZd1@#jPN|VL#LxTneu}=o7vIIU4{cJZ(9gV%GGr4t)YE4v
z#gt#gHp7uFX*`GIyl0kT^@)q~-~jgnyDS4yG!-}fQc}EC<sF>yrQXhkoezJeadLFo
zV#&-5K8`Aw17$j8>vWM|VKg13!NnRdR;aZU!jIe+F0W2(8x)yMBf|8_YAjaPR@Ktf
zBK8`cN_8*1UW!(tw0Dn&b%kuaB%|tMS#e<T`#%=t$hJ2Zxz0}WOf;;~@53>}I&M?-
zkG4znO*O0MtL<7mH1OA8OJt7+w{?U$RWcQ_buloTIRB@Cx}N6jd$rtx&lAEUl@?N}
zJji$c&)r7dF$4D_Xn7UC$x~Tb(>%m-JuTv(zx{V*c3K<joxZ8Tf+O9Y*Qi*3FIiH9
zE-lE}<C}jh)VC{Xknxcyk!Kki4#e^<&+-vDECF$33qmC~Z@k^->S*}n=yZtPr>odD
zXD!70EQp>pBl^79T>nRdcSqMux<JyZwKH#RefaSWR6|+uh({<gNQOmSP^ClI?PquM
zT~Rhzp`o=;>;6+y&0%L%+d2kXZ1{=yhiy~67KEK2Fy-G|9Ts3aJ)<=6Nb-}*dtRNm
z@SD`kh#|oJ=tzcny44{?ktH%XguS!lhv2jO@f`@plhAKlvU1j5Zzl>z2I{R_M?c52
zxoj<?Gka)@2xHncy}k%}!~P_+AT(@JOe~A|rg^H!VB1-JYl_o$;ci@B%U8q3iwJHZ
z<pFNv=f<uUZ5^fogh~2zbYvSV^G~p%yT~B<*g|n#7IWUnMkXp`)6#O5zG1iHMS0@c
zPi&KyYp^(p-;N<<49$$M{vO|{rOhs-S~2ckd&UwOR5f7}Fi+z`7~;-wZvVn8jz4>}
zo3rn$#rzG)DE4FmJ*LciSj2mI$Y$LE+KgdslwgGQye3b?yltIqKvYb9flEBuIWZ>6
z%M-`{sa6y_)-{9tTIuep-!y{X9F|oNgDRP7IM-eEd`A|cen-qpscPKQoIN+KKfk6g
z#`T;w2BSK9xO11hT#-flo+i!oGWy1Ae1V$q1;@Ag(<iRve-+s4{||o{`9Ie=|Lxyl
z{)@Mpl~Q%yzm10G`}Y43d&>WEHShmFwDiAf&Hsg8@&1du=l@>mU-?P&|5m}=xkUdX
Y8S)o-I{`lYE*(u?T3M<X@!bEv08p3P3jhEB

literal 0
HcmV?d00001

diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Chrome-linux.png b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..e192269dd6fdd971ce009c4be87252da47bbd07f
GIT binary patch
literal 15634
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

literal 0
HcmV?d00001

diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Firefox-linux.png b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d84031d3e4e12c4b76450ff85da7b23c902c79a
GIT binary patch
literal 23920
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
So&h{box#)9&t;ucLK6VQ2g$Vn

literal 0
HcmV?d00001

diff --git a/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Safari-linux.png b/core/src/components/segment-view/test/disabled/segment-view.e2e.ts-snapshots/segment-view-disabled-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..697b8ebfe9ef2f8440a4f523efe386916d0cc145
GIT binary patch
literal 15953
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
XDpGOmtxfPyHkRxwB`8wb!1uoa;1YN>

literal 0
HcmV?d00001

diff --git a/core/src/components/segment/segment.tsx b/core/src/components/segment/segment.tsx
index 3ddf8645896..074c2586b87 100644
--- a/core/src/components/segment/segment.tsx
+++ b/core/src/components/segment/segment.tsx
@@ -7,6 +7,7 @@ import { createColorClasses, hostContext } from '@utils/theme';
 
 import { getIonMode } from '../../global/ionic-global';
 import type { Color, StyleEventDetail } from '../../interface';
+import type { SegmentViewScrollEvent } from '../segment-view/segment-view-interface';
 
 import type { SegmentChangeEventDetail, SegmentValue } from './segment-interface';
 
@@ -27,6 +28,16 @@ export class Segment implements ComponentInterface {
   // Value before the segment is dragged
   private valueBeforeGesture?: SegmentValue;
 
+  private segmentViewEl?: HTMLIonSegmentViewElement | null = null;
+  private lastNextIndex?: number;
+
+  /**
+   * Whether to update the segment view, if exists, when the value changes.
+   * This behavior is enabled by default, but is set false when scrolling content views
+   * since we don't want to "double scroll" the segment view.
+   */
+  private triggerScrollOnValueChange?: boolean;
+
   @Element() el!: HTMLIonSegmentElement;
 
   @State() activated = false;
@@ -78,13 +89,41 @@ export class Segment implements ComponentInterface {
   @Prop({ mutable: true }) value?: SegmentValue;
 
   @Watch('value')
-  protected valueChanged(value: SegmentValue | undefined) {
+  protected valueChanged(value: SegmentValue | undefined, oldValue?: SegmentValue | undefined) {
+    // Force a value to exist if we're using a segment view
+    if (this.segmentViewEl && value === undefined) {
+      this.value = this.getButtons()[0].value;
+      return;
+    }
+
+    if (oldValue !== undefined && value !== undefined) {
+      const buttons = this.getButtons();
+      const previous = buttons.find((button) => button.value === oldValue);
+      const current = buttons.find((button) => button.value === value);
+
+      if (previous && current) {
+        if (!this.segmentViewEl) {
+          this.checkButton(previous, current);
+        } else if (this.triggerScrollOnValueChange !== false) {
+          this.updateSegmentView();
+        }
+      }
+    } else if (value !== undefined && oldValue === undefined && this.segmentViewEl) {
+      this.updateSegmentView();
+    }
+
     /**
      * `ionSelect` is emitted every time the value changes (internal or external changes).
      * Used by `ion-segment-button` to determine if the button should be checked.
      */
     this.ionSelect.emit({ value });
-    this.scrollActiveButtonIntoView();
+
+    // The scroll listener should handle scrolling the active button into view as needed
+    if (!this.segmentViewEl) {
+      this.scrollActiveButtonIntoView();
+    }
+
+    this.triggerScrollOnValueChange = undefined;
   }
 
   /**
@@ -118,9 +157,13 @@ export class Segment implements ComponentInterface {
   disabledChanged() {
     this.gestureChanged();
 
-    const buttons = this.getButtons();
-    for (const button of buttons) {
-      button.disabled = this.disabled;
+    if (!this.segmentViewEl) {
+      const buttons = this.getButtons();
+      for (const button of buttons) {
+        button.disabled = this.disabled;
+      }
+    } else {
+      this.segmentViewEl.disabled = this.disabled;
     }
   }
 
@@ -132,6 +175,12 @@ export class Segment implements ComponentInterface {
 
   connectedCallback() {
     this.emitStyle();
+
+    this.segmentViewEl = this.getSegmentView();
+  }
+
+  disconnectedCallback() {
+    this.segmentViewEl = null;
   }
 
   componentWillLoad() {
@@ -170,6 +219,10 @@ export class Segment implements ComponentInterface {
     if (this.disabled) {
       this.disabledChanged();
     }
+
+    // Update segment view based on the initial value,
+    // but do not animate the scroll
+    this.updateSegmentView(false);
   }
 
   onStart(detail: GestureDetail) {
@@ -192,6 +245,7 @@ export class Segment implements ComponentInterface {
     if (value !== undefined) {
       if (this.valueBeforeGesture !== value) {
         this.emitValueChange();
+        this.updateSegmentView();
       }
     }
     this.valueBeforeGesture = undefined;
@@ -208,7 +262,7 @@ export class Segment implements ComponentInterface {
     this.ionChange.emit({ value });
   }
 
-  private getButtons() {
+  private getButtons(): HTMLIonSegmentButtonElement[] {
     return Array.from(this.el.querySelectorAll('ion-segment-button'));
   }
 
@@ -224,11 +278,7 @@ export class Segment implements ComponentInterface {
     const buttons = this.getButtons();
 
     buttons.forEach((button) => {
-      if (activated) {
-        button.classList.add('segment-button-activated');
-      } else {
-        button.classList.remove('segment-button-activated');
-      }
+      button.classList.toggle('segment-button-activated', activated);
     });
     this.activated = activated;
   }
@@ -293,6 +343,8 @@ export class Segment implements ComponentInterface {
 
       // Remove the transform to slide the indicator back to the button clicked
       currentIndicator.style.setProperty('transform', '');
+
+      this.scrollActiveButtonIntoView(true);
     });
 
     this.value = current.value;
@@ -312,6 +364,74 @@ export class Segment implements ComponentInterface {
     }
   }
 
+  private getSegmentView() {
+    const buttons = this.getButtons();
+    // Get the first button with a contentId
+    const firstContentId = buttons.find((button: HTMLIonSegmentButtonElement) => button.contentId);
+    // Get the segment content with an id matching the button's contentId
+    const segmentContent = document.querySelector(`ion-segment-content[id="${firstContentId?.contentId}"]`);
+    // Return the segment view for that matching segment content
+    return segmentContent?.closest('ion-segment-view');
+  }
+
+  @Listen('ionSegmentViewScroll', { target: 'body' })
+  handleSegmentViewScroll(ev: CustomEvent<SegmentViewScrollEvent>) {
+    const { scrollRatio, isManualScroll } = ev.detail;
+
+    if (!isManualScroll) {
+      return;
+    }
+
+    const dispatchedFrom = ev.target as HTMLElement;
+    const segmentViewEl = this.segmentViewEl as EventTarget;
+    const segmentEl = this.el;
+
+    // Only update the indicator if the event was dispatched from the correct segment view
+    if (ev.composedPath().includes(segmentViewEl) || dispatchedFrom?.contains(segmentEl)) {
+      const buttons = this.getButtons();
+
+      // If no buttons are found or there is no value set then do nothing
+      if (!buttons.length) return;
+
+      const index = buttons.findIndex((button) => button.value === this.value);
+      const current = buttons[index];
+
+      const nextIndex = Math.round(scrollRatio * (buttons.length - 1));
+
+      if (this.lastNextIndex === undefined || this.lastNextIndex !== nextIndex) {
+        this.lastNextIndex = nextIndex;
+        this.triggerScrollOnValueChange = false;
+
+        this.checkButton(current, buttons[nextIndex]);
+        this.emitValueChange();
+      }
+    }
+  }
+
+  /**
+   * Finds the related segment view and sets its current content
+   * based on the selected segment button. This method
+   * should be called on initial load of the segment,
+   * after the gesture is completed (if dragging between segments)
+   * and when a segment button is clicked directly.
+   */
+  private updateSegmentView(smoothScroll = true) {
+    const buttons = this.getButtons();
+    const button = buttons.find((btn) => btn.value === this.value);
+
+    // If the button does not have a contentId then there is
+    // no associated segment view to update
+    if (!button?.contentId) {
+      return;
+    }
+
+    const segmentView = this.segmentViewEl;
+
+    if (segmentView) {
+      segmentView.setContent(button.contentId, smoothScroll);
+    }
+  }
+
   private scrollActiveButtonIntoView(smoothScroll = true) {
     const { scrollable, value, el } = this;
 
@@ -492,7 +612,13 @@ export class Segment implements ComponentInterface {
       this.emitValueChange();
     }
 
-    if (this.scrollable || !this.swipeGesture) {
+    if (this.segmentViewEl) {
+      this.updateSegmentView();
+
+      if (this.scrollable && previous) {
+        this.checkButton(previous, current);
+      }
+    } else if (this.scrollable || !this.swipeGesture) {
       if (previous) {
         this.checkButton(previous, current);
       } else {
diff --git a/packages/angular/src/directives/proxies-list.ts b/packages/angular/src/directives/proxies-list.ts
index 93d0cc13ad9..b61d09669ca 100644
--- a/packages/angular/src/directives/proxies-list.ts
+++ b/packages/angular/src/directives/proxies-list.ts
@@ -69,6 +69,8 @@ export const DIRECTIVES = [
   d.IonSearchbar,
   d.IonSegment,
   d.IonSegmentButton,
+  d.IonSegmentContent,
+  d.IonSegmentView,
   d.IonSelect,
   d.IonSelectModal,
   d.IonSelectOption,
diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts
index e384f56c531..675c37bd1c1 100644
--- a/packages/angular/src/directives/proxies.ts
+++ b/packages/angular/src/directives/proxies.ts
@@ -1987,14 +1987,14 @@ This event will not emit when programmatically setting the `value` property.
 
 
 @ProxyCmp({
-  inputs: ['disabled', 'layout', 'mode', 'type', 'value']
+  inputs: ['contentId', 'disabled', 'layout', 'mode', 'type', 'value']
 })
 @Component({
   selector: 'ion-segment-button',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['disabled', 'layout', 'mode', 'type', 'value'],
+  inputs: ['contentId', 'disabled', 'layout', 'mode', 'type', 'value'],
 })
 export class IonSegmentButton {
   protected el: HTMLElement;
@@ -2008,6 +2008,57 @@ export class IonSegmentButton {
 export declare interface IonSegmentButton extends Components.IonSegmentButton {}
 
 
+@ProxyCmp({
+})
+@Component({
+  selector: 'ion-segment-content',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: [],
+})
+export class IonSegmentContent {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface IonSegmentContent extends Components.IonSegmentContent {}
+
+
+@ProxyCmp({
+  inputs: ['disabled']
+})
+@Component({
+  selector: 'ion-segment-view',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['disabled'],
+})
+export class IonSegmentView {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['ionSegmentViewScroll']);
+  }
+}
+
+
+import type { SegmentViewScrollEvent as IIonSegmentViewSegmentViewScrollEvent } from '@ionic/core';
+
+export declare interface IonSegmentView extends Components.IonSegmentView {
+  /**
+   * Emitted when the segment view is scrolled.
+   */
+  ionSegmentViewScroll: EventEmitter<CustomEvent<IIonSegmentViewSegmentViewScrollEvent>>;
+}
+
+
 @ProxyCmp({
   inputs: ['cancelText', 'color', 'compareWith', 'disabled', 'expandedIcon', 'fill', 'interface', 'interfaceOptions', 'justify', 'label', 'labelPlacement', 'mode', 'multiple', 'name', 'okText', 'placeholder', 'selectedText', 'shape', 'toggleIcon', 'value'],
   methods: ['open']
diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts
index 5fac940a661..a30385ead5c 100644
--- a/packages/angular/standalone/src/directives/proxies.ts
+++ b/packages/angular/standalone/src/directives/proxies.ts
@@ -65,6 +65,8 @@ import { defineCustomElement as defineIonReorderGroup } from '@ionic/core/compon
 import { defineCustomElement as defineIonRippleEffect } from '@ionic/core/components/ion-ripple-effect.js';
 import { defineCustomElement as defineIonRow } from '@ionic/core/components/ion-row.js';
 import { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineIonSegmentContent } from '@ionic/core/components/ion-segment-content.js';
+import { defineCustomElement as defineIonSegmentView } from '@ionic/core/components/ion-segment-view.js';
 import { defineCustomElement as defineIonSelectModal } from '@ionic/core/components/ion-select-modal.js';
 import { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';
 import { defineCustomElement as defineIonSkeletonText } from '@ionic/core/components/ion-skeleton-text.js';
@@ -1820,14 +1822,14 @@ export declare interface IonRow extends Components.IonRow {}
 
 @ProxyCmp({
   defineCustomElementFn: defineIonSegmentButton,
-  inputs: ['disabled', 'layout', 'mode', 'type', 'value']
+  inputs: ['contentId', 'disabled', 'layout', 'mode', 'type', 'value']
 })
 @Component({
   selector: 'ion-segment-button',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['disabled', 'layout', 'mode', 'type', 'value'],
+  inputs: ['contentId', 'disabled', 'layout', 'mode', 'type', 'value'],
   standalone: true
 })
 export class IonSegmentButton {
@@ -1842,6 +1844,61 @@ export class IonSegmentButton {
 export declare interface IonSegmentButton extends Components.IonSegmentButton {}
 
 
+@ProxyCmp({
+  defineCustomElementFn: defineIonSegmentContent
+})
+@Component({
+  selector: 'ion-segment-content',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: [],
+  standalone: true
+})
+export class IonSegmentContent {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface IonSegmentContent extends Components.IonSegmentContent {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineIonSegmentView,
+  inputs: ['disabled']
+})
+@Component({
+  selector: 'ion-segment-view',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['disabled'],
+  standalone: true
+})
+export class IonSegmentView {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['ionSegmentViewScroll']);
+  }
+}
+
+
+import type { SegmentViewScrollEvent as IIonSegmentViewSegmentViewScrollEvent } from '@ionic/core/components';
+
+export declare interface IonSegmentView extends Components.IonSegmentView {
+  /**
+   * Emitted when the segment view is scrolled.
+   */
+  ionSegmentViewScroll: EventEmitter<CustomEvent<IIonSegmentViewSegmentViewScrollEvent>>;
+}
+
+
 @ProxyCmp({
   defineCustomElementFn: defineIonSelectModal,
   inputs: ['header', 'multiple', 'options']
diff --git a/packages/react/src/components/proxies.ts b/packages/react/src/components/proxies.ts
index 14f81d30ebd..a9f1416ee22 100644
--- a/packages/react/src/components/proxies.ts
+++ b/packages/react/src/components/proxies.ts
@@ -61,6 +61,8 @@ import { defineCustomElement as defineIonRow } from '@ionic/core/components/ion-
 import { defineCustomElement as defineIonSearchbar } from '@ionic/core/components/ion-searchbar.js';
 import { defineCustomElement as defineIonSegment } from '@ionic/core/components/ion-segment.js';
 import { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineIonSegmentContent } from '@ionic/core/components/ion-segment-content.js';
+import { defineCustomElement as defineIonSegmentView } from '@ionic/core/components/ion-segment-view.js';
 import { defineCustomElement as defineIonSelect } from '@ionic/core/components/ion-select.js';
 import { defineCustomElement as defineIonSelectModal } from '@ionic/core/components/ion-select-modal.js';
 import { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';
@@ -131,6 +133,8 @@ export const IonRow = /*@__PURE__*/createReactComponent<JSX.IonRow, HTMLIonRowEl
 export const IonSearchbar = /*@__PURE__*/createReactComponent<JSX.IonSearchbar, HTMLIonSearchbarElement>('ion-searchbar', undefined, undefined, defineIonSearchbar);
 export const IonSegment = /*@__PURE__*/createReactComponent<JSX.IonSegment, HTMLIonSegmentElement>('ion-segment', undefined, undefined, defineIonSegment);
 export const IonSegmentButton = /*@__PURE__*/createReactComponent<JSX.IonSegmentButton, HTMLIonSegmentButtonElement>('ion-segment-button', undefined, undefined, defineIonSegmentButton);
+export const IonSegmentContent = /*@__PURE__*/createReactComponent<JSX.IonSegmentContent, HTMLIonSegmentContentElement>('ion-segment-content', undefined, undefined, defineIonSegmentContent);
+export const IonSegmentView = /*@__PURE__*/createReactComponent<JSX.IonSegmentView, HTMLIonSegmentViewElement>('ion-segment-view', undefined, undefined, defineIonSegmentView);
 export const IonSelect = /*@__PURE__*/createReactComponent<JSX.IonSelect, HTMLIonSelectElement>('ion-select', undefined, undefined, defineIonSelect);
 export const IonSelectModal = /*@__PURE__*/createReactComponent<JSX.IonSelectModal, HTMLIonSelectModalElement>('ion-select-modal', undefined, undefined, defineIonSelectModal);
 export const IonSelectOption = /*@__PURE__*/createReactComponent<JSX.IonSelectOption, HTMLIonSelectOptionElement>('ion-select-option', undefined, undefined, defineIonSelectOption);
diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts
index 0d93a32c46d..7dd5812ebbc 100644
--- a/packages/vue/src/proxies.ts
+++ b/packages/vue/src/proxies.ts
@@ -67,6 +67,8 @@ import { defineCustomElement as defineIonRow } from '@ionic/core/components/ion-
 import { defineCustomElement as defineIonSearchbar } from '@ionic/core/components/ion-searchbar.js';
 import { defineCustomElement as defineIonSegment } from '@ionic/core/components/ion-segment.js';
 import { defineCustomElement as defineIonSegmentButton } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineIonSegmentContent } from '@ionic/core/components/ion-segment-content.js';
+import { defineCustomElement as defineIonSegmentView } from '@ionic/core/components/ion-segment-view.js';
 import { defineCustomElement as defineIonSelect } from '@ionic/core/components/ion-select.js';
 import { defineCustomElement as defineIonSelectModal } from '@ionic/core/components/ion-select-modal.js';
 import { defineCustomElement as defineIonSelectOption } from '@ionic/core/components/ion-select-option.js';
@@ -745,6 +747,7 @@ export const IonSegment = /*@__PURE__*/ defineContainer<JSX.IonSegment, JSX.IonS
 
 
 export const IonSegmentButton = /*@__PURE__*/ defineContainer<JSX.IonSegmentButton, JSX.IonSegmentButton["value"]>('ion-segment-button', defineIonSegmentButton, [
+  'contentId',
   'disabled',
   'layout',
   'type',
@@ -753,6 +756,15 @@ export const IonSegmentButton = /*@__PURE__*/ defineContainer<JSX.IonSegmentButt
 'value', 'ion-change');
 
 
+export const IonSegmentContent = /*@__PURE__*/ defineContainer<JSX.IonSegmentContent>('ion-segment-content', defineIonSegmentContent);
+
+
+export const IonSegmentView = /*@__PURE__*/ defineContainer<JSX.IonSegmentView>('ion-segment-view', defineIonSegmentView, [
+  'disabled',
+  'ionSegmentViewScroll'
+]);
+
+
 export const IonSelect = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSelect["value"]>('ion-select', defineIonSelect, [
   'cancelText',
   'color',

From fcc728faf259d07357bf99c19fe39e0c2ad88504 Mon Sep 17 00:00:00 2001
From: ionitron <hi@ionicframework.com>
Date: Mon, 4 Nov 2024 21:29:16 +0000
Subject: [PATCH 6/7] v8.4.0

---
 CHANGELOG.md                              | 18 ++++++++++++++++++
 core/CHANGELOG.md                         | 18 ++++++++++++++++++
 core/package-lock.json                    |  6 +++---
 core/package.json                         |  2 +-
 lerna.json                                |  2 +-
 packages/angular-server/CHANGELOG.md      |  8 ++++++++
 packages/angular-server/package-lock.json |  8 ++++----
 packages/angular-server/package.json      |  4 ++--
 packages/angular/CHANGELOG.md             | 13 +++++++++++++
 packages/angular/package-lock.json        |  8 ++++----
 packages/angular/package.json             |  4 ++--
 packages/docs/CHANGELOG.md                |  8 ++++++++
 packages/docs/package-lock.json           |  6 +++---
 packages/docs/package.json                |  2 +-
 packages/react-router/CHANGELOG.md        |  8 ++++++++
 packages/react-router/package-lock.json   |  8 ++++----
 packages/react-router/package.json        |  4 ++--
 packages/react/CHANGELOG.md               | 12 ++++++++++++
 packages/react/package-lock.json          |  8 ++++----
 packages/react/package.json               |  4 ++--
 packages/vue-router/CHANGELOG.md          |  8 ++++++++
 packages/vue-router/package-lock.json     |  8 ++++----
 packages/vue-router/package.json          |  4 ++--
 packages/vue/CHANGELOG.md                 | 12 ++++++++++++
 packages/vue/package-lock.json            |  8 ++++----
 packages/vue/package.json                 |  4 ++--
 26 files changed, 150 insertions(+), 45 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a6e49112c02..fe2edcce966 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0](https://github.com/ionic-team/ionic-framework/compare/v8.3.4...v8.4.0) (2024-11-04)
+
+
+### Bug Fixes
+
+* **alert:** use correct heading structure for subHeader when header exists ([#29964](https://github.com/ionic-team/ionic-framework/issues/29964)) ([0fdcb32](https://github.com/ionic-team/ionic-framework/commit/0fdcb32ce0f99b284b314f79f7d0b071bc37faec))
+
+
+### Features
+
+* **menu:** pass role to ionWillClose and ionDidClose events ([#29954](https://github.com/ionic-team/ionic-framework/issues/29954)) ([ee2fa19](https://github.com/ionic-team/ionic-framework/commit/ee2fa19a1e9f09d492c7c08340d95ba6a56ebb2b))
+* **segment-view:** adds support for new `ion-segment-view` component ([#29969](https://github.com/ionic-team/ionic-framework/issues/29969)) ([89508fb](https://github.com/ionic-team/ionic-framework/commit/89508fb89172900b1d11cc3fc18883f57a7fbab6))
+* **select:** add `modal` as interface ([#29972](https://github.com/ionic-team/ionic-framework/issues/29972)) ([3628ea8](https://github.com/ionic-team/ionic-framework/commit/3628ea875a66a717783de5e0a4df440872339040))
+
+
+
+
+
 ## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
 
 
diff --git a/core/CHANGELOG.md b/core/CHANGELOG.md
index 9f8cea162cd..07089bd9600 100644
--- a/core/CHANGELOG.md
+++ b/core/CHANGELOG.md
@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0](https://github.com/ionic-team/ionic-framework/compare/v8.3.4...v8.4.0) (2024-11-04)
+
+
+### Bug Fixes
+
+* **alert:** use correct heading structure for subHeader when header exists ([#29964](https://github.com/ionic-team/ionic-framework/issues/29964)) ([0fdcb32](https://github.com/ionic-team/ionic-framework/commit/0fdcb32ce0f99b284b314f79f7d0b071bc37faec))
+
+
+### Features
+
+* **menu:** pass role to ionWillClose and ionDidClose events ([#29954](https://github.com/ionic-team/ionic-framework/issues/29954)) ([ee2fa19](https://github.com/ionic-team/ionic-framework/commit/ee2fa19a1e9f09d492c7c08340d95ba6a56ebb2b))
+* **segment-view:** adds support for new `ion-segment-view` component ([#29969](https://github.com/ionic-team/ionic-framework/issues/29969)) ([89508fb](https://github.com/ionic-team/ionic-framework/commit/89508fb89172900b1d11cc3fc18883f57a7fbab6))
+* **select:** add `modal` as interface ([#29972](https://github.com/ionic-team/ionic-framework/issues/29972)) ([3628ea8](https://github.com/ionic-team/ionic-framework/commit/3628ea875a66a717783de5e0a4df440872339040))
+
+
+
+
+
 ## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
 
 
diff --git a/core/package-lock.json b/core/package-lock.json
index 3a4608f31e9..4bf85b0b5fa 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ionic/core",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/core",
-      "version": "8.3.4",
+      "version": "8.4.0",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "4.20.0",
@@ -17767,4 +17767,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/core/package.json b/core/package.json
index cc99b374d65..2d92d1411e4 100644
--- a/core/package.json
+++ b/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
diff --git a/lerna.json b/lerna.json
index 6b73eec8d48..9573d91b5e6 100644
--- a/lerna.json
+++ b/lerna.json
@@ -3,5 +3,5 @@
     "core",
     "packages/*"
   ],
-  "version": "8.3.4"
+  "version": "8.4.0"
 }
\ No newline at end of file
diff --git a/packages/angular-server/CHANGELOG.md b/packages/angular-server/CHANGELOG.md
index 8e18462ddf7..f76d843625a 100644
--- a/packages/angular-server/CHANGELOG.md
+++ b/packages/angular-server/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0](https://github.com/ionic-team/ionic-framework/compare/v8.3.4...v8.4.0) (2024-11-04)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
 ## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
 
 **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 3a9a06112a6..e2342e534f2 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.3.4",
+  "version": "8.4.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular-server",
-      "version": "8.3.4",
+      "version": "8.4.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.3.4"
+        "@ionic/core": "^8.4.0"
       },
       "devDependencies": {
         "@angular-eslint/eslint-plugin": "^16.0.0",
@@ -11110,4 +11110,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/angular-server/package.json b/packages/angular-server/package.json
index ceb075f4a7f..2ab94afe04b 100644
--- a/packages/angular-server/package.json
+++ b/packages/angular-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "description": "Angular SSR Module for Ionic",
   "keywords": [
     "ionic",
@@ -62,6 +62,6 @@
   },
   "prettier": "@ionic/prettier-config",
   "dependencies": {
-    "@ionic/core": "^8.3.4"
+    "@ionic/core": "^8.4.0"
   }
 }
diff --git a/packages/angular/CHANGELOG.md b/packages/angular/CHANGELOG.md
index 5899927ba34..623f30b8ae2 100644
--- a/packages/angular/CHANGELOG.md
+++ b/packages/angular/CHANGELOG.md
@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0](https://github.com/ionic-team/ionic-framework/compare/v8.3.4...v8.4.0) (2024-11-04)
+
+
+### Features
+
+* **menu:** pass role to ionWillClose and ionDidClose events ([#29954](https://github.com/ionic-team/ionic-framework/issues/29954)) ([ee2fa19](https://github.com/ionic-team/ionic-framework/commit/ee2fa19a1e9f09d492c7c08340d95ba6a56ebb2b))
+* **segment-view:** adds support for new `ion-segment-view` component ([#29969](https://github.com/ionic-team/ionic-framework/issues/29969)) ([89508fb](https://github.com/ionic-team/ionic-framework/commit/89508fb89172900b1d11cc3fc18883f57a7fbab6))
+* **select:** add `modal` as interface ([#29972](https://github.com/ionic-team/ionic-framework/issues/29972)) ([3628ea8](https://github.com/ionic-team/ionic-framework/commit/3628ea875a66a717783de5e0a4df440872339040))
+
+
+
+
+
 ## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
 
 
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index aaf40af261f..45b1ae34d25 100644
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular",
-      "version": "8.3.4",
+      "version": "8.4.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.3.4",
+        "@ionic/core": "^8.4.0",
         "ionicons": "^7.0.0",
         "jsonc-parser": "^3.0.0",
         "tslib": "^2.3.0"
@@ -15020,4 +15020,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/angular/package.json b/packages/angular/package.json
index cf3edb13741..e717fcb1fd7 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -47,7 +47,7 @@
     }
   },
   "dependencies": {
-    "@ionic/core": "^8.3.4",
+    "@ionic/core": "^8.4.0",
     "ionicons": "^7.0.0",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.3.0"
diff --git a/packages/docs/CHANGELOG.md b/packages/docs/CHANGELOG.md
index 01d59dbdfaa..b4fa7afd0f6 100644
--- a/packages/docs/CHANGELOG.md
+++ b/packages/docs/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0](https://github.com/ionic-team/ionic-framework/compare/v8.3.4...v8.4.0) (2024-11-04)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
 ## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
 
 **Note:** Version bump only for package @ionic/docs
diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
index b2ec1102513..ed84cbe16cc 100644
--- a/packages/docs/package-lock.json
+++ b/packages/docs/package-lock.json
@@ -1,13 +1,13 @@
 {
   "name": "@ionic/docs",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/docs",
-      "version": "8.3.4",
+      "version": "8.4.0",
       "license": "MIT"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 9402ac8627d..ecfb015d6e8 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/docs",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "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 182220662ab..d4fbfb89f7e 100644
--- a/packages/react-router/CHANGELOG.md
+++ b/packages/react-router/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0](https://github.com/ionic-team/ionic-framework/compare/v8.3.4...v8.4.0) (2024-11-04)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
 ## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
 
 **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 597890f036c..8b62f45f7a9 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.3.4",
+  "version": "8.4.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react-router",
-      "version": "8.3.4",
+      "version": "8.4.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/react": "^8.3.4",
+        "@ionic/react": "^8.4.0",
         "tslib": "*"
       },
       "devDependencies": {
@@ -6666,4 +6666,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/react-router/package.json b/packages/react-router/package.json
index 79225e3bfb1..cfcd1a4e453 100644
--- a/packages/react-router/package.json
+++ b/packages/react-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "description": "React Router wrapper for @ionic/react",
   "keywords": [
     "ionic",
@@ -36,7 +36,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@ionic/react": "^8.3.4",
+    "@ionic/react": "^8.4.0",
     "tslib": "*"
   },
   "peerDependencies": {
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index f9f691caab6..bcb4d07e5c1 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0](https://github.com/ionic-team/ionic-framework/compare/v8.3.4...v8.4.0) (2024-11-04)
+
+
+### Features
+
+* **segment-view:** adds support for new `ion-segment-view` component ([#29969](https://github.com/ionic-team/ionic-framework/issues/29969)) ([89508fb](https://github.com/ionic-team/ionic-framework/commit/89508fb89172900b1d11cc3fc18883f57a7fbab6))
+* **select:** add `modal` as interface ([#29972](https://github.com/ionic-team/ionic-framework/issues/29972)) ([3628ea8](https://github.com/ionic-team/ionic-framework/commit/3628ea875a66a717783de5e0a4df440872339040))
+
+
+
+
+
 ## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
 
 **Note:** Version bump only for package @ionic/react
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index 232c3805ca5..84d27ab9419 100644
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react",
-      "version": "8.3.4",
+      "version": "8.4.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.3.4",
+        "@ionic/core": "^8.4.0",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -20498,4 +20498,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/react/package.json b/packages/react/package.json
index 59b96e911f9..42b40b1483f 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -39,7 +39,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "^8.3.4",
+    "@ionic/core": "^8.4.0",
     "ionicons": "^7.0.0",
     "tslib": "*"
   },
diff --git a/packages/vue-router/CHANGELOG.md b/packages/vue-router/CHANGELOG.md
index b8e456b3ce3..a761ceda1e5 100644
--- a/packages/vue-router/CHANGELOG.md
+++ b/packages/vue-router/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0](https://github.com/ionic-team/ionic-framework/compare/v8.3.4...v8.4.0) (2024-11-04)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
 ## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
 
 
diff --git a/packages/vue-router/package-lock.json b/packages/vue-router/package-lock.json
index 6e3138dc0d7..1cefd98eba3 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.3.4",
+  "version": "8.4.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue-router",
-      "version": "8.3.4",
+      "version": "8.4.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/vue": "^8.3.4"
+        "@ionic/vue": "^8.4.0"
       },
       "devDependencies": {
         "@ionic/eslint-config": "^0.3.0",
@@ -12798,4 +12798,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/vue-router/package.json b/packages/vue-router/package.json
index f6a69910661..7cb544beab4 100644
--- a/packages/vue-router/package.json
+++ b/packages/vue-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "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.3.4"
+    "@ionic/vue": "^8.4.0"
   },
   "devDependencies": {
     "@ionic/eslint-config": "^0.3.0",
diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md
index 59e84626d95..f7db26db10e 100644
--- a/packages/vue/CHANGELOG.md
+++ b/packages/vue/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.4.0](https://github.com/ionic-team/ionic-framework/compare/v8.3.4...v8.4.0) (2024-11-04)
+
+
+### Features
+
+* **segment-view:** adds support for new `ion-segment-view` component ([#29969](https://github.com/ionic-team/ionic-framework/issues/29969)) ([89508fb](https://github.com/ionic-team/ionic-framework/commit/89508fb89172900b1d11cc3fc18883f57a7fbab6))
+* **select:** add `modal` as interface ([#29972](https://github.com/ionic-team/ionic-framework/issues/29972)) ([3628ea8](https://github.com/ionic-team/ionic-framework/commit/3628ea875a66a717783de5e0a4df440872339040))
+
+
+
+
+
 ## [8.3.4](https://github.com/ionic-team/ionic-framework/compare/v8.3.3...v8.3.4) (2024-10-30)
 
 **Note:** Version bump only for package @ionic/vue
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index 2adae2a2acb..0bea689ba84 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue",
-      "version": "8.3.4",
+      "version": "8.4.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.3.4",
+        "@ionic/core": "^8.4.0",
         "ionicons": "^7.0.0"
       },
       "devDependencies": {
@@ -6562,4 +6562,4 @@
       "dev": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 86f48a1a0aa..e3920d69dfa 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "8.3.4",
+  "version": "8.4.0",
   "description": "Vue specific wrapper for @ionic/core",
   "scripts": {
     "eslint": "eslint src",
@@ -66,7 +66,7 @@
     "vue-router": "^4.0.16"
   },
   "dependencies": {
-    "@ionic/core": "^8.3.4",
+    "@ionic/core": "^8.4.0",
     "ionicons": "^7.0.0"
   },
   "vetur": {

From ec14e137800e4812a6769117626aedb0375eb4f1 Mon Sep 17 00:00:00 2001
From: ionitron <hi@ionicframework.com>
Date: Mon, 4 Nov 2024 21:29:59 +0000
Subject: [PATCH 7/7] chore(): update package lock files

---
 core/package-lock.json                    |  2 +-
 packages/angular-server/package-lock.json | 14 +++++------
 packages/angular/package-lock.json        | 14 +++++------
 packages/docs/package-lock.json           |  2 +-
 packages/react-router/package-lock.json   | 30 +++++++++++------------
 packages/react/package-lock.json          | 14 +++++------
 packages/vue-router/package-lock.json     | 30 +++++++++++------------
 packages/vue/package-lock.json            | 14 +++++------
 8 files changed, 60 insertions(+), 60 deletions(-)

diff --git a/core/package-lock.json b/core/package-lock.json
index 4bf85b0b5fa..7105341c21f 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -17767,4 +17767,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/angular-server/package-lock.json b/packages/angular-server/package-lock.json
index e2342e534f2..d076c1944ef 100644
--- a/packages/angular-server/package-lock.json
+++ b/packages/angular-server/package-lock.json
@@ -1031,9 +1031,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
-      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz",
+      "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==",
       "dependencies": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -7188,9 +7188,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
-      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz",
+      "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -11110,4 +11110,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index 45b1ae34d25..99ae2425d51 100644
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1398,9 +1398,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
-      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz",
+      "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==",
       "dependencies": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -9820,9 +9820,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
-      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz",
+      "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -15020,4 +15020,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
index ed84cbe16cc..cecd55ac062 100644
--- a/packages/docs/package-lock.json
+++ b/packages/docs/package-lock.json
@@ -10,4 +10,4 @@
       "license": "MIT"
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/react-router/package-lock.json b/packages/react-router/package-lock.json
index 8b62f45f7a9..eec354f3d51 100644
--- a/packages/react-router/package-lock.json
+++ b/packages/react-router/package-lock.json
@@ -238,9 +238,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
-      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz",
+      "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==",
       "dependencies": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -414,11 +414,11 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.3.4.tgz",
-      "integrity": "sha512-CIoTHg/1nJJN11IjmsUqeQB1nIP4SxQyo2nBH+MhzeVCMv8Tj00Y4rU/9RYzKfRI7Zfsi9MOwVrwpGhPWi4KWA==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.4.0.tgz",
+      "integrity": "sha512-wCtixCwf673Qnes1uGxmRoyUP4FnGtEyUVwtkcfj9IBrPUbw641Ws8J4jRjQ2rOO1WkWkSCeHKnd+KYCqyulZg==",
       "dependencies": {
-        "@ionic/core": "8.3.4",
+        "@ionic/core": "8.4.0",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -4057,9 +4057,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
-      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz",
+      "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -4163,11 +4163,11 @@
       "requires": {}
     },
     "@ionic/react": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.3.4.tgz",
-      "integrity": "sha512-CIoTHg/1nJJN11IjmsUqeQB1nIP4SxQyo2nBH+MhzeVCMv8Tj00Y4rU/9RYzKfRI7Zfsi9MOwVrwpGhPWi4KWA==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.4.0.tgz",
+      "integrity": "sha512-wCtixCwf673Qnes1uGxmRoyUP4FnGtEyUVwtkcfj9IBrPUbw641Ws8J4jRjQ2rOO1WkWkSCeHKnd+KYCqyulZg==",
       "requires": {
-        "@ionic/core": "8.3.4",
+        "@ionic/core": "8.4.0",
         "ionicons": "^7.0.0",
         "tslib": "*"
       }
@@ -6666,4 +6666,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index 84d27ab9419..05689bce961 100644
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -736,9 +736,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
-      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz",
+      "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==",
       "dependencies": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -12315,9 +12315,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
-      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz",
+      "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -20498,4 +20498,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/vue-router/package-lock.json b/packages/vue-router/package-lock.json
index 1cefd98eba3..de31e284492 100644
--- a/packages/vue-router/package-lock.json
+++ b/packages/vue-router/package-lock.json
@@ -661,9 +661,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
-      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz",
+      "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==",
       "dependencies": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -852,11 +852,11 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.3.4.tgz",
-      "integrity": "sha512-s7P5mTd078CbPK2dpIxxWGNirQacG3sXhJulJ1L0J6+6VI+HHHLKy4ueTRgPl5GLDmjGgdMCBuYu1n4K2nNXFg==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.4.0.tgz",
+      "integrity": "sha512-mtSerl9oC21d6xv1q+QuGm61IzJbqpkWbt0lQryXZ3kK1/aVVOnHAN5bX8tPPUN2ALA7CyTWXaCvhxceRV/paA==",
       "dependencies": {
-        "@ionic/core": "8.3.4",
+        "@ionic/core": "8.4.0",
         "ionicons": "^7.0.0"
       }
     },
@@ -7878,9 +7878,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
-      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz",
+      "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -7993,11 +7993,11 @@
       "requires": {}
     },
     "@ionic/vue": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.3.4.tgz",
-      "integrity": "sha512-s7P5mTd078CbPK2dpIxxWGNirQacG3sXhJulJ1L0J6+6VI+HHHLKy4ueTRgPl5GLDmjGgdMCBuYu1n4K2nNXFg==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.4.0.tgz",
+      "integrity": "sha512-mtSerl9oC21d6xv1q+QuGm61IzJbqpkWbt0lQryXZ3kK1/aVVOnHAN5bX8tPPUN2ALA7CyTWXaCvhxceRV/paA==",
       "requires": {
-        "@ionic/core": "8.3.4",
+        "@ionic/core": "8.4.0",
         "ionicons": "^7.0.0"
       }
     },
@@ -12798,4 +12798,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index 0bea689ba84..5733d9b5a62 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -208,9 +208,9 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
-      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz",
+      "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==",
       "dependencies": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -3970,9 +3970,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.4.tgz",
-      "integrity": "sha512-MkgaQ9+oQwj3AK/i25MkLgKUUH3/nvNjd4YlmUyFjPG7l2IBHsrLlSmuFGCyniB+doI9Hynu3T9CZP7NS4RjRQ==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.4.0.tgz",
+      "integrity": "sha512-mZ2Ni9QByFGWBNr5W/F/nyPV+cXLhK+6W5BRziy7QPX6YIS57KH8FpY+CjE7BEcpE78anyY49bZt3eOWcES02g==",
       "requires": {
         "@stencil/core": "4.20.0",
         "ionicons": "^7.2.2",
@@ -6562,4 +6562,4 @@
       "dev": true
     }
   }
-}
\ No newline at end of file
+}