@ionic/react 8.3.5-nightly.20241101 → 8.4.0

package/dist/index.js

@@ -40,7 +40,7 @@ import { defineCustomElement as defineCustomElement$y } from '@ionic/core/compon
 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$1i } from '@ionic/core/components/ion-nav.js';
+import { defineCustomElement as defineCustomElement$1l } 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';
@@ -59,18 +59,21 @@ import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/compon
 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 { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-segment-content.js';
+import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-segment-view.js';
+import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-select-modal.js';
+import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-select-option.js';
+import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-skeleton-text.js';
+import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-spinner.js';
+import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-split-pane.js';
+import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-tab.js';
+import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-text.js';
+import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-textarea.js';
+import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-thumbnail.js';
+import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-title.js';
+import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-toggle.js';
+import { defineCustomElement as defineCustomElement$16 } 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';
@@ -78,20 +81,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$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$1h } from '@ionic/core/components/ion-app.js';
-import { defineCustomElement as defineCustomElement$1g } 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$1f } from '@ionic/core/components/ion-tabs.js';
-import { defineCustomElement as defineCustomElement$1d } from 'ionicons/components/ion-icon.js';
+import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-alert.js';
+import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-loading.js';
+import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-toast.js';
+import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-picker-legacy.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$1k } from '@ionic/core/components/ion-app.js';
+import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-back-button.js';
+import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-router-outlet.js';
+import { defineCustomElement as defineCustomElement$1e } 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$1i } from '@ionic/core/components/ion-tabs.js';
+import { defineCustomElement as defineCustomElement$1g } from 'ionicons/components/ion-icon.js';
 
 const IonLifeCycleContext = /*@__PURE__*/ React.createContext({
     onIonViewWillEnter: () => {
@@ -673,18 +676,21 @@ const IonRow = /*@__PURE__*/ createReactComponent('ion-row', undefined, undefine
 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 IonSegmentContent = /*@__PURE__*/ createReactComponent('ion-segment-content', undefined, undefined, defineCustomElement$U);
+const IonSegmentView = /*@__PURE__*/ createReactComponent('ion-segment-view', undefined, undefined, defineCustomElement$V);
+const IonSelect = /*@__PURE__*/ createReactComponent('ion-select', undefined, undefined, defineCustomElement$W);
+const IonSelectModal = /*@__PURE__*/ createReactComponent('ion-select-modal', undefined, undefined, defineCustomElement$X);
+const IonSelectOption = /*@__PURE__*/ createReactComponent('ion-select-option', undefined, undefined, defineCustomElement$Y);
+const IonSkeletonText = /*@__PURE__*/ createReactComponent('ion-skeleton-text', undefined, undefined, defineCustomElement$Z);
+const IonSpinner = /*@__PURE__*/ createReactComponent('ion-spinner', undefined, undefined, defineCustomElement$_);
+const IonSplitPane = /*@__PURE__*/ createReactComponent('ion-split-pane', undefined, undefined, defineCustomElement$$);
+const IonTab = /*@__PURE__*/ createReactComponent('ion-tab', undefined, undefined, defineCustomElement$10);
+const IonText = /*@__PURE__*/ createReactComponent('ion-text', undefined, undefined, defineCustomElement$11);
+const IonTextarea = /*@__PURE__*/ createReactComponent('ion-textarea', undefined, undefined, defineCustomElement$12);
+const IonThumbnail = /*@__PURE__*/ createReactComponent('ion-thumbnail', undefined, undefined, defineCustomElement$13);
+const IonTitle = /*@__PURE__*/ createReactComponent('ion-title', undefined, undefined, defineCustomElement$14);
+const IonToggle = /*@__PURE__*/ createReactComponent('ion-toggle', undefined, undefined, defineCustomElement$15);
+const IonToolbar = /*@__PURE__*/ createReactComponent('ion-toolbar', undefined, undefined, defineCustomElement$16);
 
 const createForwardRef = (ReactComponent, // TODO(FW-2959): type
 displayName) => {
@@ -969,19 +975,19 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
 };
 const DELEGATE_HOST = 'ion-delegate-host';
 
-const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$14);
+const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$17);
 
-const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$15);
+const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$18);
 
