@ionic/react 8.8.11-nightly.20260617 → 8.8.12-dev.11781793379.156d3260

package/dist/index.js

@@ -20,61 +20,64 @@ 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-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 { 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-gallery.js';
+import { defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-gallery-item.js';
+import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-grid.js';
+import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-header.js';
+import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-img.js';
+import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-infinite-scroll.js';
+import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-infinite-scroll-content.js';
+import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-input.js';
+import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-input-otp.js';
+import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-input-password-toggle.js';
+import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-item-divider.js';
+import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-item-group.js';
+import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-item-options.js';
+import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-item-sliding.js';
+import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-label.js';
+import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-list.js';
+import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-list-header.js';
+import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-menu.js';
+import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-menu-button.js';
+import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-menu-toggle.js';
+import { defineCustomElement as defineCustomElement$1p } from '@ionic/core/components/ion-nav.js';
+import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-nav-link.js';
+import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-note.js';
+import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-picker.js';
+import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-picker-column.js';
+import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-picker-column-option.js';
+import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-progress-bar.js';
+import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-radio.js';
+import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-radio-group.js';
+import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-range.js';
+import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-refresher.js';
+import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-refresher-content.js';
+import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-reorder.js';
+import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-reorder-group.js';
+import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-ripple-effect.js';
+import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-row.js';
+import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-searchbar.js';
+import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-segment.js';
+import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-segment-content.js';
+import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-segment-view.js';
+import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-select-modal.js';
+import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-select-option.js';
+import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-skeleton-text.js';
+import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-spinner.js';
+import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-split-pane.js';
+import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-tab.js';
+import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-text.js';
+import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-textarea.js';
+import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-thumbnail.js';
+import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-title.js';
+import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-toggle.js';
+import { defineCustomElement as defineCustomElement$1a } 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';
@@ -82,20 +85,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$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';
+import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-alert.js';
+import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-loading.js';
+import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-toast.js';
+import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-picker-legacy.js';
+import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-action-sheet.js';
+import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-modal.js';
+import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-popover.js';
+import { defineCustomElement as defineCustomElement$1n } from '@ionic/core/components/ion-app.js';
+import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/components/ion-back-button.js';
+import { defineCustomElement as defineCustomElement$1m } from '@ionic/core/components/ion-router-outlet.js';
+import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-tab-bar.js';
+import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-tab-button.js';
+import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-tabs.js';
+import { defineCustomElement as defineCustomElement$1o } from 'ionicons/components/ion-icon.js';
 
 const IonLifeCycleContext = /*@__PURE__*/ React.createContext({
     onIonViewWillEnter: () => {
@@ -549,6 +552,10 @@ const createForwardRef$1 = (ReactComponent, displayName) => {
         return jsx(ReactComponent, { ...props, forwardedRef: ref });
     };
     forwardRef.displayName = displayName;
+    // Cast the render function to the type React.forwardRef already infers for it.
+    // React 18's `forwardRef` wraps the props in `PropsWithoutRef`, and since
+    // `PropType` is unconstrained TypeScript can't prove the round-trip is safe.
+    // The cast keeps the inferred component type intact without widening to `any`.
     return React.forwardRef(forwardRef);
 };
 const defineCustomElement = (tagName, customElement) => {
@@ -643,60 +650,63 @@ 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 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 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 IonGallery = /*@__PURE__*/ createReactComponent('ion-gallery', undefined, undefined, defineCustomElement$m);
+const IonGalleryItem = /*@__PURE__*/ createReactComponent('ion-gallery-item', undefined, undefined, defineCustomElement$n);
+const IonGrid = /*@__PURE__*/ createReactComponent('ion-grid', undefined, undefined, defineCustomElement$o);
+const IonHeader = /*@__PURE__*/ createReactComponent('ion-header', undefined, undefined, defineCustomElement$p);
+const IonImg = /*@__PURE__*/ createReactComponent('ion-img', undefined, undefined, defineCustomElement$q);
+const IonInfiniteScroll = /*@__PURE__*/ createReactComponent('ion-infinite-scroll', undefined, undefined, defineCustomElement$r);
+const IonInfiniteScrollContent = /*@__PURE__*/ createReactComponent('ion-infinite-scroll-content', undefined, undefined, defineCustomElement$s);
+const IonInput = /*@__PURE__*/ createReactComponent('ion-input', undefined, undefined, defineCustomElement$t);
+const IonInputOtp = /*@__PURE__*/ createReactComponent('ion-input-otp', undefined, undefined, defineCustomElement$u);
+const IonInputPasswordToggle = /*@__PURE__*/ createReactComponent('ion-input-password-toggle', undefined, undefined, defineCustomElement$v);
+const IonItemDivider = /*@__PURE__*/ createReactComponent('ion-item-divider', undefined, undefined, defineCustomElement$w);
+const IonItemGroup = /*@__PURE__*/ createReactComponent('ion-item-group', undefined, undefined, defineCustomElement$x);
+const IonItemOptions = /*@__PURE__*/ createReactComponent('ion-item-options', undefined, undefined, defineCustomElement$y);
+const IonItemSliding = /*@__PURE__*/ createReactComponent('ion-item-sliding', undefined, undefined, defineCustomElement$z);
+const IonLabel = /*@__PURE__*/ createReactComponent('ion-label', undefined, undefined, defineCustomElement$A);
+const IonList = /*@__PURE__*/ createReactComponent('ion-list', undefined, undefined, defineCustomElement$B);
+const IonListHeader = /*@__PURE__*/ createReactComponent('ion-list-header', undefined, undefined, defineCustomElement$C);
+const IonMenu = /*@__PURE__*/ createReactComponent('ion-menu', undefined, undefined, defineCustomElement$D);
+const IonMenuButton = /*@__PURE__*/ createReactComponent('ion-menu-button', undefined, undefined, defineCustomElement$E);
+const IonMenuToggle = /*@__PURE__*/ createReactComponent('ion-menu-toggle', undefined, undefined, defineCustomElement$F);
+const IonNavLink = /*@__PURE__*/ createReactComponent('ion-nav-link', undefined, undefined, defineCustomElement$G);
+const IonNote = /*@__PURE__*/ createReactComponent('ion-note', undefined, undefined, defineCustomElement$H);
+const IonPicker = /*@__PURE__*/ createReactComponent('ion-picker', undefined, undefined, defineCustomElement$I);
+const IonPickerColumn = /*@__PURE__*/ createReactComponent('ion-picker-column', undefined, undefined, defineCustomElement$J);
+const IonPickerColumnOption = /*@__PURE__*/ createReactComponent('ion-picker-column-option', undefined, undefined, defineCustomElement$K);
+const IonProgressBar = /*@__PURE__*/ createReactComponent('ion-progress-bar', undefined, undefined, defineCustomElement$L);
+const IonRadio = /*@__PURE__*/ createReactComponent('ion-radio', undefined, undefined, defineCustomElement$M);
+const IonRadioGroup = /*@__PURE__*/ createReactComponent('ion-radio-group', undefined, undefined, defineCustomElement$N);
+const IonRange = /*@__PURE__*/ createReactComponent('ion-range', undefined, undefined, defineCustomElement$O);
+const IonRefresher = /*@__PURE__*/ createReactComponent('ion-refresher', undefined, undefined, defineCustomElement$P);
+const IonRefresherContent = /*@__PURE__*/ createReactComponent('ion-refresher-content', undefined, undefined, defineCustomElement$Q);
+const IonReorder = /*@__PURE__*/ createReactComponent('ion-reorder', undefined, undefined, defineCustomElement$R);
+const IonReorderGroup = /*@__PURE__*/ createReactComponent('ion-reorder-group', undefined, undefined, defineCustomElement$S);
+const IonRippleEffect = /*@__PURE__*/ createReactComponent('ion-ripple-effect', undefined, undefined, defineCustomElement$T);
+const IonRow = /*@__PURE__*/ createReactComponent('ion-row', undefined, undefined, defineCustomElement$U);
+const IonSearchbar = /*@__PURE__*/ createReactComponent('ion-searchbar', undefined, undefined, defineCustomElement$V);
+const IonSegment = /*@__PURE__*/ createReactComponent('ion-segment', undefined, undefined, defineCustomElement$W);
+const IonSegmentButton = /*@__PURE__*/ createReactComponent('ion-segment-button', undefined, undefined, defineCustomElement$X);
+const IonSegmentContent = /*@__PURE__*/ createReactComponent('ion-segment-content', undefined, undefined, defineCustomElement$Y);
+const IonSegmentView = /*@__PURE__*/ createReactComponent('ion-segment-view', undefined, undefined, defineCustomElement$Z);
+const IonSelect = /*@__PURE__*/ createReactComponent('ion-select', undefined, undefined, defineCustomElement$_);
+const IonSelectModal = /*@__PURE__*/ createReactComponent('ion-select-modal', undefined, undefined, defineCustomElement$$);
+const IonSelectOption = /*@__PURE__*/ createReactComponent('ion-select-option', undefined, undefined, defineCustomElement$10);
+const IonSkeletonText = /*@__PURE__*/ createReactComponent('ion-skeleton-text', undefined, undefined, defineCustomElement$11);
+const IonSpinner = /*@__PURE__*/ createReactComponent('ion-spinner', undefined, undefined, defineCustomElement$12);
+const IonSplitPane = /*@__PURE__*/ createReactComponent('ion-split-pane', undefined, undefined, defineCustomElement$13);
+const IonTab = /*@__PURE__*/ createReactComponent('ion-tab', undefined, undefined, defineCustomElement$14);
+const IonText = /*@__PURE__*/ createReactComponent('ion-text', undefined, undefined, defineCustomElement$15);
+const IonTextarea = /*@__PURE__*/ createReactComponent('ion-textarea', undefined, undefined, defineCustomElement$16);
+const IonThumbnail = /*@__PURE__*/ createReactComponent('ion-thumbnail', undefined, undefined, defineCustomElement$17);
+const IonTitle = /*@__PURE__*/ createReactComponent('ion-title', undefined, undefined, defineCustomElement$18);
+const IonToggle = /*@__PURE__*/ createReactComponent('ion-toggle', undefined, undefined, defineCustomElement$19);
+const IonToolbar = /*@__PURE__*/ createReactComponent('ion-toolbar', undefined, undefined, defineCustomElement$1a);
 
 const createForwardRef = (ReactComponent, // TODO(FW-2959): type
 displayName) => {
@@ -704,6 +714,10 @@ displayName) => {
         return jsx(ReactComponent, { ...props, forwardedRef: ref });
     };
     forwardRef.displayName = displayName;
+    // Cast the render function to the type React.forwardRef already infers for it.
+    // React 18's `forwardRef` wraps the props in `PropsWithoutRef`, and since
+    // `PropType` is unconstrained TypeScript can't prove the round-trip is safe.
+    // The cast keeps the inferred component type intact without widening to `any`.
     return React.forwardRef(forwardRef);
 };
 const isPlatform = (platform) => {
@@ -953,6 +967,42 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
         componentWillUnmount() {
             this.isUnmounted = true;
             const node = this.ref.current;
+            if (!node) {
+                return;
+            }
+            /**
+             * CoreDelegate (or user code in onWillPresent) can move the overlay out
+             * of where React rendered it. React's unmount only removes the node from
+             * its original React location, so we recover a relocated host here,
+             * regardless of open state.
+             *
+             * We can't gate this on `isOpen`: the overlay can be moved before it
+             * finishes presenting (e.g. the React 18 StrictMode mount/unmount cycle,
+             * where the present events that flip `isOpen` haven't fired yet), which
+             * would orphan the relocated host in the DOM. It also has to run
+             * synchronously here, since React's portal `removeChild` runs after
+             * `componentWillUnmount` returns and needs the host where it expects it.
+             */
+            if (node.isConnected) {
+                if (this.props.isNested) {
+                    /**
+                     * Nested overlays render inline inside a `<template>`. If the host
+                     * has been moved out of that template, React's unmount won't reach
+                     * it, so remove it directly. A host still in its template is left
+                     * for React to remove.
+                     */
+                    if (!(node.parentElement instanceof HTMLTemplateElement)) {
+                        node.remove();
+                    }
+                }
+                else if (this.portalTarget && node.parentNode !== this.portalTarget) {
+                    /**
+                     * Portaled overlays: move the host back into `portalTarget` so
+                     * React's portal `removeChild` can find it.
+                     */
+                    this.portalTarget.appendChild(node);
+                }
+            }
             /**
              * If the overlay is being unmounted, but is still
              * open, this means the unmount was triggered outside
@@ -966,31 +1016,13 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
              * Unmounting the overlay at this stage should skip
              * the dismiss lifecycle, including skipping the transition.
              *
+             * Detach the local event listener that performs the state updates,
+             * before dismissing the overlay, to prevent the callback handlers
+             * executing after the component has been unmounted. This is to
+             * avoid memory leaks.
              */
-            if (node && this.state.isOpen) {
-                /**
-                 * Detach the local event listener that performs the state updates,
-                 * before dismissing the overlay, to prevent the callback handlers
-                 * executing after the component has been unmounted. This is to
-                 * avoid memory leaks.
-                 */
+            if (this.state.isOpen) {
                 node.removeEventListener('didDismiss', this.handleDidDismiss);
-                if (this.props.isNested) {
-                    /**
-                     * Nested overlays render inline (no portal). CoreDelegate may
-                     * have moved the node out of its React parent, so React's
-                     * unmount won't reach it. Remove it directly.
-                     */
-                    node.remove();
-                }
-                else if (node.isConnected && this.portalTarget && node.parentNode !== this.portalTarget) {
-                    /**
-                     * Portaled path: move the overlay back into `portalTarget` so
-                     * React's portal removeChild can find it. CoreDelegate (or user
-                     * code in onWillPresent) may have moved it elsewhere while open.
-                     */
-                    this.portalTarget.appendChild(node);
-                }
                 detachProps(node, this.props);
             }
         }
@@ -1051,25 +1083,29 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
         }
     };
     // Forward the nesting context as a prop to avoid contextType on the class.
-    const ReactComponentWithNesting = (props) => createElement(NestedOverlayContext.Consumer, null, (isNested) => createElement(ReactComponent, { ...props, isNested }));
+    // The render function is passed via `children` (not as a varargs child) so it
+    // matches `Context.Consumer`'s render-prop signature `(value) => ReactNode`.
+    const ReactComponentWithNesting = (props) => createElement(NestedOverlayContext.Consumer, {
+        children: (isNested) => createElement(ReactComponent, { ...props, isNested }),
+    });
     ReactComponentWithNesting.displayName = displayName;
     return createForwardRef(ReactComponentWithNesting, displayName);
 };
 const DELEGATE_HOST = 'ion-delegate-host';
 
-const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$18);
+const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$1b);
 
-const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$19);
+const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$1c);
 
