@ionic/react 9.0.2-nightly.20260902 → 9.0.3-dev.11788449150.16022b1e

package/dist/index.js

@@ -20,61 +20,64 @@ import { IonCol as IonCol$1, defineCustomElement as defineCustomElement$e } from
 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 { IonDivider as IonDivider$1, defineCustomElement as defineCustomElement$i } from '@ionic/core/components/ion-divider.js';
+import { IonFabList as IonFabList$1, defineCustomElement as defineCustomElement$k } from '@ionic/core/components/ion-fab-list.js';
+import { IonFab as IonFab$1, defineCustomElement as defineCustomElement$j } from '@ionic/core/components/ion-fab.js';
+import { IonFooter as IonFooter$1, defineCustomElement as defineCustomElement$l } from '@ionic/core/components/ion-footer.js';
+import { IonGalleryItem as IonGalleryItem$1, defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-gallery-item.js';
+import { IonGallery as IonGallery$1, defineCustomElement as defineCustomElement$m } from '@ionic/core/components/ion-gallery.js';
+import { IonGrid as IonGrid$1, defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-grid.js';
+import { IonHeader as IonHeader$1, defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-header.js';
+import { IonImg as IonImg$1, defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-img.js';
+import { IonInfiniteScrollContent as IonInfiniteScrollContent$1, defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-infinite-scroll-content.js';
+import { IonInfiniteScroll as IonInfiniteScroll$1, defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-infinite-scroll.js';
+import { IonInputOtp as IonInputOtp$1, defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-input-otp.js';
+import { IonInputPasswordToggle as IonInputPasswordToggle$1, defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-input-password-toggle.js';
+import { IonInput as IonInput$1, defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-input.js';
+import { IonItemDivider as IonItemDivider$1, defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-item-divider.js';
+import { IonItemGroup as IonItemGroup$1, defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-item-group.js';
+import { IonItemOptions as IonItemOptions$1, defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-item-options.js';
+import { IonItemSliding as IonItemSliding$1, defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-item-sliding.js';
+import { IonLabel as IonLabel$1, defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-label.js';
+import { IonListHeader as IonListHeader$1, defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-list-header.js';
+import { IonList as IonList$1, defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-list.js';
+import { IonMenuButton as IonMenuButton$1, defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-menu-button.js';
+import { IonMenuToggle as IonMenuToggle$1, defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-menu-toggle.js';
+import { IonMenu as IonMenu$1, defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-menu.js';
+import { IonNavLink as IonNavLink$1, defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-nav-link.js';
+import { defineCustomElement as defineCustomElement$1o } from '@ionic/core/components/ion-nav.js';
+import { IonNote as IonNote$1, defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-note.js';
+import { IonPickerColumnOption as IonPickerColumnOption$1, defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-picker-column-option.js';
+import { IonPickerColumn as IonPickerColumn$1, defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-picker-column.js';
+import { IonPicker as IonPicker$1, defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-picker.js';
+import { IonProgressBar as IonProgressBar$1, defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-progress-bar.js';
+import { IonRadioGroup as IonRadioGroup$1, defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-radio-group.js';
+import { IonRadio as IonRadio$1, defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-radio.js';
+import { IonRange as IonRange$1, defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-range.js';
+import { IonRefresherContent as IonRefresherContent$1, defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-refresher-content.js';
+import { IonRefresher as IonRefresher$1, defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-refresher.js';
+import { IonReorderGroup as IonReorderGroup$1, defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-reorder-group.js';
+import { IonReorder as IonReorder$1, defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-reorder.js';
+import { IonRippleEffect as IonRippleEffect$1, defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-ripple-effect.js';
+import { IonRow as IonRow$1, defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-row.js';
+import { IonSearchbar as IonSearchbar$1, defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-searchbar.js';
+import { IonSegmentButton as IonSegmentButton$1, defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-segment-button.js';
+import { IonSegmentContent as IonSegmentContent$1, defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-segment-content.js';
+import { IonSegmentView as IonSegmentView$1, defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-segment-view.js';
+import { IonSegment as IonSegment$1, defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-segment.js';
+import { IonSelectModal as IonSelectModal$1, defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-select-modal.js';
+import { IonSelectOption as IonSelectOption$1, defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-select-option.js';
+import { IonSelect as IonSelect$1, defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-select.js';
+import { IonSkeletonText as IonSkeletonText$1, defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-skeleton-text.js';
+import { IonSpinner as IonSpinner$1, defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-spinner.js';
+import { IonSplitPane as IonSplitPane$1, defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-split-pane.js';
+import { IonTab as IonTab$1, defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-tab.js';
+import { IonText as IonText$1, defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-text.js';
+import { IonTextarea as IonTextarea$1, defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-textarea.js';
+import { IonThumbnail as IonThumbnail$1, defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-thumbnail.js';
+import { IonTitle as IonTitle$1, defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-title.js';
+import { IonToggle as IonToggle$1, defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-toggle.js';
+import { IonToolbar as IonToolbar$1, 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$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$1m } from '@ionic/core/components/ion-app.js';
+import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-back-button.js';
+import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/components/ion-router-outlet.js';
+import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-tab-bar.js';
+import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-tab-button.js';
+import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-tabs.js';
+import { defineCustomElement as defineCustomElement$1n } from 'ionicons/components/ion-icon.js';
 
 const IonLifeCycleContext = /*@__PURE__*/ React.createContext({
     onIonViewWillEnter: () => {
@@ -560,13 +563,21 @@ const IonDatetimeButton = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineCustomElement$h
 });
+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$i
+});
 const IonFab = /*@__PURE__*/ createComponent({
     tagName: 'ion-fab',
     elementClass: IonFab$1,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineCustomElement$i
+    defineCustomElement: defineCustomElement$j
 });
 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$k
 });
 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$l
+});
+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$m
+});
+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$n
 });
 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$o
 });
 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$p
 });
 const IonImg = /*@__PURE__*/ createComponent({
     tagName: 'ion-img',
@@ -610,7 +637,7 @@ const IonImg = /*@__PURE__*/ createComponent({
         onIonImgDidLoad: 'ionImgDidLoad',
         onIonError: 'ionError'
     },
-    defineCustomElement: defineCustomElement$n
+    defineCustomElement: defineCustomElement$q
 });
 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$r
 });
 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$s
 });
 const IonInput = /*@__PURE__*/ createComponent({
     tagName: 'ion-input',
@@ -639,7 +666,7 @@ const IonInput = /*@__PURE__*/ createComponent({
         onIonBlur: 'ionBlur',
         onIonFocus: 'ionFocus'
     },
-    defineCustomElement: defineCustomElement$q
+    defineCustomElement: defineCustomElement$t
 });
 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$u
 });
 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$v
 });
 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$w
 });
 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$x
 });
 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$y
 });
 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$z
 });
 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$A
 });
 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$B
 });
 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$C
 });
 const IonMenu = /*@__PURE__*/ createComponent({
     tagName: 'ion-menu',
@@ -730,7 +757,7 @@ const IonMenu = /*@__PURE__*/ createComponent({
         onIonDidOpen: 'ionDidOpen',
         onIonDidClose: 'ionDidClose'
     },
-    defineCustomElement: defineCustomElement$A
+    defineCustomElement: defineCustomElement$D
 });
 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$E
 });
 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$F
 });
 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$G
 });
 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$H
 });
 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$I
 });
 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$J
 });
 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$K
 });
 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$L
 });
 const IonRadio = /*@__PURE__*/ createComponent({
     tagName: 'ion-radio',
@@ -805,7 +832,7 @@ const IonRadio = /*@__PURE__*/ createComponent({
         onIonFocus: 'ionFocus',
         onIonBlur: 'ionBlur'
     },
-    defineCustomElement: defineCustomElement$J
+    defineCustomElement: defineCustomElement$M
 });
 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$N
 });
 const IonRange = /*@__PURE__*/ createComponent({
     tagName: 'ion-range',
@@ -828,7 +855,7 @@ const IonRange = /*@__PURE__*/ createComponent({
         onIonKnobMoveStart: 'ionKnobMoveStart',
         onIonKnobMoveEnd: 'ionKnobMoveEnd'
     },
-    defineCustomElement: defineCustomElement$L
+    defineCustomElement: defineCustomElement$O
 });
 const IonRefresher = /*@__PURE__*/ createComponent({
     tagName: 'ion-refresher',
@@ -842,7 +869,7 @@ const IonRefresher = /*@__PURE__*/ createComponent({
         onIonPullStart: 'ionPullStart',
         onIonPullEnd: 'ionPullEnd'
     },
-    defineCustomElement: defineCustomElement$M
+    defineCustomElement: defineCustomElement$P
 });
 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$Q
 });
 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$R
 });
 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$S
 });
 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$T
 });
 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$U
 });
 const IonSearchbar = /*@__PURE__*/ createComponent({
     tagName: 'ion-searchbar',
@@ -902,7 +929,7 @@ const IonSearchbar = /*@__PURE__*/ createComponent({
         onIonBlur: 'ionBlur',
         onIonFocus: 'ionFocus'
     },
-    defineCustomElement: defineCustomElement$S
+    defineCustomElement: defineCustomElement$V
 });
 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$W
 });
 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$X
 });
 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$Y
 });
 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$Z
 });
 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$$
 });
 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$10
 });
 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$11
 });
 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$12
 });
 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$13
 });
 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$14
 });
 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: () => {
@@ -1926,14 +1953,14 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
     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$1h);
+const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1i);
+const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1j);
+const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1k);
+const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1l);
+const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1m);
 // ionicons
-const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1k);
+const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1n);
 
 class IonApp extends React.Component {
     addOverlayCallback;
@@ -2143,7 +2170,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([]);
@@ -2955,7 +2982,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({
@@ -2975,7 +3002,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({
@@ -2995,7 +3022,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({
@@ -3074,7 +3101,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]);
@@ -3082,7 +3109,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]);
@@ -3094,7 +3121,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({
@@ -3501,5 +3528,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