-const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$16);
+const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$19);
 
-const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$17);
+const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$1a);
 
-const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$18);
+const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$1b);
 
-const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$19, true);
+const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$1c, true);
 
-const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1a);
+const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1d);
 
 const IonContext = React.createContext({
     addOverlay: () => {
@@ -1073,14 +1079,14 @@ const IonOverlayManager = ({ onAddOverlay, onRemoveOverlay }) => {
     })));
 };
 
-const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1e);
-const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1b);
-const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1f);
-const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1g);
-const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1c);
-const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1h);
+const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1h);
+const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1e);
+const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1i);
+const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1j);
+const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1f);
+const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1k);
 // ionicons
-const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1d);
+const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1g);
 
 const IonApp = /*@__PURE__*/ (() => class extends React.Component {
     constructor(props) {
@@ -1241,7 +1247,7 @@ const ReactDelegate = (addView, removeView) => {
     };
 };
 
-const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1i);
+const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1l);
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const IonNavInternal = (_a) => {
     var { children, forwardedRef } = _a, restOfProps = __rest(_a, ["children", "forwardedRef"]);
@@ -1986,7 +1992,7 @@ function useController(displayName, controller, defineCustomElement) {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonActionSheet() {
-    const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$18);
+    const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$1b);
     const present = useCallback((buttonsOrOptions, header) => {
         if (Array.isArray(buttonsOrOptions)) {
             return controller.present({
@@ -2006,7 +2012,7 @@ function useIonActionSheet() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonAlert() {
-    const controller = useController('IonAlert', alertController, defineCustomElement$14);
+    const controller = useController('IonAlert', alertController, defineCustomElement$17);
     const present = useCallback((messageOrOptions, buttons) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2026,7 +2032,7 @@ function useIonAlert() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonToast() {
-    const controller = useController('IonToast', toastController, defineCustomElement$16);
+    const controller = useController('IonToast', toastController, defineCustomElement$19);
     const present = useCallback((messageOrOptions, duration) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2109,7 +2115,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$19, component, componentProps);
+    const controller = useOverlay('IonModal', modalController, defineCustomElement$1c, component, componentProps);
     const present = useCallback((options = {}) => {
         controller.present(options);
     }, [controller.present]);
@@ -2124,7 +2130,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$1a, component, componentProps);
+    const controller = useOverlay('IonPopover', popoverController, defineCustomElement$1d, component, componentProps);
     const present = useCallback((options = {}) => {
         controller.present(options);
     }, [controller.present]);
@@ -2137,7 +2143,7 @@ function useIonPopover(component, componentProps) {
  * @deprecated Use the inline ion-picker component instead.
  */
 function useIonPicker() {
-    const controller = useController('IonPicker', pickerController, defineCustomElement$17);
+    const controller = useController('IonPicker', pickerController, defineCustomElement$1a);
     const present = useCallback((columnsOrOptions, buttons) => {
         if (Array.isArray(columnsOrOptions)) {
             return controller.present({
@@ -2157,7 +2163,7 @@ function useIonPicker() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonLoading() {
-    const controller = useController('IonLoading', loadingController, defineCustomElement$15);
+    const controller = useController('IonLoading', loadingController, defineCustomElement$18);
     const present = useCallback((messageOrOptions = {}, duration, spinner) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2502,5 +2508,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, 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 };
+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, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonTabsContext, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LocationHistory, NavContext, NavManager, RouteManagerContext, StackContext, ViewLifeCycleManager, ViewStacks, generateId, getConfig, getPlatforms, isPlatform, setupIonicReact, useIonActionSheet, useIonAlert, useIonLoading, useIonModal, useIonPicker, useIonPopover, useIonRouter, useIonToast, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
 //# sourceMappingURL=index.js.map