@ionic/react 9.0.10-nightly.20261028 → 9.0.11-dev.11793666452.109ac2a5

package/dist/index.js

@@ -1,80 +1,83 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React, { useContext, useRef, useEffect, createElement, useState, useMemo, Fragment as Fragment$1, useCallback } from 'react';
-import { isPlatform as isPlatform$1, getPlatforms as getPlatforms$1, componentOnReady, createAnimation, actionSheetController, alertController, toastController, modalController, popoverController, loadingController, initialize } from '@ionic/core/components';
+import { getPlatforms as getPlatforms$1, isPlatform as isPlatform$1, componentOnReady, createAnimation, actionSheetController, alertController, toastController, modalController, popoverController, loadingController, initialize } from '@ionic/core/components';
 export { IonicSafeString, IonicSlides, LogLevel, createAnimation, createGesture, getIonPageElement, getTimeGivenProgression, iosTransitionAnimation, mdTransitionAnimation, openURL } from '@ionic/core/components';
 import { createComponent } from '@stencil/react-output-target/runtime';
-import { IonAccordionGroup as IonAccordionGroup$1, defineCustomElement as defineCustomElement$2 } from '@ionic/core/components/ion-accordion-group.js';
-import { IonAccordion as IonAccordion$1, defineCustomElement as defineCustomElement$1 } from '@ionic/core/components/ion-accordion.js';
-import { IonAvatar as IonAvatar$1, defineCustomElement as defineCustomElement$3 } from '@ionic/core/components/ion-avatar.js';
-import { IonBackdrop as IonBackdrop$1, defineCustomElement as defineCustomElement$4 } from '@ionic/core/components/ion-backdrop.js';
-import { IonBadge as IonBadge$1, defineCustomElement as defineCustomElement$5 } from '@ionic/core/components/ion-badge.js';
-import { IonBreadcrumbs as IonBreadcrumbs$1, defineCustomElement as defineCustomElement$6 } from '@ionic/core/components/ion-breadcrumbs.js';
-import { IonButtons as IonButtons$1, defineCustomElement as defineCustomElement$7 } from '@ionic/core/components/ion-buttons.js';
-import { IonCardContent as IonCardContent$1, defineCustomElement as defineCustomElement$8 } from '@ionic/core/components/ion-card-content.js';
-import { IonCardHeader as IonCardHeader$1, defineCustomElement as defineCustomElement$9 } from '@ionic/core/components/ion-card-header.js';
-import { IonCardSubtitle as IonCardSubtitle$1, defineCustomElement as defineCustomElement$a } from '@ionic/core/components/ion-card-subtitle.js';
-import { IonCardTitle as IonCardTitle$1, defineCustomElement as defineCustomElement$b } from '@ionic/core/components/ion-card-title.js';
-import { IonCheckbox as IonCheckbox$1, defineCustomElement as defineCustomElement$c } from '@ionic/core/components/ion-checkbox.js';
-import { IonChip as IonChip$1, defineCustomElement as defineCustomElement$d } from '@ionic/core/components/ion-chip.js';
-import { IonCol as IonCol$1, defineCustomElement as defineCustomElement$e } from '@ionic/core/components/ion-col.js';
-import { IonContent as IonContent$1, defineCustomElement as defineCustomElement$f } from '@ionic/core/components/ion-content.js';
-import { IonDatetimeButton as IonDatetimeButton$1, defineCustomElement as defineCustomElement$h } from '@ionic/core/components/ion-datetime-button.js';
-import { IonDatetime as IonDatetime$1, defineCustomElement as defineCustomElement$g } from '@ionic/core/components/ion-datetime.js';
-import { IonFabList as IonFabList$1, defineCustomElement as defineCustomElement$j } from '@ionic/core/components/ion-fab-list.js';
-import { IonFab as IonFab$1, defineCustomElement as defineCustomElement$i } from '@ionic/core/components/ion-fab.js';
-import { IonFooter as IonFooter$1, defineCustomElement as defineCustomElement$k } from '@ionic/core/components/ion-footer.js';
-import { IonGrid as IonGrid$1, defineCustomElement as defineCustomElement$l } from '@ionic/core/components/ion-grid.js';
-import { IonHeader as IonHeader$1, defineCustomElement as defineCustomElement$m } from '@ionic/core/components/ion-header.js';
-import { IonImg as IonImg$1, defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-img.js';
-import { IonInfiniteScrollContent as IonInfiniteScrollContent$1, defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-infinite-scroll-content.js';
-import { IonInfiniteScroll as IonInfiniteScroll$1, defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-infinite-scroll.js';
-import { IonInputOtp as IonInputOtp$1, defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-input-otp.js';
-import { IonInputPasswordToggle as IonInputPasswordToggle$1, defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-input-password-toggle.js';
-import { IonInput as IonInput$1, defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-input.js';
-import { IonItemDivider as IonItemDivider$1, defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-item-divider.js';
-import { IonItemGroup as IonItemGroup$1, defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-item-group.js';
-import { IonItemOptions as IonItemOptions$1, defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-item-options.js';
-import { IonItemSliding as IonItemSliding$1, defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-item-sliding.js';
-import { IonLabel as IonLabel$1, defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-label.js';
-import { IonListHeader as IonListHeader$1, defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-list-header.js';
-import { IonList as IonList$1, defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-list.js';
-import { IonMenuButton as IonMenuButton$1, defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-menu-button.js';
-import { IonMenuToggle as IonMenuToggle$1, defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-menu-toggle.js';
-import { IonMenu as IonMenu$1, defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-menu.js';
-import { IonNavLink as IonNavLink$1, defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-nav-link.js';
-import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/components/ion-nav.js';
-import { IonNote as IonNote$1, defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-note.js';
-import { IonPickerColumnOption as IonPickerColumnOption$1, defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-picker-column-option.js';
-import { IonPickerColumn as IonPickerColumn$1, defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-picker-column.js';
-import { IonPicker as IonPicker$1, defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-picker.js';
-import { IonProgressBar as IonProgressBar$1, defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-progress-bar.js';
-import { IonRadioGroup as IonRadioGroup$1, defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-radio-group.js';
-import { IonRadio as IonRadio$1, defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-radio.js';
-import { IonRange as IonRange$1, defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-range.js';
-import { IonRefresherContent as IonRefresherContent$1, defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-refresher-content.js';
-import { IonRefresher as IonRefresher$1, defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-refresher.js';
-import { IonReorderGroup as IonReorderGroup$1, defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-reorder-group.js';
-import { IonReorder as IonReorder$1, defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-reorder.js';
-import { IonRippleEffect as IonRippleEffect$1, defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-ripple-effect.js';
-import { IonRow as IonRow$1, defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-row.js';
-import { IonSearchbar as IonSearchbar$1, defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-searchbar.js';
-import { IonSegmentButton as IonSegmentButton$1, defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-segment-button.js';
-import { IonSegmentContent as IonSegmentContent$1, defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-segment-content.js';
-import { IonSegmentView as IonSegmentView$1, defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-segment-view.js';
-import { IonSegment as IonSegment$1, defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-segment.js';
-import { IonSelectModal as IonSelectModal$1, defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-select-modal.js';
-import { IonSelectOption as IonSelectOption$1, defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-select-option.js';
-import { IonSelect as IonSelect$1, defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-select.js';
-import { IonSkeletonText as IonSkeletonText$1, defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-skeleton-text.js';
-import { IonSpinner as IonSpinner$1, defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-spinner.js';
-import { IonSplitPane as IonSplitPane$1, defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-split-pane.js';
-import { IonTab as IonTab$1, defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-tab.js';
-import { IonText as IonText$1, defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-text.js';
-import { IonTextarea as IonTextarea$1, defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-textarea.js';
-import { IonThumbnail as IonThumbnail$1, defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-thumbnail.js';
-import { IonTitle as IonTitle$1, defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-title.js';
-import { IonToggle as IonToggle$1, defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-toggle.js';
-import { IonToolbar as IonToolbar$1, defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-toolbar.js';
+import { defineCustomElement as defineCustomElement$3, IonAccordionGroup as IonAccordionGroup$1 } from '@ionic/core/components/ion-accordion-group.js';
+import { defineCustomElement as defineCustomElement$2, IonAccordion as IonAccordion$1 } from '@ionic/core/components/ion-accordion.js';
+import { defineCustomElement as defineCustomElement$4, IonAvatar as IonAvatar$1 } from '@ionic/core/components/ion-avatar.js';
+import { defineCustomElement as defineCustomElement$5, IonBackdrop as IonBackdrop$1 } from '@ionic/core/components/ion-backdrop.js';
+import { defineCustomElement as defineCustomElement$6, IonBadge as IonBadge$1 } from '@ionic/core/components/ion-badge.js';
+import { defineCustomElement as defineCustomElement$7, IonBreadcrumbs as IonBreadcrumbs$1 } from '@ionic/core/components/ion-breadcrumbs.js';
+import { defineCustomElement as defineCustomElement$8, IonButtons as IonButtons$1 } from '@ionic/core/components/ion-buttons.js';
+import { defineCustomElement as defineCustomElement$9, IonCardContent as IonCardContent$1 } from '@ionic/core/components/ion-card-content.js';
+import { defineCustomElement as defineCustomElement$a, IonCardHeader as IonCardHeader$1 } from '@ionic/core/components/ion-card-header.js';
+import { defineCustomElement as defineCustomElement$b, IonCardSubtitle as IonCardSubtitle$1 } from '@ionic/core/components/ion-card-subtitle.js';
+import { defineCustomElement as defineCustomElement$c, IonCardTitle as IonCardTitle$1 } from '@ionic/core/components/ion-card-title.js';
+import { defineCustomElement as defineCustomElement$d, IonCheckbox as IonCheckbox$1 } from '@ionic/core/components/ion-checkbox.js';
+import { defineCustomElement as defineCustomElement$e, IonChip as IonChip$1 } from '@ionic/core/components/ion-chip.js';
+import { defineCustomElement as defineCustomElement$f, IonCol as IonCol$1 } from '@ionic/core/components/ion-col.js';
+import { defineCustomElement as defineCustomElement$g, IonContent as IonContent$1 } from '@ionic/core/components/ion-content.js';
+import { defineCustomElement as defineCustomElement$i, IonDatetimeButton as IonDatetimeButton$1 } from '@ionic/core/components/ion-datetime-button.js';
+import { defineCustomElement as defineCustomElement$h, IonDatetime as IonDatetime$1 } from '@ionic/core/components/ion-datetime.js';
+import { defineCustomElement as defineCustomElement$j, IonDivider as IonDivider$1 } from '@ionic/core/components/ion-divider.js';
+import { defineCustomElement as defineCustomElement$l, IonFabList as IonFabList$1 } from '@ionic/core/components/ion-fab-list.js';
+import { defineCustomElement as defineCustomElement$k, IonFab as IonFab$1 } from '@ionic/core/components/ion-fab.js';
+import { defineCustomElement as defineCustomElement$m, IonFooter as IonFooter$1 } from '@ionic/core/components/ion-footer.js';
+import { defineCustomElement as defineCustomElement$o, IonGalleryItem as IonGalleryItem$1 } from '@ionic/core/components/ion-gallery-item.js';
+import { defineCustomElement as defineCustomElement$n, IonGallery as IonGallery$1 } from '@ionic/core/components/ion-gallery.js';
+import { defineCustomElement as defineCustomElement$p, IonGrid as IonGrid$1 } from '@ionic/core/components/ion-grid.js';
+import { defineCustomElement as defineCustomElement$q, IonHeader as IonHeader$1 } from '@ionic/core/components/ion-header.js';
+import { defineCustomElement as defineCustomElement$r, IonImg as IonImg$1 } from '@ionic/core/components/ion-img.js';
+import { defineCustomElement as defineCustomElement$t, IonInfiniteScrollContent as IonInfiniteScrollContent$1 } from '@ionic/core/components/ion-infinite-scroll-content.js';
+import { defineCustomElement as defineCustomElement$s, IonInfiniteScroll as IonInfiniteScroll$1 } from '@ionic/core/components/ion-infinite-scroll.js';
+import { defineCustomElement as defineCustomElement$v, IonInputOtp as IonInputOtp$1 } from '@ionic/core/components/ion-input-otp.js';
+import { defineCustomElement as defineCustomElement$w, IonInputPasswordToggle as IonInputPasswordToggle$1 } from '@ionic/core/components/ion-input-password-toggle.js';
+import { defineCustomElement as defineCustomElement$u, IonInput as IonInput$1 } from '@ionic/core/components/ion-input.js';
+import { defineCustomElement as defineCustomElement$x, IonItemDivider as IonItemDivider$1 } from '@ionic/core/components/ion-item-divider.js';
+import { defineCustomElement as defineCustomElement$y, IonItemGroup as IonItemGroup$1 } from '@ionic/core/components/ion-item-group.js';
+import { defineCustomElement as defineCustomElement$z, IonItemOptions as IonItemOptions$1 } from '@ionic/core/components/ion-item-options.js';
+import { defineCustomElement as defineCustomElement$A, IonItemSliding as IonItemSliding$1 } from '@ionic/core/components/ion-item-sliding.js';
+import { defineCustomElement as defineCustomElement$B, IonLabel as IonLabel$1 } from '@ionic/core/components/ion-label.js';
+import { defineCustomElement as defineCustomElement$D, IonListHeader as IonListHeader$1 } from '@ionic/core/components/ion-list-header.js';
+import { defineCustomElement as defineCustomElement$C, IonList as IonList$1 } from '@ionic/core/components/ion-list.js';
+import { defineCustomElement as defineCustomElement$F, IonMenuButton as IonMenuButton$1 } from '@ionic/core/components/ion-menu-button.js';
+import { defineCustomElement as defineCustomElement$G, IonMenuToggle as IonMenuToggle$1 } from '@ionic/core/components/ion-menu-toggle.js';
+import { defineCustomElement as defineCustomElement$E, IonMenu as IonMenu$1 } from '@ionic/core/components/ion-menu.js';
+import { defineCustomElement as defineCustomElement$H, IonNavLink as IonNavLink$1 } from '@ionic/core/components/ion-nav-link.js';
+import { defineCustomElement as defineCustomElement$1o } from '@ionic/core/components/ion-nav.js';
+import { defineCustomElement as defineCustomElement$I, IonNote as IonNote$1 } from '@ionic/core/components/ion-note.js';
+import { defineCustomElement as defineCustomElement$L, IonPickerColumnOption as IonPickerColumnOption$1 } from '@ionic/core/components/ion-picker-column-option.js';
+import { defineCustomElement as defineCustomElement$K, IonPickerColumn as IonPickerColumn$1 } from '@ionic/core/components/ion-picker-column.js';
+import { defineCustomElement as defineCustomElement$J, IonPicker as IonPicker$1 } from '@ionic/core/components/ion-picker.js';
+import { defineCustomElement as defineCustomElement$M, IonProgressBar as IonProgressBar$1 } from '@ionic/core/components/ion-progress-bar.js';
+import { defineCustomElement as defineCustomElement$O, IonRadioGroup as IonRadioGroup$1 } from '@ionic/core/components/ion-radio-group.js';
+import { defineCustomElement as defineCustomElement$N, IonRadio as IonRadio$1 } from '@ionic/core/components/ion-radio.js';
+import { defineCustomElement as defineCustomElement$P, IonRange as IonRange$1 } from '@ionic/core/components/ion-range.js';
+import { defineCustomElement as defineCustomElement$R, IonRefresherContent as IonRefresherContent$1 } from '@ionic/core/components/ion-refresher-content.js';
+import { defineCustomElement as defineCustomElement$Q, IonRefresher as IonRefresher$1 } from '@ionic/core/components/ion-refresher.js';
+import { defineCustomElement as defineCustomElement$T, IonReorderGroup as IonReorderGroup$1 } from '@ionic/core/components/ion-reorder-group.js';
+import { defineCustomElement as defineCustomElement$S, IonReorder as IonReorder$1 } from '@ionic/core/components/ion-reorder.js';
+import { defineCustomElement as defineCustomElement$U, IonRippleEffect as IonRippleEffect$1 } from '@ionic/core/components/ion-ripple-effect.js';
+import { defineCustomElement as defineCustomElement$V, IonRow as IonRow$1 } from '@ionic/core/components/ion-row.js';
+import { defineCustomElement as defineCustomElement$W, IonSearchbar as IonSearchbar$1 } from '@ionic/core/components/ion-searchbar.js';
+import { defineCustomElement as defineCustomElement$Y, IonSegmentButton as IonSegmentButton$1 } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineCustomElement$Z, IonSegmentContent as IonSegmentContent$1 } from '@ionic/core/components/ion-segment-content.js';
+import { defineCustomElement as defineCustomElement$_, IonSegmentView as IonSegmentView$1 } from '@ionic/core/components/ion-segment-view.js';
+import { defineCustomElement as defineCustomElement$X, IonSegment as IonSegment$1 } from '@ionic/core/components/ion-segment.js';
+import { defineCustomElement as defineCustomElement$10, IonSelectModal as IonSelectModal$1 } from '@ionic/core/components/ion-select-modal.js';
+import { defineCustomElement as defineCustomElement$11, IonSelectOption as IonSelectOption$1 } from '@ionic/core/components/ion-select-option.js';
+import { defineCustomElement as defineCustomElement$$, IonSelect as IonSelect$1 } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineCustomElement$12, IonSkeletonText as IonSkeletonText$1 } from '@ionic/core/components/ion-skeleton-text.js';
+import { defineCustomElement as defineCustomElement$13, IonSpinner as IonSpinner$1 } from '@ionic/core/components/ion-spinner.js';
+import { defineCustomElement as defineCustomElement$14, IonSplitPane as IonSplitPane$1 } from '@ionic/core/components/ion-split-pane.js';
+import { defineCustomElement as defineCustomElement$1, IonTab as IonTab$1 } from '@ionic/core/components/ion-tab.js';
+import { defineCustomElement as defineCustomElement$15, IonText as IonText$1 } from '@ionic/core/components/ion-text.js';
+import { defineCustomElement as defineCustomElement$16, IonTextarea as IonTextarea$1 } from '@ionic/core/components/ion-textarea.js';
+import { defineCustomElement as defineCustomElement$17, IonThumbnail as IonThumbnail$1 } from '@ionic/core/components/ion-thumbnail.js';
+import { defineCustomElement as defineCustomElement$18, IonTitle as IonTitle$1 } from '@ionic/core/components/ion-title.js';
+import { defineCustomElement as defineCustomElement$19, IonToggle as IonToggle$1 } from '@ionic/core/components/ion-toggle.js';
+import { defineCustomElement as defineCustomElement$1a, IonToolbar as IonToolbar$1 } 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$1b } from '@ionic/core/components/ion-alert.js';
 import ReactDOM, { createPortal } from 'react-dom';
-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-action-sheet.js';
-import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-modal.js';
-import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-popover.js';
-import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-app.js';
-import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-back-button.js';
-import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-router-outlet.js';
-import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-tab-bar.js';
-import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-tab-button.js';
-import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-tabs.js';
-import { defineCustomElement as defineCustomElement$1k } from 'ionicons/components/ion-icon.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-action-sheet.js';
+import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-modal.js';
+import { defineCustomElement as defineCustomElement$1g } 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$1h } from '@ionic/core/components/ion-router-outlet.js';
+import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-tab-bar.js';
+import { defineCustomElement as defineCustomElement$1j } 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';
 
 const IonLifeCycleContext = /*@__PURE__*/ React.createContext({
     onIonViewWillEnter: () => {
@@ -417,7 +420,7 @@ const IonAccordion = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$1
+    defineCustomElement: defineCustomElement$2
 });
 const IonAccordionGroup = /*@__PURE__*/ createComponent({
     tagName: 'ion-accordion-group',
@@ -425,7 +428,7 @@ const IonAccordionGroup = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onIonChange: 'ionChange' },
-    defineCustomElement: defineCustomElement$2
+    defineCustomElement: defineCustomElement$3
 });
 const IonAvatar = /*@__PURE__*/ createComponent({
     tagName: 'ion-avatar',
@@ -433,7 +436,7 @@ const IonAvatar = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$3
+    defineCustomElement: defineCustomElement$4
 });
 const IonBackdrop = /*@__PURE__*/ createComponent({
     tagName: 'ion-backdrop',
@@ -441,7 +444,7 @@ const IonBackdrop = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onIonBackdropTap: 'ionBackdropTap' },
-    defineCustomElement: defineCustomElement$4
+    defineCustomElement: defineCustomElement$5
 });
 const IonBadge = /*@__PURE__*/ createComponent({
     tagName: 'ion-badge',
@@ -449,7 +452,7 @@ const IonBadge = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$5
+    defineCustomElement: defineCustomElement$6
 });
 const IonBreadcrumbs = /*@__PURE__*/ createComponent({
     tagName: 'ion-breadcrumbs',
@@ -457,7 +460,7 @@ const IonBreadcrumbs = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onIonCollapsedClick: 'ionCollapsedClick' },
-    defineCustomElement: defineCustomElement$6
+    defineCustomElement: defineCustomElement$7
 });
 const IonButtons = /*@__PURE__*/ createComponent({
     tagName: 'ion-buttons',
@@ -465,7 +468,7 @@ const IonButtons = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$7
+    defineCustomElement: defineCustomElement$8
 });
 const IonCardContent = /*@__PURE__*/ createComponent({
     tagName: 'ion-card-content',
@@ -473,7 +476,7 @@ const IonCardContent = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$8
+    defineCustomElement: defineCustomElement$9
 });
 const IonCardHeader = /*@__PURE__*/ createComponent({
     tagName: 'ion-card-header',
@@ -481,7 +484,7 @@ const IonCardHeader = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$9
+    defineCustomElement: defineCustomElement$a
 });
 const IonCardSubtitle = /*@__PURE__*/ createComponent({
     tagName: 'ion-card-subtitle',
@@ -489,7 +492,7 @@ const IonCardSubtitle = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$a
+    defineCustomElement: defineCustomElement$b
 });
 const IonCardTitle = /*@__PURE__*/ createComponent({
     tagName: 'ion-card-title',
@@ -497,7 +500,7 @@ const IonCardTitle = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$b
+    defineCustomElement: defineCustomElement$c
 });
 const IonCheckbox = /*@__PURE__*/ createComponent({
     tagName: 'ion-checkbox',
@@ -509,7 +512,7 @@ const IonCheckbox = /*@__PURE__*/ createComponent({
         onIonFocus: 'ionFocus',
         onIonBlur: 'ionBlur'
     },
-    defineCustomElement: defineCustomElement$c
+    defineCustomElement: defineCustomElement$d
 });
 const IonChip = /*@__PURE__*/ createComponent({
     tagName: 'ion-chip',
@@ -517,7 +520,7 @@ const IonChip = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$d
+    defineCustomElement: defineCustomElement$e
 });
 const IonCol = /*@__PURE__*/ createComponent({
     tagName: 'ion-col',
@@ -525,7 +528,7 @@ const IonCol = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$e
+    defineCustomElement: defineCustomElement$f
 });
 const IonContent = /*@__PURE__*/ createComponent({
     tagName: 'ion-content',
@@ -537,7 +540,7 @@ const IonContent = /*@__PURE__*/ createComponent({
         onIonScroll: 'ionScroll',
         onIonScrollEnd: 'ionScrollEnd'
     },
-    defineCustomElement: defineCustomElement$f
+    defineCustomElement: defineCustomElement$g
 });
 const IonDatetime = /*@__PURE__*/ createComponent({
     tagName: 'ion-datetime',
@@ -550,7 +553,7 @@ const IonDatetime = /*@__PURE__*/ createComponent({
         onIonFocus: 'ionFocus',
         onIonBlur: 'ionBlur'
     },
-    defineCustomElement: defineCustomElement$g
+    defineCustomElement: defineCustomElement$h
 });
 const IonDatetimeButton = /*@__PURE__*/ createComponent({
     tagName: 'ion-datetime-button',
@@ -558,7 +561,15 @@ const IonDatetimeButton = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$h
+    defineCustomElement: defineCustomElement$i
+});
+const IonDivider = /*@__PURE__*/ createComponent({
+    tagName: 'ion-divider',
+    elementClass: IonDivider$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$j
 });
 const IonFab = /*@__PURE__*/ createComponent({
     tagName: 'ion-fab',
@@ -566,7 +577,7 @@ const IonFab = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$i
+    defineCustomElement: defineCustomElement$k
 });
 const IonFabList = /*@__PURE__*/ createComponent({
     tagName: 'ion-fab-list',
@@ -574,7 +585,7 @@ const IonFabList = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$j
+    defineCustomElement: defineCustomElement$l
 });
 const IonFooter = /*@__PURE__*/ createComponent({
     tagName: 'ion-footer',
@@ -582,7 +593,23 @@ const IonFooter = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$k
+    defineCustomElement: defineCustomElement$m
+});
+const IonGallery = /*@__PURE__*/ createComponent({
+    tagName: 'ion-gallery',
+    elementClass: IonGallery$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$n
+});
+const IonGalleryItem = /*@__PURE__*/ createComponent({
+    tagName: 'ion-gallery-item',
+    elementClass: IonGalleryItem$1,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineCustomElement$o
 });
 const IonGrid = /*@__PURE__*/ createComponent({
     tagName: 'ion-grid',
@@ -590,7 +617,7 @@ const IonGrid = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$l
+    defineCustomElement: defineCustomElement$p
 });
 const IonHeader = /*@__PURE__*/ createComponent({
     tagName: 'ion-header',
@@ -598,7 +625,7 @@ const IonHeader = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$m
+    defineCustomElement: defineCustomElement$q
 });
 const IonImg = /*@__PURE__*/ createComponent({
     tagName: 'ion-img',
@@ -610,7 +637,7 @@ const IonImg = /*@__PURE__*/ createComponent({
         onIonImgDidLoad: 'ionImgDidLoad',
         onIonError: 'ionError'
     },
-    defineCustomElement: defineCustomElement$n
+    defineCustomElement: defineCustomElement$r
 });
 const IonInfiniteScroll = /*@__PURE__*/ createComponent({
     tagName: 'ion-infinite-scroll',
@@ -618,7 +645,7 @@ const IonInfiniteScroll = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onIonInfinite: 'ionInfinite' },
-    defineCustomElement: defineCustomElement$o
+    defineCustomElement: defineCustomElement$s
 });
 const IonInfiniteScrollContent = /*@__PURE__*/ createComponent({
     tagName: 'ion-infinite-scroll-content',
@@ -626,7 +653,7 @@ const IonInfiniteScrollContent = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$p
+    defineCustomElement: defineCustomElement$t
 });
 const IonInput = /*@__PURE__*/ createComponent({
     tagName: 'ion-input',
@@ -639,7 +666,7 @@ const IonInput = /*@__PURE__*/ createComponent({
         onIonBlur: 'ionBlur',
         onIonFocus: 'ionFocus'
     },
-    defineCustomElement: defineCustomElement$q
+    defineCustomElement: defineCustomElement$u
 });
 const IonInputOtp = /*@__PURE__*/ createComponent({
     tagName: 'ion-input-otp',
@@ -653,7 +680,7 @@ const IonInputOtp = /*@__PURE__*/ createComponent({
         onIonBlur: 'ionBlur',
         onIonFocus: 'ionFocus'
     },
-    defineCustomElement: defineCustomElement$r
+    defineCustomElement: defineCustomElement$v
 });
 const IonInputPasswordToggle = /*@__PURE__*/ createComponent({
     tagName: 'ion-input-password-toggle',
@@ -661,7 +688,7 @@ const IonInputPasswordToggle = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$s
+    defineCustomElement: defineCustomElement$w
 });
 const IonItemDivider = /*@__PURE__*/ createComponent({
     tagName: 'ion-item-divider',
@@ -669,7 +696,7 @@ const IonItemDivider = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$t
+    defineCustomElement: defineCustomElement$x
 });
 const IonItemGroup = /*@__PURE__*/ createComponent({
     tagName: 'ion-item-group',
@@ -677,7 +704,7 @@ const IonItemGroup = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$u
+    defineCustomElement: defineCustomElement$y
 });
 const IonItemOptions = /*@__PURE__*/ createComponent({
     tagName: 'ion-item-options',
@@ -685,7 +712,7 @@ const IonItemOptions = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onIonSwipe: 'ionSwipe' },
-    defineCustomElement: defineCustomElement$v
+    defineCustomElement: defineCustomElement$z
 });
 const IonItemSliding = /*@__PURE__*/ createComponent({
     tagName: 'ion-item-sliding',
@@ -693,7 +720,7 @@ const IonItemSliding = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onIonDrag: 'ionDrag' },
-    defineCustomElement: defineCustomElement$w
+    defineCustomElement: defineCustomElement$A
 });
 const IonLabel = /*@__PURE__*/ createComponent({
     tagName: 'ion-label',
@@ -701,7 +728,7 @@ const IonLabel = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$x
+    defineCustomElement: defineCustomElement$B
 });
 const IonList = /*@__PURE__*/ createComponent({
     tagName: 'ion-list',
@@ -709,7 +736,7 @@ const IonList = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$y
+    defineCustomElement: defineCustomElement$C
 });
 const IonListHeader = /*@__PURE__*/ createComponent({
     tagName: 'ion-list-header',
@@ -717,7 +744,7 @@ const IonListHeader = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$z
+    defineCustomElement: defineCustomElement$D
 });
 const IonMenu = /*@__PURE__*/ createComponent({
     tagName: 'ion-menu',
@@ -730,7 +757,7 @@ const IonMenu = /*@__PURE__*/ createComponent({
         onIonDidOpen: 'ionDidOpen',
         onIonDidClose: 'ionDidClose'
     },
-    defineCustomElement: defineCustomElement$A
+    defineCustomElement: defineCustomElement$E
 });
 const IonMenuButton = /*@__PURE__*/ createComponent({
     tagName: 'ion-menu-button',
@@ -738,7 +765,7 @@ const IonMenuButton = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$B
+    defineCustomElement: defineCustomElement$F
 });
 const IonMenuToggle = /*@__PURE__*/ createComponent({
     tagName: 'ion-menu-toggle',
@@ -746,7 +773,7 @@ const IonMenuToggle = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$C
+    defineCustomElement: defineCustomElement$G
 });
 const IonNavLink = /*@__PURE__*/ createComponent({
     tagName: 'ion-nav-link',
@@ -754,7 +781,7 @@ const IonNavLink = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$D
+    defineCustomElement: defineCustomElement$H
 });
 const IonNote = /*@__PURE__*/ createComponent({
     tagName: 'ion-note',
@@ -762,7 +789,7 @@ const IonNote = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$E
+    defineCustomElement: defineCustomElement$I
 });
 const IonPicker = /*@__PURE__*/ createComponent({
     tagName: 'ion-picker',
@@ -770,7 +797,7 @@ const IonPicker = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$F
+    defineCustomElement: defineCustomElement$J
 });
 const IonPickerColumn = /*@__PURE__*/ createComponent({
     tagName: 'ion-picker-column',
@@ -778,7 +805,7 @@ const IonPickerColumn = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onIonChange: 'ionChange' },
-    defineCustomElement: defineCustomElement$G
+    defineCustomElement: defineCustomElement$K
 });
 const IonPickerColumnOption = /*@__PURE__*/ createComponent({
     tagName: 'ion-picker-column-option',
@@ -786,7 +813,7 @@ const IonPickerColumnOption = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$H
+    defineCustomElement: defineCustomElement$L
 });
 const IonProgressBar = /*@__PURE__*/ createComponent({
     tagName: 'ion-progress-bar',
@@ -794,7 +821,7 @@ const IonProgressBar = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$I
+    defineCustomElement: defineCustomElement$M
 });
 const IonRadio = /*@__PURE__*/ createComponent({
     tagName: 'ion-radio',
@@ -805,7 +832,7 @@ const IonRadio = /*@__PURE__*/ createComponent({
         onIonFocus: 'ionFocus',
         onIonBlur: 'ionBlur'
     },
-    defineCustomElement: defineCustomElement$J
+    defineCustomElement: defineCustomElement$N
 });
 const IonRadioGroup = /*@__PURE__*/ createComponent({
     tagName: 'ion-radio-group',
@@ -813,7 +840,7 @@ const IonRadioGroup = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onIonChange: 'ionChange' },
-    defineCustomElement: defineCustomElement$K
+    defineCustomElement: defineCustomElement$O
 });
 const IonRange = /*@__PURE__*/ createComponent({
     tagName: 'ion-range',
@@ -828,7 +855,7 @@ const IonRange = /*@__PURE__*/ createComponent({
         onIonKnobMoveStart: 'ionKnobMoveStart',
         onIonKnobMoveEnd: 'ionKnobMoveEnd'
     },
-    defineCustomElement: defineCustomElement$L
+    defineCustomElement: defineCustomElement$P
 });
 const IonRefresher = /*@__PURE__*/ createComponent({
     tagName: 'ion-refresher',
@@ -842,7 +869,7 @@ const IonRefresher = /*@__PURE__*/ createComponent({
         onIonPullStart: 'ionPullStart',
         onIonPullEnd: 'ionPullEnd'
     },
-    defineCustomElement: defineCustomElement$M
+    defineCustomElement: defineCustomElement$Q
 });
 const IonRefresherContent = /*@__PURE__*/ createComponent({
     tagName: 'ion-refresher-content',
@@ -850,7 +877,7 @@ const IonRefresherContent = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$N
+    defineCustomElement: defineCustomElement$R
 });
 const IonReorder = /*@__PURE__*/ createComponent({
     tagName: 'ion-reorder',
@@ -858,7 +885,7 @@ const IonReorder = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$O
+    defineCustomElement: defineCustomElement$S
 });
 const IonReorderGroup = /*@__PURE__*/ createComponent({
     tagName: 'ion-reorder-group',
@@ -871,7 +898,7 @@ const IonReorderGroup = /*@__PURE__*/ createComponent({
         onIonReorderMove: 'ionReorderMove',
         onIonReorderEnd: 'ionReorderEnd'
     },
-    defineCustomElement: defineCustomElement$P
+    defineCustomElement: defineCustomElement$T
 });
 const IonRippleEffect = /*@__PURE__*/ createComponent({
     tagName: 'ion-ripple-effect',
@@ -879,7 +906,7 @@ const IonRippleEffect = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$Q
+    defineCustomElement: defineCustomElement$U
 });
 const IonRow = /*@__PURE__*/ createComponent({
     tagName: 'ion-row',
@@ -887,7 +914,7 @@ const IonRow = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$R
+    defineCustomElement: defineCustomElement$V
 });
 const IonSearchbar = /*@__PURE__*/ createComponent({
     tagName: 'ion-searchbar',
@@ -902,7 +929,7 @@ const IonSearchbar = /*@__PURE__*/ createComponent({
         onIonBlur: 'ionBlur',
         onIonFocus: 'ionFocus'
     },
-    defineCustomElement: defineCustomElement$S
+    defineCustomElement: defineCustomElement$W
 });
 const IonSegment = /*@__PURE__*/ createComponent({
     tagName: 'ion-segment',
@@ -910,7 +937,7 @@ const IonSegment = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onIonChange: 'ionChange' },
-    defineCustomElement: defineCustomElement$T
+    defineCustomElement: defineCustomElement$X
 });
 const IonSegmentButton = /*@__PURE__*/ createComponent({
     tagName: 'ion-segment-button',
@@ -918,7 +945,7 @@ const IonSegmentButton = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$U
+    defineCustomElement: defineCustomElement$Y
 });
 const IonSegmentContent = /*@__PURE__*/ createComponent({
     tagName: 'ion-segment-content',
@@ -926,7 +953,7 @@ const IonSegmentContent = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$V
+    defineCustomElement: defineCustomElement$Z
 });
 const IonSegmentView = /*@__PURE__*/ createComponent({
     tagName: 'ion-segment-view',
@@ -934,7 +961,7 @@ const IonSegmentView = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onIonSegmentViewScroll: 'ionSegmentViewScroll' },
-    defineCustomElement: defineCustomElement$W
+    defineCustomElement: defineCustomElement$_
 });
 const IonSelect = /*@__PURE__*/ createComponent({
     tagName: 'ion-select',
@@ -948,7 +975,7 @@ const IonSelect = /*@__PURE__*/ createComponent({
         onIonFocus: 'ionFocus',
         onIonBlur: 'ionBlur'
     },
-    defineCustomElement: defineCustomElement$X
+    defineCustomElement: defineCustomElement$$
 });
 const IonSelectModal = /*@__PURE__*/ createComponent({
     tagName: 'ion-select-modal',
@@ -956,7 +983,7 @@ const IonSelectModal = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$Y
+    defineCustomElement: defineCustomElement$10
 });
 const IonSelectOption = /*@__PURE__*/ createComponent({
     tagName: 'ion-select-option',
@@ -964,7 +991,7 @@ const IonSelectOption = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$Z
+    defineCustomElement: defineCustomElement$11
 });
 const IonSkeletonText = /*@__PURE__*/ createComponent({
     tagName: 'ion-skeleton-text',
@@ -972,7 +999,7 @@ const IonSkeletonText = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$_
+    defineCustomElement: defineCustomElement$12
 });
 const IonSpinner = /*@__PURE__*/ createComponent({
     tagName: 'ion-spinner',
@@ -980,7 +1007,7 @@ const IonSpinner = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$$
+    defineCustomElement: defineCustomElement$13
 });
 const IonSplitPane = /*@__PURE__*/ createComponent({
     tagName: 'ion-split-pane',
@@ -988,7 +1015,7 @@ const IonSplitPane = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: { onIonSplitPaneVisible: 'ionSplitPaneVisible' },
-    defineCustomElement: defineCustomElement$10
+    defineCustomElement: defineCustomElement$14
 });
 const IonTab = /*@__PURE__*/ createComponent({
     tagName: 'ion-tab',
@@ -996,7 +1023,7 @@ const IonTab = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$11
+    defineCustomElement: defineCustomElement$1
 });
 const IonText = /*@__PURE__*/ createComponent({
     tagName: 'ion-text',
@@ -1004,7 +1031,7 @@ const IonText = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$12
+    defineCustomElement: defineCustomElement$15
 });
 const IonTextarea = /*@__PURE__*/ createComponent({
     tagName: 'ion-textarea',
@@ -1017,7 +1044,7 @@ const IonTextarea = /*@__PURE__*/ createComponent({
         onIonBlur: 'ionBlur',
         onIonFocus: 'ionFocus'
     },
-    defineCustomElement: defineCustomElement$13
+    defineCustomElement: defineCustomElement$16
 });
 const IonThumbnail = /*@__PURE__*/ createComponent({
     tagName: 'ion-thumbnail',
@@ -1025,7 +1052,7 @@ const IonThumbnail = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$14
+    defineCustomElement: defineCustomElement$17
 });
 const IonTitle = /*@__PURE__*/ createComponent({
     tagName: 'ion-title',
@@ -1033,7 +1060,7 @@ const IonTitle = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$15
+    defineCustomElement: defineCustomElement$18
 });
 const IonToggle = /*@__PURE__*/ createComponent({
     tagName: 'ion-toggle',
@@ -1045,7 +1072,7 @@ const IonToggle = /*@__PURE__*/ createComponent({
         onIonFocus: 'ionFocus',
         onIonBlur: 'ionBlur'
     },
-    defineCustomElement: defineCustomElement$16
+    defineCustomElement: defineCustomElement$19
 });
 const IonToolbar = /*@__PURE__*/ createComponent({
     tagName: 'ion-toolbar',
@@ -1053,7 +1080,7 @@ const IonToolbar = /*@__PURE__*/ createComponent({
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$17
+    defineCustomElement: defineCustomElement$1a
 });
 
 const dashToPascalCase = (str) => str
@@ -1756,17 +1783,17 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
 };
 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 IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$1b);
+const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$1e);
 
-const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$1c, true);
+const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$1f, true);
 
-const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1d);
+const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1g);
 
 const IonContext = React.createContext({
     addOverlay: () => {
@@ -1897,9 +1924,6 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
                 }
                 return acc;
             }, {});
-            if (manipulatePropsFunction) {
-                propsToPass = manipulatePropsFunction(this.props, propsToPass);
-            }
             const newProps = {
                 ...propsToPass,
                 ref: mergeRefs(forwardedRef, this.setComponentElRef),
@@ -1919,21 +1943,17 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
             return displayName;
         }
     };
-    // If context was passed to createReactComponent then conditionally add it to the Component Class
-    if (ReactComponentContext) {
-        ReactComponent.contextType = ReactComponentContext;
-    }
     return createForwardRef$1(ReactComponent, displayName);
 };
 
-const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1e);
-const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1f);
-const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1g);
-const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1h);
-const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1i);
-const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1j);
+const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1j);
+const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1k);
+const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1i);
+const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1l);
+const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1h);
+const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1n);
 // ionicons
-const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1k);
+const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1m);
 
 class IonApp extends React.Component {
     addOverlayCallback;
@@ -2143,7 +2163,7 @@ const ReactDelegate = (addView, removeView) => {
     };
 };
 
-const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1l);
+const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1o);
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const IonNavInternal = ({ children, forwardedRef, ...restOfProps }) => {
     const [views, setViews] = useState([]);
@@ -2960,7 +2980,7 @@ function useController(displayName, controller, defineCustomElement) {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonActionSheet() {
-    const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$1b);
+    const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$1e);
     const present = useCallback((buttonsOrOptions, header) => {
         if (Array.isArray(buttonsOrOptions)) {
             return controller.present({
@@ -2980,7 +3000,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({
@@ -3000,7 +3020,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({
@@ -3079,7 +3099,7 @@ function useOverlay(displayName, controller, defineCustomElement, component, com
 }
 
 function useIonModal(component, componentProps) {
-    const controller = useOverlay('IonModal', modalController, defineCustomElement$1c, component, componentProps);
+    const controller = useOverlay('IonModal', modalController, defineCustomElement$1f, component, componentProps);
     const present = useCallback((options = {}) => {
         controller.present(options);
     }, [controller.present]);
@@ -3087,7 +3107,7 @@ function useIonModal(component, componentProps) {
 }
 
 function useIonPopover(component, componentProps) {
-    const controller = useOverlay('IonPopover', popoverController, defineCustomElement$1d, component, componentProps);
+    const controller = useOverlay('IonPopover', popoverController, defineCustomElement$1g, component, componentProps);
     const present = useCallback((options = {}) => {
         controller.present(options);
     }, [controller.present]);
@@ -3099,7 +3119,7 @@ function useIonPopover(component, componentProps) {
  * @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({
@@ -3523,5 +3543,5 @@ const createDebugLogger = (namespace) => {
     };
 };
 
-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, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, 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, createDebugLogger, generateId, getConfig, getPlatforms, isPlatform, setupIonicReact, useIonActionSheet, useIonAlert, useIonLoading, useIonModal, 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, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, 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, createDebugLogger, generateId, getConfig, getPlatforms, isPlatform, setupIonicReact, useIonActionSheet, useIonAlert, useIonLoading, useIonModal, useIonPopover, useIonRouter, useIonToast, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
 //# sourceMappingURL=index.js.map