@ionic/react 8.0.0-beta.2 → 8.0.0-beta.4

package/dist/index.js

@@ -29,47 +29,48 @@ import { defineCustomElement as defineCustomElement$n } from '@ionic/core/compon
 import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-infinite-scroll.js';
 import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-infinite-scroll-content.js';
 import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-input.js';
-import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-item-divider.js';
-import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-item-group.js';
-import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-item-options.js';
-import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-item-sliding.js';
-import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-label.js';
-import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-list.js';
-import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-list-header.js';
-import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-menu.js';
-import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-menu-button.js';
-import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-menu-toggle.js';
-import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-nav.js';
-import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-nav-link.js';
-import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-note.js';
-import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-picker.js';
-import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-picker-column.js';
-import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-picker-column-option.js';
-import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-progress-bar.js';
-import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-radio.js';
-import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-radio-group.js';
-import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-range.js';
-import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-refresher.js';
-import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-refresher-content.js';
-import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-reorder.js';
-import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-reorder-group.js';
-import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-ripple-effect.js';
-import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-row.js';
-import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-searchbar.js';
-import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-segment.js';
-import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-segment-button.js';
-import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-select.js';
-import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-select-option.js';
-import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-skeleton-text.js';
-import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-spinner.js';
-import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-split-pane.js';
-import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-tab.js';
-import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-text.js';
-import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-textarea.js';
-import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-thumbnail.js';
-import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-title.js';
-import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-toggle.js';
-import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-toolbar.js';
+import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-input-password-toggle.js';
+import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-item-divider.js';
+import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-item-group.js';
+import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-item-options.js';
+import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-item-sliding.js';
+import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-label.js';
+import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-list.js';
+import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-list-header.js';
+import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-menu.js';
+import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-menu-button.js';
+import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-menu-toggle.js';
+import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-nav.js';
+import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-nav-link.js';
+import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-note.js';
+import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-picker.js';
+import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-picker-column.js';
+import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-picker-column-option.js';
+import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-progress-bar.js';
+import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-radio.js';
+import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-radio-group.js';
+import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-range.js';
+import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-refresher.js';
+import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-refresher-content.js';
+import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-reorder.js';
+import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-reorder-group.js';
+import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-ripple-effect.js';
+import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-row.js';
+import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-searchbar.js';
+import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-segment.js';
+import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-select-option.js';
+import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-skeleton-text.js';
+import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-spinner.js';
+import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-split-pane.js';
+import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-tab.js';
+import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-text.js';
+import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-textarea.js';
+import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-thumbnail.js';
+import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-title.js';
+import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-toggle.js';
+import { defineCustomElement as defineCustomElement$13 } 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';
@@ -77,19 +78,19 @@ 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$13 } from '@ionic/core/components/ion-alert.js';
-import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-loading.js';
-import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-toast.js';
-import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-picker-legacy.js';
-import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-action-sheet.js';
-import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-modal.js';
-import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-popover.js';
-import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-app.js';
-import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-back-button.js';
-import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-router-outlet.js';
-import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-tab-bar.js';
-import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-tab-button.js';
-import { defineCustomElement as defineCustomElement$1c } from 'ionicons/components/ion-icon.js';
+import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-alert.js';
+import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-loading.js';
+import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-toast.js';
+import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-picker-legacy.js';
+import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-action-sheet.js';
+import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-modal.js';
+import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-popover.js';
+import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-app.js';
+import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-back-button.js';
+import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-router-outlet.js';
+import { defineCustomElement as defineCustomElement$1b } 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$1d } from 'ionicons/components/ion-icon.js';
 
 const IonLifeCycleContext = /*@__PURE__*/ React.createContext({
     onIonViewWillEnter: () => {
@@ -642,46 +643,47 @@ const IonImg = /*@__PURE__*/ createReactComponent('ion-img', undefined, undefine
 const IonInfiniteScroll = /*@__PURE__*/ createReactComponent('ion-infinite-scroll', undefined, undefined, defineCustomElement$o);
 const IonInfiniteScrollContent = /*@__PURE__*/ createReactComponent('ion-infinite-scroll-content', undefined, undefined, defineCustomElement$p);
 const IonInput = /*@__PURE__*/ createReactComponent('ion-input', undefined, undefined, defineCustomElement$q);
-const IonItemDivider = /*@__PURE__*/ createReactComponent('ion-item-divider', undefined, undefined, defineCustomElement$r);
-const IonItemGroup = /*@__PURE__*/ createReactComponent('ion-item-group', undefined, undefined, defineCustomElement$s);
-const IonItemOptions = /*@__PURE__*/ createReactComponent('ion-item-options', undefined, undefined, defineCustomElement$t);
-const IonItemSliding = /*@__PURE__*/ createReactComponent('ion-item-sliding', undefined, undefined, defineCustomElement$u);
-const IonLabel = /*@__PURE__*/ createReactComponent('ion-label', undefined, undefined, defineCustomElement$v);
-const IonList = /*@__PURE__*/ createReactComponent('ion-list', undefined, undefined, defineCustomElement$w);
-const IonListHeader = /*@__PURE__*/ createReactComponent('ion-list-header', undefined, undefined, defineCustomElement$x);
-const IonMenu = /*@__PURE__*/ createReactComponent('ion-menu', undefined, undefined, defineCustomElement$y);
-const IonMenuButton = /*@__PURE__*/ createReactComponent('ion-menu-button', undefined, undefined, defineCustomElement$z);
-const IonMenuToggle = /*@__PURE__*/ createReactComponent('ion-menu-toggle', undefined, undefined, defineCustomElement$A);
-const IonNavLink = /*@__PURE__*/ createReactComponent('ion-nav-link', undefined, undefined, defineCustomElement$B);
-const IonNote = /*@__PURE__*/ createReactComponent('ion-note', undefined, undefined, defineCustomElement$C);
-const IonPicker = /*@__PURE__*/ createReactComponent('ion-picker', undefined, undefined, defineCustomElement$D);
-const IonPickerColumn = /*@__PURE__*/ createReactComponent('ion-picker-column', undefined, undefined, defineCustomElement$E);
-const IonPickerColumnOption = /*@__PURE__*/ createReactComponent('ion-picker-column-option', undefined, undefined, defineCustomElement$F);
-const IonProgressBar = /*@__PURE__*/ createReactComponent('ion-progress-bar', undefined, undefined, defineCustomElement$G);
-const IonRadio = /*@__PURE__*/ createReactComponent('ion-radio', undefined, undefined, defineCustomElement$H);
-const IonRadioGroup = /*@__PURE__*/ createReactComponent('ion-radio-group', undefined, undefined, defineCustomElement$I);
-const IonRange = /*@__PURE__*/ createReactComponent('ion-range', undefined, undefined, defineCustomElement$J);
-const IonRefresher = /*@__PURE__*/ createReactComponent('ion-refresher', undefined, undefined, defineCustomElement$K);
-const IonRefresherContent = /*@__PURE__*/ createReactComponent('ion-refresher-content', undefined, undefined, defineCustomElement$L);
-const IonReorder = /*@__PURE__*/ createReactComponent('ion-reorder', undefined, undefined, defineCustomElement$M);
-const IonReorderGroup = /*@__PURE__*/ createReactComponent('ion-reorder-group', undefined, undefined, defineCustomElement$N);
-const IonRippleEffect = /*@__PURE__*/ createReactComponent('ion-ripple-effect', undefined, undefined, defineCustomElement$O);
-const IonRow = /*@__PURE__*/ createReactComponent('ion-row', undefined, undefined, defineCustomElement$P);
-const IonSearchbar = /*@__PURE__*/ createReactComponent('ion-searchbar', undefined, undefined, defineCustomElement$Q);
-const IonSegment = /*@__PURE__*/ createReactComponent('ion-segment', undefined, undefined, defineCustomElement$R);
-const IonSegmentButton = /*@__PURE__*/ createReactComponent('ion-segment-button', undefined, undefined, defineCustomElement$S);
-const IonSelect = /*@__PURE__*/ createReactComponent('ion-select', undefined, undefined, defineCustomElement$T);
-const IonSelectOption = /*@__PURE__*/ createReactComponent('ion-select-option', undefined, undefined, defineCustomElement$U);
-const IonSkeletonText = /*@__PURE__*/ createReactComponent('ion-skeleton-text', undefined, undefined, defineCustomElement$V);
-const IonSpinner = /*@__PURE__*/ createReactComponent('ion-spinner', undefined, undefined, defineCustomElement$W);
-const IonSplitPane = /*@__PURE__*/ createReactComponent('ion-split-pane', undefined, undefined, defineCustomElement$X);
-const IonTab = /*@__PURE__*/ createReactComponent('ion-tab', undefined, undefined, defineCustomElement$Y);
-const IonText = /*@__PURE__*/ createReactComponent('ion-text', undefined, undefined, defineCustomElement$Z);
-const IonTextarea = /*@__PURE__*/ createReactComponent('ion-textarea', undefined, undefined, defineCustomElement$_);
-const IonThumbnail = /*@__PURE__*/ createReactComponent('ion-thumbnail', undefined, undefined, defineCustomElement$$);
-const IonTitle = /*@__PURE__*/ createReactComponent('ion-title', undefined, undefined, defineCustomElement$10);
-const IonToggle = /*@__PURE__*/ createReactComponent('ion-toggle', undefined, undefined, defineCustomElement$11);
-const IonToolbar = /*@__PURE__*/ createReactComponent('ion-toolbar', undefined, undefined, defineCustomElement$12);
+const IonInputPasswordToggle = /*@__PURE__*/ createReactComponent('ion-input-password-toggle', undefined, undefined, defineCustomElement$r);
+const IonItemDivider = /*@__PURE__*/ createReactComponent('ion-item-divider', undefined, undefined, defineCustomElement$s);
+const IonItemGroup = /*@__PURE__*/ createReactComponent('ion-item-group', undefined, undefined, defineCustomElement$t);
+const IonItemOptions = /*@__PURE__*/ createReactComponent('ion-item-options', undefined, undefined, defineCustomElement$u);
+const IonItemSliding = /*@__PURE__*/ createReactComponent('ion-item-sliding', undefined, undefined, defineCustomElement$v);
+const IonLabel = /*@__PURE__*/ createReactComponent('ion-label', undefined, undefined, defineCustomElement$w);
+const IonList = /*@__PURE__*/ createReactComponent('ion-list', undefined, undefined, defineCustomElement$x);
+const IonListHeader = /*@__PURE__*/ createReactComponent('ion-list-header', undefined, undefined, defineCustomElement$y);
+const IonMenu = /*@__PURE__*/ createReactComponent('ion-menu', undefined, undefined, defineCustomElement$z);
+const IonMenuButton = /*@__PURE__*/ createReactComponent('ion-menu-button', undefined, undefined, defineCustomElement$A);
+const IonMenuToggle = /*@__PURE__*/ createReactComponent('ion-menu-toggle', undefined, undefined, defineCustomElement$B);
+const IonNavLink = /*@__PURE__*/ createReactComponent('ion-nav-link', undefined, undefined, defineCustomElement$C);
+const IonNote = /*@__PURE__*/ createReactComponent('ion-note', undefined, undefined, defineCustomElement$D);
+const IonPicker = /*@__PURE__*/ createReactComponent('ion-picker', undefined, undefined, defineCustomElement$E);
+const IonPickerColumn = /*@__PURE__*/ createReactComponent('ion-picker-column', undefined, undefined, defineCustomElement$F);
+const IonPickerColumnOption = /*@__PURE__*/ createReactComponent('ion-picker-column-option', undefined, undefined, defineCustomElement$G);
+const IonProgressBar = /*@__PURE__*/ createReactComponent('ion-progress-bar', undefined, undefined, defineCustomElement$H);
+const IonRadio = /*@__PURE__*/ createReactComponent('ion-radio', undefined, undefined, defineCustomElement$I);
+const IonRadioGroup = /*@__PURE__*/ createReactComponent('ion-radio-group', undefined, undefined, defineCustomElement$J);
+const IonRange = /*@__PURE__*/ createReactComponent('ion-range', undefined, undefined, defineCustomElement$K);
+const IonRefresher = /*@__PURE__*/ createReactComponent('ion-refresher', undefined, undefined, defineCustomElement$L);
+const IonRefresherContent = /*@__PURE__*/ createReactComponent('ion-refresher-content', undefined, undefined, defineCustomElement$M);
+const IonReorder = /*@__PURE__*/ createReactComponent('ion-reorder', undefined, undefined, defineCustomElement$N);
+const IonReorderGroup = /*@__PURE__*/ createReactComponent('ion-reorder-group', undefined, undefined, defineCustomElement$O);
+const IonRippleEffect = /*@__PURE__*/ createReactComponent('ion-ripple-effect', undefined, undefined, defineCustomElement$P);
+const IonRow = /*@__PURE__*/ createReactComponent('ion-row', undefined, undefined, defineCustomElement$Q);
+const IonSearchbar = /*@__PURE__*/ createReactComponent('ion-searchbar', undefined, undefined, defineCustomElement$R);
+const IonSegment = /*@__PURE__*/ createReactComponent('ion-segment', undefined, undefined, defineCustomElement$S);
+const IonSegmentButton = /*@__PURE__*/ createReactComponent('ion-segment-button', undefined, undefined, defineCustomElement$T);
+const IonSelect = /*@__PURE__*/ createReactComponent('ion-select', undefined, undefined, defineCustomElement$U);
+const IonSelectOption = /*@__PURE__*/ createReactComponent('ion-select-option', undefined, undefined, defineCustomElement$V);
+const IonSkeletonText = /*@__PURE__*/ createReactComponent('ion-skeleton-text', undefined, undefined, defineCustomElement$W);
+const IonSpinner = /*@__PURE__*/ createReactComponent('ion-spinner', undefined, undefined, defineCustomElement$X);
+const IonSplitPane = /*@__PURE__*/ createReactComponent('ion-split-pane', undefined, undefined, defineCustomElement$Y);
+const IonTab = /*@__PURE__*/ createReactComponent('ion-tab', undefined, undefined, defineCustomElement$Z);
+const IonText = /*@__PURE__*/ createReactComponent('ion-text', undefined, undefined, defineCustomElement$_);
+const IonTextarea = /*@__PURE__*/ createReactComponent('ion-textarea', undefined, undefined, defineCustomElement$$);
+const IonThumbnail = /*@__PURE__*/ createReactComponent('ion-thumbnail', undefined, undefined, defineCustomElement$10);
+const IonTitle = /*@__PURE__*/ createReactComponent('ion-title', undefined, undefined, defineCustomElement$11);
+const IonToggle = /*@__PURE__*/ createReactComponent('ion-toggle', undefined, undefined, defineCustomElement$12);
+const IonToolbar = /*@__PURE__*/ createReactComponent('ion-toolbar', undefined, undefined, defineCustomElement$13);
 
 const createForwardRef = (ReactComponent, // TODO(FW-2959): type
 displayName) => {
@@ -966,19 +968,19 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
 };
 const DELEGATE_HOST = 'ion-delegate-host';
 
-const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$13);
+const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$14);
 
-const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$14);
+const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$15);
 