-const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$1a);
+const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$1d);
 
-const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$1b);
+const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$1e);
 
-const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$1c);
+const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$1f);
 
-const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$1d, true);
+const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$1g, true);
 
-const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1e);
+const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1h);
 
 const IonContext = React.createContext({
     addOverlay: () => {
@@ -1161,14 +1197,14 @@ const IonOverlayManager = ({ onAddOverlay, onRemoveOverlay }) => {
         }) }));
 };
 
-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);
+const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1i);
+const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1j);
+const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1k);
+const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1l);
+const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1m);
+const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1n);
 // ionicons
-const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1l);
+const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1o);
 
 class IonApp extends React.Component {
     constructor(props) {
@@ -1321,7 +1357,7 @@ const ReactDelegate = (addView, removeView) => {
     };
 };
 
-const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1m);
+const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1p);
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const IonNavInternal = ({ children, forwardedRef, ...restOfProps }) => {
     const [views, setViews] = useState([]);
@@ -2093,7 +2129,7 @@ function useController(displayName, controller, defineCustomElement) {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonActionSheet() {
-    const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$1c);
+    const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$1f);
     const present = useCallback((buttonsOrOptions, header) => {
         if (Array.isArray(buttonsOrOptions)) {
             return controller.present({
@@ -2113,7 +2149,7 @@ function useIonActionSheet() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonAlert() {
-    const controller = useController('IonAlert', alertController, defineCustomElement$18);
+    const controller = useController('IonAlert', alertController, defineCustomElement$1b);
     const present = useCallback((messageOrOptions, buttons) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2133,7 +2169,7 @@ function useIonAlert() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonToast() {
-    const controller = useController('IonToast', toastController, defineCustomElement$1a);
+    const controller = useController('IonToast', toastController, defineCustomElement$1d);
     const present = useCallback((messageOrOptions, duration) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2219,7 +2255,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$1d, component, componentProps);
+    const controller = useOverlay('IonModal', modalController, defineCustomElement$1g, component, componentProps);
     const present = useCallback((options = {}) => {
         controller.present(options);
     }, [controller.present]);
@@ -2234,7 +2270,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$1e, component, componentProps);
+    const controller = useOverlay('IonPopover', popoverController, defineCustomElement$1h, component, componentProps);
     const present = useCallback((options = {}) => {
         controller.present(options);
     }, [controller.present]);
@@ -2247,7 +2283,7 @@ function useIonPopover(component, componentProps) {
  * @deprecated Use the inline ion-picker component instead.
  */
 function useIonPicker() {
-    const controller = useController('IonPicker', pickerController, defineCustomElement$1b);
+    const controller = useController('IonPicker', pickerController, defineCustomElement$1e);
     const present = useCallback((columnsOrOptions, buttons) => {
         if (Array.isArray(columnsOrOptions)) {
             return controller.present({
@@ -2267,7 +2303,7 @@ function useIonPicker() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonLoading() {
-    const controller = useController('IonLoading', loadingController, defineCustomElement$19);
+    const controller = useController('IonLoading', loadingController, defineCustomElement$1c);
     const present = useCallback((messageOrOptions = {}, duration, spinner) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2613,5 +2649,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, 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, IonDivider, IonFab, IonFabButton, IonFabList, IonFooter, IonGallery, IonGalleryItem, 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