@ionic/react 8.7.13-dev.11765925297.1bb45463 → 8.7.13-dev.11766070268.1ab3dde2

package/dist/index.js

@@ -20,62 +20,61 @@ import { defineCustomElement as defineCustomElement$e } from '@ionic/core/compon
 import { defineCustomElement as defineCustomElement$f } from '@ionic/core/components/ion-content.js';
 import { defineCustomElement as defineCustomElement$g } from '@ionic/core/components/ion-datetime.js';
 import { defineCustomElement as defineCustomElement$h } from '@ionic/core/components/ion-datetime-button.js';
-import { defineCustomElement as defineCustomElement$i } from '@ionic/core/components/ion-divider.js';
-import { defineCustomElement as defineCustomElement$j } from '@ionic/core/components/ion-fab.js';
-import { defineCustomElement as defineCustomElement$k } from '@ionic/core/components/ion-fab-list.js';
-import { defineCustomElement as defineCustomElement$l } from '@ionic/core/components/ion-footer.js';
-import { defineCustomElement as defineCustomElement$m } from '@ionic/core/components/ion-grid.js';
-import { defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-header.js';
-import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-img.js';
-import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-infinite-scroll.js';
-import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-infinite-scroll-content.js';
-import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-input.js';
-import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-input-otp.js';
-import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-input-password-toggle.js';
-import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-item-divider.js';
-import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-item-group.js';
-import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-item-options.js';
-import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-item-sliding.js';
-import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-label.js';
-import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-list.js';
-import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-list-header.js';
-import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-menu.js';
-import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-menu-button.js';
-import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-menu-toggle.js';
-import { defineCustomElement as defineCustomElement$1n } from '@ionic/core/components/ion-nav.js';
-import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-nav-link.js';
-import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-note.js';
-import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-picker.js';
-import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-picker-column.js';
-import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-picker-column-option.js';
-import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-progress-bar.js';
-import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-radio.js';
-import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-radio-group.js';
-import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-range.js';
-import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-refresher.js';
-import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-refresher-content.js';
-import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-reorder.js';
-import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-reorder-group.js';
-import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-ripple-effect.js';
-import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-row.js';
-import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-searchbar.js';
-import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-segment.js';
-import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-segment-button.js';
-import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-segment-content.js';
-import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-segment-view.js';
-import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-select.js';
-import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-select-modal.js';
-import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-select-option.js';
-import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-skeleton-text.js';
-import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-spinner.js';
-import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-split-pane.js';
-import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-tab.js';
-import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-text.js';
-import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-textarea.js';
-import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-thumbnail.js';
-import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-title.js';
-import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-toggle.js';
-import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-toolbar.js';
+import { defineCustomElement as defineCustomElement$i } from '@ionic/core/components/ion-fab.js';
+import { defineCustomElement as defineCustomElement$j } from '@ionic/core/components/ion-fab-list.js';
+import { defineCustomElement as defineCustomElement$k } from '@ionic/core/components/ion-footer.js';
+import { defineCustomElement as defineCustomElement$l } from '@ionic/core/components/ion-grid.js';
+import { defineCustomElement as defineCustomElement$m } from '@ionic/core/components/ion-header.js';
+import { defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-img.js';
+import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-infinite-scroll.js';
+import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-infinite-scroll-content.js';
+import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-input.js';
+import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-input-otp.js';
+import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-input-password-toggle.js';
+import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-item-divider.js';
+import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-item-group.js';
+import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-item-options.js';
+import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-item-sliding.js';
+import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-label.js';
+import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-list.js';
+import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-list-header.js';
+import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-menu.js';
+import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-menu-button.js';
+import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-menu-toggle.js';
+import { defineCustomElement as defineCustomElement$1m } from '@ionic/core/components/ion-nav.js';
+import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-nav-link.js';
+import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-note.js';
+import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-picker.js';
+import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-picker-column.js';
+import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-picker-column-option.js';
+import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-progress-bar.js';
+import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-radio.js';
+import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-radio-group.js';
+import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-range.js';
+import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-refresher.js';
+import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-refresher-content.js';
+import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-reorder.js';
+import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-reorder-group.js';
+import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-ripple-effect.js';
+import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-row.js';
+import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-searchbar.js';
+import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-segment.js';
+import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-segment-content.js';
+import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-segment-view.js';
+import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-select-modal.js';
+import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-select-option.js';
+import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-skeleton-text.js';
+import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-spinner.js';
+import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-split-pane.js';
+import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-tab.js';
+import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-text.js';
+import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-textarea.js';
+import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-thumbnail.js';
+import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-title.js';
+import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-toggle.js';
+import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-toolbar.js';
 import { IonBreadcrumb as IonBreadcrumb$1 } from '@ionic/core/components/ion-breadcrumb.js';
 import { IonButton as IonButton$1 } from '@ionic/core/components/ion-button.js';
 import { IonCard as IonCard$1 } from '@ionic/core/components/ion-card.js';
@@ -83,20 +82,20 @@ import { IonFabButton as IonFabButton$1 } from '@ionic/core/components/ion-fab-b
 import { IonItemOption as IonItemOption$1 } from '@ionic/core/components/ion-item-option.js';
 import { IonItem as IonItem$1 } from '@ionic/core/components/ion-item.js';
 import { IonRouterLink as IonRouterLink$1 } from '@ionic/core/components/ion-router-link.js';
-import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-alert.js';
-import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-loading.js';
-import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-toast.js';
-import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-picker-legacy.js';
-import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-action-sheet.js';
-import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-modal.js';
-import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-popover.js';
-import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/components/ion-app.js';
-import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-back-button.js';
-import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-router-outlet.js';
-import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-tab-bar.js';
-import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-tab-button.js';
-import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-tabs.js';
-import { defineCustomElement as defineCustomElement$1m } from 'ionicons/components/ion-icon.js';
+import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-alert.js';
+import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-loading.js';
+import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-toast.js';
+import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-picker-legacy.js';
+import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-action-sheet.js';
+import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-modal.js';
+import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-popover.js';
+import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-app.js';
+import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-back-button.js';
+import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-router-outlet.js';
+import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-tab-bar.js';
+import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-tab-button.js';
+import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-tabs.js';
+import { defineCustomElement as defineCustomElement$1l } from 'ionicons/components/ion-icon.js';
 
 const IonLifeCycleContext = /*@__PURE__*/ React.createContext({
     onIonViewWillEnter: () => {
@@ -644,61 +643,60 @@ const IonCol = /*@__PURE__*/ createReactComponent('ion-col', undefined, undefine
 const IonContent = /*@__PURE__*/ createReactComponent('ion-content', undefined, undefined, defineCustomElement$f);
 const IonDatetime = /*@__PURE__*/ createReactComponent('ion-datetime', undefined, undefined, defineCustomElement$g);
 const IonDatetimeButton = /*@__PURE__*/ createReactComponent('ion-datetime-button', undefined, undefined, defineCustomElement$h);
-const IonDivider = /*@__PURE__*/ createReactComponent('ion-divider', undefined, undefined, defineCustomElement$i);
-const IonFab = /*@__PURE__*/ createReactComponent('ion-fab', undefined, undefined, defineCustomElement$j);
-const IonFabList = /*@__PURE__*/ createReactComponent('ion-fab-list', undefined, undefined, defineCustomElement$k);
-const IonFooter = /*@__PURE__*/ createReactComponent('ion-footer', undefined, undefined, defineCustomElement$l);
-const IonGrid = /*@__PURE__*/ createReactComponent('ion-grid', undefined, undefined, defineCustomElement$m);
-const IonHeader = /*@__PURE__*/ createReactComponent('ion-header', undefined, undefined, defineCustomElement$n);
-const IonImg = /*@__PURE__*/ createReactComponent('ion-img', undefined, undefined, defineCustomElement$o);
-const IonInfiniteScroll = /*@__PURE__*/ createReactComponent('ion-infinite-scroll', undefined, undefined, defineCustomElement$p);
-const IonInfiniteScrollContent = /*@__PURE__*/ createReactComponent('ion-infinite-scroll-content', undefined, undefined, defineCustomElement$q);
-const IonInput = /*@__PURE__*/ createReactComponent('ion-input', undefined, undefined, defineCustomElement$r);
-const IonInputOtp = /*@__PURE__*/ createReactComponent('ion-input-otp', undefined, undefined, defineCustomElement$s);
-const IonInputPasswordToggle = /*@__PURE__*/ createReactComponent('ion-input-password-toggle', undefined, undefined, defineCustomElement$t);
-const IonItemDivider = /*@__PURE__*/ createReactComponent('ion-item-divider', undefined, undefined, defineCustomElement$u);
-const IonItemGroup = /*@__PURE__*/ createReactComponent('ion-item-group', undefined, undefined, defineCustomElement$v);
-const IonItemOptions = /*@__PURE__*/ createReactComponent('ion-item-options', undefined, undefined, defineCustomElement$w);
-const IonItemSliding = /*@__PURE__*/ createReactComponent('ion-item-sliding', undefined, undefined, defineCustomElement$x);
-const IonLabel = /*@__PURE__*/ createReactComponent('ion-label', undefined, undefined, defineCustomElement$y);
-const IonList = /*@__PURE__*/ createReactComponent('ion-list', undefined, undefined, defineCustomElement$z);
-const IonListHeader = /*@__PURE__*/ createReactComponent('ion-list-header', undefined, undefined, defineCustomElement$A);
-const IonMenu = /*@__PURE__*/ createReactComponent('ion-menu', undefined, undefined, defineCustomElement$B);
-const IonMenuButton = /*@__PURE__*/ createReactComponent('ion-menu-button', undefined, undefined, defineCustomElement$C);
-const IonMenuToggle = /*@__PURE__*/ createReactComponent('ion-menu-toggle', undefined, undefined, defineCustomElement$D);
-const IonNavLink = /*@__PURE__*/ createReactComponent('ion-nav-link', undefined, undefined, defineCustomElement$E);
-const IonNote = /*@__PURE__*/ createReactComponent('ion-note', undefined, undefined, defineCustomElement$F);
-const IonPicker = /*@__PURE__*/ createReactComponent('ion-picker', undefined, undefined, defineCustomElement$G);
-const IonPickerColumn = /*@__PURE__*/ createReactComponent('ion-picker-column', undefined, undefined, defineCustomElement$H);
-const IonPickerColumnOption = /*@__PURE__*/ createReactComponent('ion-picker-column-option', undefined, undefined, defineCustomElement$I);
-const IonProgressBar = /*@__PURE__*/ createReactComponent('ion-progress-bar', undefined, undefined, defineCustomElement$J);
-const IonRadio = /*@__PURE__*/ createReactComponent('ion-radio', undefined, undefined, defineCustomElement$K);
-const IonRadioGroup = /*@__PURE__*/ createReactComponent('ion-radio-group', undefined, undefined, defineCustomElement$L);
-const IonRange = /*@__PURE__*/ createReactComponent('ion-range', undefined, undefined, defineCustomElement$M);
-const IonRefresher = /*@__PURE__*/ createReactComponent('ion-refresher', undefined, undefined, defineCustomElement$N);
-const IonRefresherContent = /*@__PURE__*/ createReactComponent('ion-refresher-content', undefined, undefined, defineCustomElement$O);
-const IonReorder = /*@__PURE__*/ createReactComponent('ion-reorder', undefined, undefined, defineCustomElement$P);
-const IonReorderGroup = /*@__PURE__*/ createReactComponent('ion-reorder-group', undefined, undefined, defineCustomElement$Q);
-const IonRippleEffect = /*@__PURE__*/ createReactComponent('ion-ripple-effect', undefined, undefined, defineCustomElement$R);
-const IonRow = /*@__PURE__*/ createReactComponent('ion-row', undefined, undefined, defineCustomElement$S);
-const IonSearchbar = /*@__PURE__*/ createReactComponent('ion-searchbar', undefined, undefined, defineCustomElement$T);
-const IonSegment = /*@__PURE__*/ createReactComponent('ion-segment', undefined, undefined, defineCustomElement$U);
-const IonSegmentButton = /*@__PURE__*/ createReactComponent('ion-segment-button', undefined, undefined, defineCustomElement$V);
-const IonSegmentContent = /*@__PURE__*/ createReactComponent('ion-segment-content', undefined, undefined, defineCustomElement$W);
-const IonSegmentView = /*@__PURE__*/ createReactComponent('ion-segment-view', undefined, undefined, defineCustomElement$X);
-const IonSelect = /*@__PURE__*/ createReactComponent('ion-select', undefined, undefined, defineCustomElement$Y);
-const IonSelectModal = /*@__PURE__*/ createReactComponent('ion-select-modal', undefined, undefined, defineCustomElement$Z);
-const IonSelectOption = /*@__PURE__*/ createReactComponent('ion-select-option', undefined, undefined, defineCustomElement$_);
-const IonSkeletonText = /*@__PURE__*/ createReactComponent('ion-skeleton-text', undefined, undefined, defineCustomElement$$);
-const IonSpinner = /*@__PURE__*/ createReactComponent('ion-spinner', undefined, undefined, defineCustomElement$10);
-const IonSplitPane = /*@__PURE__*/ createReactComponent('ion-split-pane', undefined, undefined, defineCustomElement$11);
-const IonTab = /*@__PURE__*/ createReactComponent('ion-tab', undefined, undefined, defineCustomElement$12);
-const IonText = /*@__PURE__*/ createReactComponent('ion-text', undefined, undefined, defineCustomElement$13);
-const IonTextarea = /*@__PURE__*/ createReactComponent('ion-textarea', undefined, undefined, defineCustomElement$14);
-const IonThumbnail = /*@__PURE__*/ createReactComponent('ion-thumbnail', undefined, undefined, defineCustomElement$15);
-const IonTitle = /*@__PURE__*/ createReactComponent('ion-title', undefined, undefined, defineCustomElement$16);
-const IonToggle = /*@__PURE__*/ createReactComponent('ion-toggle', undefined, undefined, defineCustomElement$17);
-const IonToolbar = /*@__PURE__*/ createReactComponent('ion-toolbar', undefined, undefined, defineCustomElement$18);
+const IonFab = /*@__PURE__*/ createReactComponent('ion-fab', undefined, undefined, defineCustomElement$i);
+const IonFabList = /*@__PURE__*/ createReactComponent('ion-fab-list', undefined, undefined, defineCustomElement$j);
+const IonFooter = /*@__PURE__*/ createReactComponent('ion-footer', undefined, undefined, defineCustomElement$k);
+const IonGrid = /*@__PURE__*/ createReactComponent('ion-grid', undefined, undefined, defineCustomElement$l);
+const IonHeader = /*@__PURE__*/ createReactComponent('ion-header', undefined, undefined, defineCustomElement$m);
+const IonImg = /*@__PURE__*/ createReactComponent('ion-img', undefined, undefined, defineCustomElement$n);
+const IonInfiniteScroll = /*@__PURE__*/ createReactComponent('ion-infinite-scroll', undefined, undefined, defineCustomElement$o);
+const IonInfiniteScrollContent = /*@__PURE__*/ createReactComponent('ion-infinite-scroll-content', undefined, undefined, defineCustomElement$p);
+const IonInput = /*@__PURE__*/ createReactComponent('ion-input', undefined, undefined, defineCustomElement$q);
+const IonInputOtp = /*@__PURE__*/ createReactComponent('ion-input-otp', undefined, undefined, defineCustomElement$r);
+const IonInputPasswordToggle = /*@__PURE__*/ createReactComponent('ion-input-password-toggle', undefined, undefined, defineCustomElement$s);
+const IonItemDivider = /*@__PURE__*/ createReactComponent('ion-item-divider', undefined, undefined, defineCustomElement$t);
+const IonItemGroup = /*@__PURE__*/ createReactComponent('ion-item-group', undefined, undefined, defineCustomElement$u);
+const IonItemOptions = /*@__PURE__*/ createReactComponent('ion-item-options', undefined, undefined, defineCustomElement$v);
+const IonItemSliding = /*@__PURE__*/ createReactComponent('ion-item-sliding', undefined, undefined, defineCustomElement$w);
+const IonLabel = /*@__PURE__*/ createReactComponent('ion-label', undefined, undefined, defineCustomElement$x);
+const IonList = /*@__PURE__*/ createReactComponent('ion-list', undefined, undefined, defineCustomElement$y);
+const IonListHeader = /*@__PURE__*/ createReactComponent('ion-list-header', undefined, undefined, defineCustomElement$z);
+const IonMenu = /*@__PURE__*/ createReactComponent('ion-menu', undefined, undefined, defineCustomElement$A);
+const IonMenuButton = /*@__PURE__*/ createReactComponent('ion-menu-button', undefined, undefined, defineCustomElement$B);
+const IonMenuToggle = /*@__PURE__*/ createReactComponent('ion-menu-toggle', undefined, undefined, defineCustomElement$C);
+const IonNavLink = /*@__PURE__*/ createReactComponent('ion-nav-link', undefined, undefined, defineCustomElement$D);
+const IonNote = /*@__PURE__*/ createReactComponent('ion-note', undefined, undefined, defineCustomElement$E);
+const IonPicker = /*@__PURE__*/ createReactComponent('ion-picker', undefined, undefined, defineCustomElement$F);
+const IonPickerColumn = /*@__PURE__*/ createReactComponent('ion-picker-column', undefined, undefined, defineCustomElement$G);
+const IonPickerColumnOption = /*@__PURE__*/ createReactComponent('ion-picker-column-option', undefined, undefined, defineCustomElement$H);
+const IonProgressBar = /*@__PURE__*/ createReactComponent('ion-progress-bar', undefined, undefined, defineCustomElement$I);
+const IonRadio = /*@__PURE__*/ createReactComponent('ion-radio', undefined, undefined, defineCustomElement$J);
+const IonRadioGroup = /*@__PURE__*/ createReactComponent('ion-radio-group', undefined, undefined, defineCustomElement$K);
+const IonRange = /*@__PURE__*/ createReactComponent('ion-range', undefined, undefined, defineCustomElement$L);
+const IonRefresher = /*@__PURE__*/ createReactComponent('ion-refresher', undefined, undefined, defineCustomElement$M);
+const IonRefresherContent = /*@__PURE__*/ createReactComponent('ion-refresher-content', undefined, undefined, defineCustomElement$N);
+const IonReorder = /*@__PURE__*/ createReactComponent('ion-reorder', undefined, undefined, defineCustomElement$O);
+const IonReorderGroup = /*@__PURE__*/ createReactComponent('ion-reorder-group', undefined, undefined, defineCustomElement$P);
+const IonRippleEffect = /*@__PURE__*/ createReactComponent('ion-ripple-effect', undefined, undefined, defineCustomElement$Q);
+const IonRow = /*@__PURE__*/ createReactComponent('ion-row', undefined, undefined, defineCustomElement$R);
+const IonSearchbar = /*@__PURE__*/ createReactComponent('ion-searchbar', undefined, undefined, defineCustomElement$S);
+const IonSegment = /*@__PURE__*/ createReactComponent('ion-segment', undefined, undefined, defineCustomElement$T);
+const IonSegmentButton = /*@__PURE__*/ createReactComponent('ion-segment-button', undefined, undefined, defineCustomElement$U);
+const IonSegmentContent = /*@__PURE__*/ createReactComponent('ion-segment-content', undefined, undefined, defineCustomElement$V);
+const IonSegmentView = /*@__PURE__*/ createReactComponent('ion-segment-view', undefined, undefined, defineCustomElement$W);
+const IonSelect = /*@__PURE__*/ createReactComponent('ion-select', undefined, undefined, defineCustomElement$X);
+const IonSelectModal = /*@__PURE__*/ createReactComponent('ion-select-modal', undefined, undefined, defineCustomElement$Y);
+const IonSelectOption = /*@__PURE__*/ createReactComponent('ion-select-option', undefined, undefined, defineCustomElement$Z);
+const IonSkeletonText = /*@__PURE__*/ createReactComponent('ion-skeleton-text', undefined, undefined, defineCustomElement$_);
+const IonSpinner = /*@__PURE__*/ createReactComponent('ion-spinner', undefined, undefined, defineCustomElement$$);
+const IonSplitPane = /*@__PURE__*/ createReactComponent('ion-split-pane', undefined, undefined, defineCustomElement$10);
+const IonTab = /*@__PURE__*/ createReactComponent('ion-tab', undefined, undefined, defineCustomElement$11);
+const IonText = /*@__PURE__*/ createReactComponent('ion-text', undefined, undefined, defineCustomElement$12);
+const IonTextarea = /*@__PURE__*/ createReactComponent('ion-textarea', undefined, undefined, defineCustomElement$13);
+const IonThumbnail = /*@__PURE__*/ createReactComponent('ion-thumbnail', undefined, undefined, defineCustomElement$14);
+const IonTitle = /*@__PURE__*/ createReactComponent('ion-title', undefined, undefined, defineCustomElement$15);
+const IonToggle = /*@__PURE__*/ createReactComponent('ion-toggle', undefined, undefined, defineCustomElement$16);
+const IonToolbar = /*@__PURE__*/ createReactComponent('ion-toolbar', undefined, undefined, defineCustomElement$17);
 
 const createForwardRef = (ReactComponent, // TODO(FW-2959): type
 displayName) => {
@@ -990,19 +988,19 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
 };
 const DELEGATE_HOST = 'ion-delegate-host';
 
-const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$19);
+const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$18);
 
-const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$1a);
+const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$19);
 
-const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$1b);
+const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$1a);
 