-const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$15);
+const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$16);
 
-const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$16);
+const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$17);
 
-const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$17);
+const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$18);
 
-const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$18, true);
+const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$19, true);
 
-const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$19);
+const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1a);
 
 const IonContext = React.createContext({
     addOverlay: () => {
@@ -1070,13 +1072,13 @@ const IonOverlayManager = ({ onAddOverlay, onRemoveOverlay }) => {
     })));
 };
 
-const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1d);
-const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1a);
-const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1e);
-const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1b);
-const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1f);
+const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1e);
+const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1b);
+const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1f);
+const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1c);
+const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1g);
 // ionicons
-const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1c);
+const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1d);
 
 const IonApp = /*@__PURE__*/ (() => class extends React.Component {
     constructor(props) {
@@ -1237,7 +1239,7 @@ const ReactDelegate = (addView, removeView) => {
     };
 };
 
-const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1g);
+const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1h);
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const IonNavInternal = (_a) => {
     var { children, forwardedRef } = _a, restOfProps = __rest(_a, ["children", "forwardedRef"]);
@@ -1939,7 +1941,7 @@ function useController(displayName, controller, defineCustomElement) {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonActionSheet() {
-    const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$17);
+    const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$18);
     const present = useCallback((buttonsOrOptions, header) => {
         if (Array.isArray(buttonsOrOptions)) {
             return controller.present({
@@ -1959,7 +1961,7 @@ function useIonActionSheet() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonAlert() {
-    const controller = useController('IonAlert', alertController, defineCustomElement$13);
+    const controller = useController('IonAlert', alertController, defineCustomElement$14);
     const present = useCallback((messageOrOptions, buttons) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -1979,7 +1981,7 @@ function useIonAlert() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonToast() {
-    const controller = useController('IonToast', toastController, defineCustomElement$15);
+    const controller = useController('IonToast', toastController, defineCustomElement$16);
     const present = useCallback((messageOrOptions, duration) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2062,7 +2064,7 @@ function useOverlay(displayName, controller, defineCustomElement, component, com
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonModal(component, componentProps) {
-    const controller = useOverlay('IonModal', modalController, defineCustomElement$18, component, componentProps);
+    const controller = useOverlay('IonModal', modalController, defineCustomElement$19, component, componentProps);
     const present = useCallback((options = {}) => {
         controller.present(options);
     }, [controller.present]);
@@ -2077,7 +2079,7 @@ function useIonModal(component, componentProps) {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonPopover(component, componentProps) {
-    const controller = useOverlay('IonPopover', popoverController, defineCustomElement$19, component, componentProps);
+    const controller = useOverlay('IonPopover', popoverController, defineCustomElement$1a, component, componentProps);
     const present = useCallback((options = {}) => {
         controller.present(options);
     }, [controller.present]);
@@ -2090,7 +2092,7 @@ function useIonPopover(component, componentProps) {
  * @deprecated Use the inline ion-picker component instead.
  */
 function useIonPicker() {
-    const controller = useController('IonPicker', pickerController, defineCustomElement$16);
+    const controller = useController('IonPicker', pickerController, defineCustomElement$17);
     const present = useCallback((columnsOrOptions, buttons) => {
         if (Array.isArray(columnsOrOptions)) {
             return controller.present({
@@ -2110,7 +2112,7 @@ function useIonPicker() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonLoading() {
-    const controller = useController('IonLoading', loadingController, defineCustomElement$14);
+    const controller = useController('IonLoading', loadingController, defineCustomElement$15);
     const present = useCallback((messageOrOptions = {}, duration, spinner) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2455,5 +2457,5 @@ class ViewStacks {
     }
 }
 
-export { CreateAnimation, DefaultIonLifeCycleContext, IonAccordion, IonAccordionGroup, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonDatetimeButton, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonLifeCycleContext, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRedirect, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouterContext, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonTabsContext, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LocationHistory, NavContext, NavManager, RouteManagerContext, StackContext, ViewLifeCycleManager, ViewStacks, generateId, getConfig, getPlatforms, isPlatform, setupIonicReact, useIonActionSheet, useIonAlert, useIonLoading, useIonModal, useIonPicker, useIonPopover, useIonRouter, useIonToast, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
+export { CreateAnimation, DefaultIonLifeCycleContext, IonAccordion, IonAccordionGroup, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonDatetimeButton, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonInputPasswordToggle, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonLifeCycleContext, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRedirect, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouterContext, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonTabsContext, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LocationHistory, NavContext, NavManager, RouteManagerContext, StackContext, ViewLifeCycleManager, ViewStacks, generateId, getConfig, getPlatforms, isPlatform, setupIonicReact, useIonActionSheet, useIonAlert, useIonLoading, useIonModal, useIonPicker, useIonPopover, useIonRouter, useIonToast, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
 //# sourceMappingURL=index.js.map