-const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$1c);
+const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$1b);
 
-const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$1d);
+const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$1c);
 
-const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$1e, true);
+const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$1d, true);
 
-const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1f);
+const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1e);
 
 const IonContext = React.createContext({
     addOverlay: () => {
@@ -1094,14 +1092,14 @@ const IonOverlayManager = ({ onAddOverlay, onRemoveOverlay }) => {
         }) }));
 };
 
-const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1g);
-const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1h);
-const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1i);
-const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1j);
-const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1k);
-const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1l);
+const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1f);
+const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1g);
+const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1h);
+const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1i);
+const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1j);
+const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1k);
 // ionicons
-const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1m);
+const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1l);
 
 class IonApp extends React.Component {
     constructor(props) {
@@ -1254,7 +1252,7 @@ const ReactDelegate = (addView, removeView) => {
     };
 };
 
-const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1n);
+const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1m);
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const IonNavInternal = ({ children, forwardedRef, ...restOfProps }) => {
     const [views, setViews] = useState([]);
@@ -1333,10 +1331,10 @@ class OutletPageManager extends React.Component {
         this.ionLifeCycleContext.ionViewDidLeave();
     }
     render() {
-        const { StackManager, children, routeInfo, ...props } = this.props;
+        const { StackManager, children, routeInfo, id, ...props } = this.props;
         return (jsx(IonLifeCycleContext.Consumer, { children: (context) => {
                 this.ionLifeCycleContext = context;
-                return (jsx(StackManager, { routeInfo: routeInfo, children: jsx(IonRouterOutletInner, { setRef: (val) => (this.ionRouterOutlet = val), ...props, children: children }) }));
+                return (jsx(StackManager, { id: id, routeInfo: routeInfo, children: jsx(IonRouterOutletInner, { id: id, setRef: (val) => (this.ionRouterOutlet = val), ...props, children: children }) }));
             } }));
     }
     static get contextType() {
@@ -1347,11 +1345,13 @@ class OutletPageManager extends React.Component {
 class IonRouterOutletContainer extends React.Component {
     constructor(props) {
         super(props);
+        this.outletId = props.id ?? `routerOutlet-${generateId('routerOutlet')}`;
     }
     render() {
         const StackManager = this.context.getStackManager();
         const { children, forwardedRef, ...props } = this.props;
-        return this.context.hasIonicRouter() ? (props.ionPage ? (jsx(OutletPageManager, { StackManager: StackManager, routeInfo: this.context.routeInfo, ...props, children: children })) : (jsx(StackManager, { routeInfo: this.context.routeInfo, children: jsx(IonRouterOutletInner, { ...props, forwardedRef: forwardedRef, children: children }) }))) : (jsx(IonRouterOutletInner, { ref: forwardedRef, ...this.props, children: this.props.children }));
+        const outletId = props.id ?? this.outletId;
+        return this.context.hasIonicRouter() ? (props.ionPage ? (jsx(OutletPageManager, { StackManager: StackManager, routeInfo: this.context.routeInfo, ...props, children: children })) : (jsx(StackManager, { routeInfo: this.context.routeInfo, id: outletId, children: jsx(IonRouterOutletInner, { ...props, id: outletId, forwardedRef: forwardedRef, children: children }) }))) : (jsx(IonRouterOutletInner, { ref: forwardedRef, ...this.props, children: this.props.children }));
     }
     static get contextType() {
         return NavContext;
@@ -2014,7 +2014,7 @@ function useController(displayName, controller, defineCustomElement) {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonActionSheet() {
-    const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$1d);
+    const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$1c);
     const present = useCallback((buttonsOrOptions, header) => {
         if (Array.isArray(buttonsOrOptions)) {
             return controller.present({
@@ -2034,7 +2034,7 @@ function useIonActionSheet() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonAlert() {
-    const controller = useController('IonAlert', alertController, defineCustomElement$19);
+    const controller = useController('IonAlert', alertController, defineCustomElement$18);
     const present = useCallback((messageOrOptions, buttons) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2054,7 +2054,7 @@ function useIonAlert() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonToast() {
-    const controller = useController('IonToast', toastController, defineCustomElement$1b);
+    const controller = useController('IonToast', toastController, defineCustomElement$1a);
     const present = useCallback((messageOrOptions, duration) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2140,7 +2140,7 @@ function useOverlay(displayName, controller, defineCustomElement, component, com
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonModal(component, componentProps) {
-    const controller = useOverlay('IonModal', modalController, defineCustomElement$1e, component, componentProps);
+    const controller = useOverlay('IonModal', modalController, defineCustomElement$1d, component, componentProps);
     const present = useCallback((options = {}) => {
         controller.present(options);
     }, [controller.present]);
@@ -2155,7 +2155,7 @@ function useIonModal(component, componentProps) {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonPopover(component, componentProps) {
-    const controller = useOverlay('IonPopover', popoverController, defineCustomElement$1f, component, componentProps);
+    const controller = useOverlay('IonPopover', popoverController, defineCustomElement$1e, component, componentProps);
     const present = useCallback((options = {}) => {
         controller.present(options);
     }, [controller.present]);
@@ -2168,7 +2168,7 @@ function useIonPopover(component, componentProps) {
  * @deprecated Use the inline ion-picker component instead.
  */
 function useIonPicker() {
-    const controller = useController('IonPicker', pickerController, defineCustomElement$1c);
+    const controller = useController('IonPicker', pickerController, defineCustomElement$1b);
     const present = useCallback((columnsOrOptions, buttons) => {
         if (Array.isArray(columnsOrOptions)) {
             return controller.present({
@@ -2188,7 +2188,7 @@ function useIonPicker() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonLoading() {
-    const controller = useController('IonLoading', loadingController, defineCustomElement$1a);
+    const controller = useController('IonLoading', loadingController, defineCustomElement$19);
     const present = useCallback((messageOrOptions = {}, duration, spinner) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2230,6 +2230,7 @@ const RouteManagerContext = /*@__PURE__*/ React.createContext({
     findLeavingViewItemByRouteInfo: () => undefined,
     findViewItemByRouteInfo: () => undefined,
     getChildrenToRender: () => undefined,
+    getViewItemsForOutlet: () => [],
     goBack: () => undefined,
     unMountViewItem: () => undefined,
 });
@@ -2348,7 +2349,14 @@ class LocationHistory {
     _replace(routeInfo) {
         const routeInfos = this._getRouteInfosByKey(routeInfo.tab);
         routeInfos && routeInfos.pop();
-        this.locationHistory.pop();
+        // Get the current route that's being replaced
+        const currentRoute = this.locationHistory[this.locationHistory.length - 1];
+        // Only pop from global history if we're replacing in the same outlet context.
+        // Don't pop if we're entering a nested outlet (current route has no tab, new route has a tab)
+        const isEnteringNestedOutlet = currentRoute && !currentRoute.tab && !!routeInfo.tab;
+        if (!isEnteringNestedOutlet) {
+            this.locationHistory.pop();
+        }
         this._add(routeInfo);
     }
     _clear() {
@@ -2534,5 +2542,5 @@ class ViewStacks {
     }
 }
 
-export { CreateAnimation, DefaultIonLifeCycleContext, IonAccordion, IonAccordionGroup, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonDatetimeButton, IonDivider, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonInputOtp, IonInputPasswordToggle, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonLifeCycleContext, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRedirect, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouterContext, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonTabsContext, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LocationHistory, NavContext, NavManager, RouteManagerContext, StackContext, ViewLifeCycleManager, ViewStacks, generateId, getConfig, getPlatforms, isPlatform, setupIonicReact, useIonActionSheet, useIonAlert, useIonLoading, useIonModal, useIonPicker, useIonPopover, useIonRouter, useIonToast, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
+export { CreateAnimation, DefaultIonLifeCycleContext, IonAccordion, IonAccordionGroup, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonDatetimeButton, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonInputOtp, IonInputPasswordToggle, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonLifeCycleContext, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRedirect, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouterContext, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonTabsContext, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LocationHistory, NavContext, NavManager, RouteManagerContext, StackContext, ViewLifeCycleManager, ViewStacks, generateId, getConfig, getPlatforms, isPlatform, setupIonicReact, useIonActionSheet, useIonAlert, useIonLoading, useIonModal, useIonPicker, useIonPopover, useIonRouter, useIonToast, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
 //# sourceMappingURL=index.js.map