@ionic/react 8.8.8-nightly.20260520 → 8.8.9-dev.11779403760.13ea2a08

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/css/core.css +1 -1
  2. package/css/core.css.map +1 -1
  3. package/css/display.css +1 -1
  4. package/css/display.css.map +1 -1
  5. package/css/flex-utils.css +1 -1
  6. package/css/flex-utils.css.map +1 -1
  7. package/css/float-elements.css.map +1 -1
  8. package/css/global.bundle.css.map +1 -1
  9. package/css/ionic/bundle.ionic.css +1 -0
  10. package/css/ionic/bundle.ionic.css.map +1 -0
  11. package/css/ionic/core.ionic.css +1 -0
  12. package/css/ionic/core.ionic.css.map +1 -0
  13. package/css/ionic/global.bundle.ionic.css +1 -0
  14. package/css/ionic/global.bundle.ionic.css.map +1 -0
  15. package/css/ionic/ionic-swiper.ionic.css +1 -0
  16. package/css/ionic/ionic-swiper.ionic.css.map +1 -0
  17. package/css/ionic/link.ionic.css +1 -0
  18. package/css/ionic/link.ionic.css.map +1 -0
  19. package/css/ionic/structure.ionic.css +1 -0
  20. package/css/ionic/structure.ionic.css.map +1 -0
  21. package/css/ionic/typography.ionic.css +1 -0
  22. package/css/ionic/typography.ionic.css.map +1 -0
  23. package/css/ionic/utils.bundle.ionic.css +1 -0
  24. package/css/ionic/utils.bundle.ionic.css.map +1 -0
  25. package/css/ionic-swiper.css +1 -1
  26. package/css/ionic-swiper.css.map +1 -1
  27. package/css/ionic.bundle.css +1 -1
  28. package/css/ionic.bundle.css.map +1 -1
  29. package/css/normalize.css.map +1 -1
  30. package/css/padding.css.map +1 -1
  31. package/css/palettes/dark.always.css.map +1 -1
  32. package/css/palettes/dark.class.css.map +1 -1
  33. package/css/palettes/dark.system.css.map +1 -1
  34. package/css/palettes/high-contrast-dark.always.css.map +1 -1
  35. package/css/palettes/high-contrast-dark.class.css.map +1 -1
  36. package/css/palettes/high-contrast-dark.system.css.map +1 -1
  37. package/css/palettes/high-contrast.always.css.map +1 -1
  38. package/css/palettes/high-contrast.class.css.map +1 -1
  39. package/css/palettes/high-contrast.system.css.map +1 -1
  40. package/css/structure.css.map +1 -1
  41. package/css/text-alignment.css.map +1 -1
  42. package/css/text-transformation.css.map +1 -1
  43. package/css/typography.css.map +1 -1
  44. package/css/utils.bundle.css +1 -1
  45. package/css/utils.bundle.css.map +1 -1
  46. package/dist/index.js +228 -155
  47. package/dist/index.js.map +1 -1
  48. package/dist/types/components/proxies.d.ts +2 -0
  49. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -20,61 +20,63 @@ import { defineCustomElement as defineCustomElement$e } from '@ionic/core/compon
20
20
  import { defineCustomElement as defineCustomElement$f } from '@ionic/core/components/ion-content.js';
21
21
  import { defineCustomElement as defineCustomElement$g } from '@ionic/core/components/ion-datetime.js';
22
22
  import { defineCustomElement as defineCustomElement$h } from '@ionic/core/components/ion-datetime-button.js';
23
- import { defineCustomElement as defineCustomElement$i } from '@ionic/core/components/ion-fab.js';
24
- import { defineCustomElement as defineCustomElement$j } from '@ionic/core/components/ion-fab-list.js';
25
- import { defineCustomElement as defineCustomElement$k } from '@ionic/core/components/ion-footer.js';
26
- import { defineCustomElement as defineCustomElement$l } from '@ionic/core/components/ion-grid.js';
27
- import { defineCustomElement as defineCustomElement$m } from '@ionic/core/components/ion-header.js';
28
- import { defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-img.js';
29
- import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-infinite-scroll.js';
30
- import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-infinite-scroll-content.js';
31
- import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-input.js';
32
- import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-input-otp.js';
33
- import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-input-password-toggle.js';
34
- import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-item-divider.js';
35
- import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-item-group.js';
36
- import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-item-options.js';
37
- import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-item-sliding.js';
38
- import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-label.js';
39
- import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-list.js';
40
- import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-list-header.js';
41
- import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-menu.js';
42
- import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-menu-button.js';
43
- import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-menu-toggle.js';
44
- import { defineCustomElement as defineCustomElement$1m } from '@ionic/core/components/ion-nav.js';
45
- import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-nav-link.js';
46
- import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-note.js';
47
- import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-picker.js';
48
- import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-picker-column.js';
49
- import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-picker-column-option.js';
50
- import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-progress-bar.js';
51
- import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-radio.js';
52
- import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-radio-group.js';
53
- import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-range.js';
54
- import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-refresher.js';
55
- import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-refresher-content.js';
56
- import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-reorder.js';
57
- import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-reorder-group.js';
58
- import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-ripple-effect.js';
59
- import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-row.js';
60
- import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-searchbar.js';
61
- import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-segment.js';
62
- import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-segment-button.js';
63
- import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-segment-content.js';
64
- import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-segment-view.js';
65
- import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-select.js';
66
- import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-select-modal.js';
67
- import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-select-option.js';
68
- import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-skeleton-text.js';
69
- import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-spinner.js';
70
- import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-split-pane.js';
71
- import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-tab.js';
72
- import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-text.js';
73
- import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-textarea.js';
74
- import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-thumbnail.js';
75
- import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-title.js';
76
- import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-toggle.js';
77
- import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-toolbar.js';
23
+ import { defineCustomElement as defineCustomElement$i } from '@ionic/core/components/ion-divider.js';
24
+ import { defineCustomElement as defineCustomElement$j } from '@ionic/core/components/ion-fab.js';
25
+ import { defineCustomElement as defineCustomElement$k } from '@ionic/core/components/ion-fab-list.js';
26
+ import { defineCustomElement as defineCustomElement$l } from '@ionic/core/components/ion-footer.js';
27
+ import { defineCustomElement as defineCustomElement$m } from '@ionic/core/components/ion-gallery.js';
28
+ import { defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-grid.js';
29
+ import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-header.js';
30
+ import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-img.js';
31
+ import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-infinite-scroll.js';
32
+ import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-infinite-scroll-content.js';
33
+ import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-input.js';
34
+ import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-input-otp.js';
35
+ import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-input-password-toggle.js';
36
+ import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-item-divider.js';
37
+ import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-item-group.js';
38
+ import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-item-options.js';
39
+ import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-item-sliding.js';
40
+ import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-label.js';
41
+ import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-list.js';
42
+ import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-list-header.js';
43
+ import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-menu.js';
44
+ import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-menu-button.js';
45
+ import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-menu-toggle.js';
46
+ import { defineCustomElement as defineCustomElement$1o } from '@ionic/core/components/ion-nav.js';
47
+ import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-nav-link.js';
48
+ import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-note.js';
49
+ import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-picker.js';
50
+ import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-picker-column.js';
51
+ import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-picker-column-option.js';
52
+ import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-progress-bar.js';
53
+ import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-radio.js';
54
+ import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-radio-group.js';
55
+ import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-range.js';
56
+ import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-refresher.js';
57
+ import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-refresher-content.js';
58
+ import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-reorder.js';
59
+ import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-reorder-group.js';
60
+ import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-ripple-effect.js';
61
+ import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-row.js';
62
+ import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-searchbar.js';
63
+ import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-segment.js';
64
+ import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-segment-button.js';
65
+ import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-segment-content.js';
66
+ import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-segment-view.js';
67
+ import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-select.js';
68
+ import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-select-modal.js';
69
+ import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-select-option.js';
70
+ import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-skeleton-text.js';
71
+ import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-spinner.js';
72
+ import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-split-pane.js';
73
+ import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-tab.js';
74
+ import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-text.js';
75
+ import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-textarea.js';
76
+ import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-thumbnail.js';
77
+ import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-title.js';
78
+ import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-toggle.js';
79
+ import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-toolbar.js';
78
80
  import { IonBreadcrumb as IonBreadcrumb$1 } from '@ionic/core/components/ion-breadcrumb.js';
79
81
  import { IonButton as IonButton$1 } from '@ionic/core/components/ion-button.js';
80
82
  import { IonCard as IonCard$1 } from '@ionic/core/components/ion-card.js';
@@ -82,20 +84,20 @@ import { IonFabButton as IonFabButton$1 } from '@ionic/core/components/ion-fab-b
82
84
  import { IonItemOption as IonItemOption$1 } from '@ionic/core/components/ion-item-option.js';
83
85
  import { IonItem as IonItem$1 } from '@ionic/core/components/ion-item.js';
84
86
  import { IonRouterLink as IonRouterLink$1 } from '@ionic/core/components/ion-router-link.js';
85
- import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-alert.js';
86
- import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-loading.js';
87
- import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-toast.js';
88
- import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-picker-legacy.js';
89
- import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-action-sheet.js';
90
- import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-modal.js';
91
- import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-popover.js';
92
- import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-app.js';
93
- import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-back-button.js';
94
- import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-router-outlet.js';
95
- import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-tab-bar.js';
96
- import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-tab-button.js';
97
- import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-tabs.js';
98
- import { defineCustomElement as defineCustomElement$1l } from 'ionicons/components/ion-icon.js';
87
+ import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-alert.js';
88
+ import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-loading.js';
89
+ import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-toast.js';
90
+ import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-picker-legacy.js';
91
+ import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-action-sheet.js';
92
+ import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-modal.js';
93
+ import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-popover.js';
94
+ import { defineCustomElement as defineCustomElement$1m } from '@ionic/core/components/ion-app.js';
95
+ import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-back-button.js';
96
+ import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/components/ion-router-outlet.js';
97
+ import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-tab-bar.js';
98
+ import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-tab-button.js';
99
+ import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-tabs.js';
100
+ import { defineCustomElement as defineCustomElement$1n } from 'ionicons/components/ion-icon.js';
99
101
 
100
102
  const IonLifeCycleContext = /*@__PURE__*/ React.createContext({
101
103
  onIonViewWillEnter: () => {
@@ -643,60 +645,62 @@ const IonCol = /*@__PURE__*/ createReactComponent('ion-col', undefined, undefine
643
645
  const IonContent = /*@__PURE__*/ createReactComponent('ion-content', undefined, undefined, defineCustomElement$f);
644
646
  const IonDatetime = /*@__PURE__*/ createReactComponent('ion-datetime', undefined, undefined, defineCustomElement$g);
645
647
  const IonDatetimeButton = /*@__PURE__*/ createReactComponent('ion-datetime-button', undefined, undefined, defineCustomElement$h);
646
- const IonFab = /*@__PURE__*/ createReactComponent('ion-fab', undefined, undefined, defineCustomElement$i);
647
- const IonFabList = /*@__PURE__*/ createReactComponent('ion-fab-list', undefined, undefined, defineCustomElement$j);
648
- const IonFooter = /*@__PURE__*/ createReactComponent('ion-footer', undefined, undefined, defineCustomElement$k);
649
- const IonGrid = /*@__PURE__*/ createReactComponent('ion-grid', undefined, undefined, defineCustomElement$l);
650
- const IonHeader = /*@__PURE__*/ createReactComponent('ion-header', undefined, undefined, defineCustomElement$m);
651
- const IonImg = /*@__PURE__*/ createReactComponent('ion-img', undefined, undefined, defineCustomElement$n);
652
- const IonInfiniteScroll = /*@__PURE__*/ createReactComponent('ion-infinite-scroll', undefined, undefined, defineCustomElement$o);
653
- const IonInfiniteScrollContent = /*@__PURE__*/ createReactComponent('ion-infinite-scroll-content', undefined, undefined, defineCustomElement$p);
654
- const IonInput = /*@__PURE__*/ createReactComponent('ion-input', undefined, undefined, defineCustomElement$q);
655
- const IonInputOtp = /*@__PURE__*/ createReactComponent('ion-input-otp', undefined, undefined, defineCustomElement$r);
656
- const IonInputPasswordToggle = /*@__PURE__*/ createReactComponent('ion-input-password-toggle', undefined, undefined, defineCustomElement$s);
657
- const IonItemDivider = /*@__PURE__*/ createReactComponent('ion-item-divider', undefined, undefined, defineCustomElement$t);
658
- const IonItemGroup = /*@__PURE__*/ createReactComponent('ion-item-group', undefined, undefined, defineCustomElement$u);
659
- const IonItemOptions = /*@__PURE__*/ createReactComponent('ion-item-options', undefined, undefined, defineCustomElement$v);
660
- const IonItemSliding = /*@__PURE__*/ createReactComponent('ion-item-sliding', undefined, undefined, defineCustomElement$w);
661
- const IonLabel = /*@__PURE__*/ createReactComponent('ion-label', undefined, undefined, defineCustomElement$x);
662
- const IonList = /*@__PURE__*/ createReactComponent('ion-list', undefined, undefined, defineCustomElement$y);
663
- const IonListHeader = /*@__PURE__*/ createReactComponent('ion-list-header', undefined, undefined, defineCustomElement$z);
664
- const IonMenu = /*@__PURE__*/ createReactComponent('ion-menu', undefined, undefined, defineCustomElement$A);
665
- const IonMenuButton = /*@__PURE__*/ createReactComponent('ion-menu-button', undefined, undefined, defineCustomElement$B);
666
- const IonMenuToggle = /*@__PURE__*/ createReactComponent('ion-menu-toggle', undefined, undefined, defineCustomElement$C);
667
- const IonNavLink = /*@__PURE__*/ createReactComponent('ion-nav-link', undefined, undefined, defineCustomElement$D);
668
- const IonNote = /*@__PURE__*/ createReactComponent('ion-note', undefined, undefined, defineCustomElement$E);
669
- const IonPicker = /*@__PURE__*/ createReactComponent('ion-picker', undefined, undefined, defineCustomElement$F);
670
- const IonPickerColumn = /*@__PURE__*/ createReactComponent('ion-picker-column', undefined, undefined, defineCustomElement$G);
671
- const IonPickerColumnOption = /*@__PURE__*/ createReactComponent('ion-picker-column-option', undefined, undefined, defineCustomElement$H);
672
- const IonProgressBar = /*@__PURE__*/ createReactComponent('ion-progress-bar', undefined, undefined, defineCustomElement$I);
673
- const IonRadio = /*@__PURE__*/ createReactComponent('ion-radio', undefined, undefined, defineCustomElement$J);
674
- const IonRadioGroup = /*@__PURE__*/ createReactComponent('ion-radio-group', undefined, undefined, defineCustomElement$K);
675
- const IonRange = /*@__PURE__*/ createReactComponent('ion-range', undefined, undefined, defineCustomElement$L);
676
- const IonRefresher = /*@__PURE__*/ createReactComponent('ion-refresher', undefined, undefined, defineCustomElement$M);
677
- const IonRefresherContent = /*@__PURE__*/ createReactComponent('ion-refresher-content', undefined, undefined, defineCustomElement$N);
678
- const IonReorder = /*@__PURE__*/ createReactComponent('ion-reorder', undefined, undefined, defineCustomElement$O);
679
- const IonReorderGroup = /*@__PURE__*/ createReactComponent('ion-reorder-group', undefined, undefined, defineCustomElement$P);
680
- const IonRippleEffect = /*@__PURE__*/ createReactComponent('ion-ripple-effect', undefined, undefined, defineCustomElement$Q);
681
- const IonRow = /*@__PURE__*/ createReactComponent('ion-row', undefined, undefined, defineCustomElement$R);
682
- const IonSearchbar = /*@__PURE__*/ createReactComponent('ion-searchbar', undefined, undefined, defineCustomElement$S);
683
- const IonSegment = /*@__PURE__*/ createReactComponent('ion-segment', undefined, undefined, defineCustomElement$T);
684
- const IonSegmentButton = /*@__PURE__*/ createReactComponent('ion-segment-button', undefined, undefined, defineCustomElement$U);
685
- const IonSegmentContent = /*@__PURE__*/ createReactComponent('ion-segment-content', undefined, undefined, defineCustomElement$V);
686
- const IonSegmentView = /*@__PURE__*/ createReactComponent('ion-segment-view', undefined, undefined, defineCustomElement$W);
687
- const IonSelect = /*@__PURE__*/ createReactComponent('ion-select', undefined, undefined, defineCustomElement$X);
688
- const IonSelectModal = /*@__PURE__*/ createReactComponent('ion-select-modal', undefined, undefined, defineCustomElement$Y);
689
- const IonSelectOption = /*@__PURE__*/ createReactComponent('ion-select-option', undefined, undefined, defineCustomElement$Z);
690
- const IonSkeletonText = /*@__PURE__*/ createReactComponent('ion-skeleton-text', undefined, undefined, defineCustomElement$_);
691
- const IonSpinner = /*@__PURE__*/ createReactComponent('ion-spinner', undefined, undefined, defineCustomElement$$);
692
- const IonSplitPane = /*@__PURE__*/ createReactComponent('ion-split-pane', undefined, undefined, defineCustomElement$10);
693
- const IonTab = /*@__PURE__*/ createReactComponent('ion-tab', undefined, undefined, defineCustomElement$11);
694
- const IonText = /*@__PURE__*/ createReactComponent('ion-text', undefined, undefined, defineCustomElement$12);
695
- const IonTextarea = /*@__PURE__*/ createReactComponent('ion-textarea', undefined, undefined, defineCustomElement$13);
696
- const IonThumbnail = /*@__PURE__*/ createReactComponent('ion-thumbnail', undefined, undefined, defineCustomElement$14);
697
- const IonTitle = /*@__PURE__*/ createReactComponent('ion-title', undefined, undefined, defineCustomElement$15);
698
- const IonToggle = /*@__PURE__*/ createReactComponent('ion-toggle', undefined, undefined, defineCustomElement$16);
699
- const IonToolbar = /*@__PURE__*/ createReactComponent('ion-toolbar', undefined, undefined, defineCustomElement$17);
648
+ const IonDivider = /*@__PURE__*/ createReactComponent('ion-divider', undefined, undefined, defineCustomElement$i);
649
+ const IonFab = /*@__PURE__*/ createReactComponent('ion-fab', undefined, undefined, defineCustomElement$j);
650
+ const IonFabList = /*@__PURE__*/ createReactComponent('ion-fab-list', undefined, undefined, defineCustomElement$k);
651
+ const IonFooter = /*@__PURE__*/ createReactComponent('ion-footer', undefined, undefined, defineCustomElement$l);
652
+ const IonGallery = /*@__PURE__*/ createReactComponent('ion-gallery', undefined, undefined, defineCustomElement$m);
653
+ const IonGrid = /*@__PURE__*/ createReactComponent('ion-grid', undefined, undefined, defineCustomElement$n);
654
+ const IonHeader = /*@__PURE__*/ createReactComponent('ion-header', undefined, undefined, defineCustomElement$o);
655
+ const IonImg = /*@__PURE__*/ createReactComponent('ion-img', undefined, undefined, defineCustomElement$p);
656
+ const IonInfiniteScroll = /*@__PURE__*/ createReactComponent('ion-infinite-scroll', undefined, undefined, defineCustomElement$q);
657
+ const IonInfiniteScrollContent = /*@__PURE__*/ createReactComponent('ion-infinite-scroll-content', undefined, undefined, defineCustomElement$r);
658
+ const IonInput = /*@__PURE__*/ createReactComponent('ion-input', undefined, undefined, defineCustomElement$s);
659
+ const IonInputOtp = /*@__PURE__*/ createReactComponent('ion-input-otp', undefined, undefined, defineCustomElement$t);
660
+ const IonInputPasswordToggle = /*@__PURE__*/ createReactComponent('ion-input-password-toggle', undefined, undefined, defineCustomElement$u);
661
+ const IonItemDivider = /*@__PURE__*/ createReactComponent('ion-item-divider', undefined, undefined, defineCustomElement$v);
662
+ const IonItemGroup = /*@__PURE__*/ createReactComponent('ion-item-group', undefined, undefined, defineCustomElement$w);
663
+ const IonItemOptions = /*@__PURE__*/ createReactComponent('ion-item-options', undefined, undefined, defineCustomElement$x);
664
+ const IonItemSliding = /*@__PURE__*/ createReactComponent('ion-item-sliding', undefined, undefined, defineCustomElement$y);
665
+ const IonLabel = /*@__PURE__*/ createReactComponent('ion-label', undefined, undefined, defineCustomElement$z);
666
+ const IonList = /*@__PURE__*/ createReactComponent('ion-list', undefined, undefined, defineCustomElement$A);
667
+ const IonListHeader = /*@__PURE__*/ createReactComponent('ion-list-header', undefined, undefined, defineCustomElement$B);
668
+ const IonMenu = /*@__PURE__*/ createReactComponent('ion-menu', undefined, undefined, defineCustomElement$C);
669
+ const IonMenuButton = /*@__PURE__*/ createReactComponent('ion-menu-button', undefined, undefined, defineCustomElement$D);
670
+ const IonMenuToggle = /*@__PURE__*/ createReactComponent('ion-menu-toggle', undefined, undefined, defineCustomElement$E);
671
+ const IonNavLink = /*@__PURE__*/ createReactComponent('ion-nav-link', undefined, undefined, defineCustomElement$F);
672
+ const IonNote = /*@__PURE__*/ createReactComponent('ion-note', undefined, undefined, defineCustomElement$G);
673
+ const IonPicker = /*@__PURE__*/ createReactComponent('ion-picker', undefined, undefined, defineCustomElement$H);
674
+ const IonPickerColumn = /*@__PURE__*/ createReactComponent('ion-picker-column', undefined, undefined, defineCustomElement$I);
675
+ const IonPickerColumnOption = /*@__PURE__*/ createReactComponent('ion-picker-column-option', undefined, undefined, defineCustomElement$J);
676
+ const IonProgressBar = /*@__PURE__*/ createReactComponent('ion-progress-bar', undefined, undefined, defineCustomElement$K);
677
+ const IonRadio = /*@__PURE__*/ createReactComponent('ion-radio', undefined, undefined, defineCustomElement$L);
678
+ const IonRadioGroup = /*@__PURE__*/ createReactComponent('ion-radio-group', undefined, undefined, defineCustomElement$M);
679
+ const IonRange = /*@__PURE__*/ createReactComponent('ion-range', undefined, undefined, defineCustomElement$N);
680
+ const IonRefresher = /*@__PURE__*/ createReactComponent('ion-refresher', undefined, undefined, defineCustomElement$O);
681
+ const IonRefresherContent = /*@__PURE__*/ createReactComponent('ion-refresher-content', undefined, undefined, defineCustomElement$P);
682
+ const IonReorder = /*@__PURE__*/ createReactComponent('ion-reorder', undefined, undefined, defineCustomElement$Q);
683
+ const IonReorderGroup = /*@__PURE__*/ createReactComponent('ion-reorder-group', undefined, undefined, defineCustomElement$R);
684
+ const IonRippleEffect = /*@__PURE__*/ createReactComponent('ion-ripple-effect', undefined, undefined, defineCustomElement$S);
685
+ const IonRow = /*@__PURE__*/ createReactComponent('ion-row', undefined, undefined, defineCustomElement$T);
686
+ const IonSearchbar = /*@__PURE__*/ createReactComponent('ion-searchbar', undefined, undefined, defineCustomElement$U);
687
+ const IonSegment = /*@__PURE__*/ createReactComponent('ion-segment', undefined, undefined, defineCustomElement$V);
688
+ const IonSegmentButton = /*@__PURE__*/ createReactComponent('ion-segment-button', undefined, undefined, defineCustomElement$W);
689
+ const IonSegmentContent = /*@__PURE__*/ createReactComponent('ion-segment-content', undefined, undefined, defineCustomElement$X);
690
+ const IonSegmentView = /*@__PURE__*/ createReactComponent('ion-segment-view', undefined, undefined, defineCustomElement$Y);
691
+ const IonSelect = /*@__PURE__*/ createReactComponent('ion-select', undefined, undefined, defineCustomElement$Z);
692
+ const IonSelectModal = /*@__PURE__*/ createReactComponent('ion-select-modal', undefined, undefined, defineCustomElement$_);
693
+ const IonSelectOption = /*@__PURE__*/ createReactComponent('ion-select-option', undefined, undefined, defineCustomElement$$);
694
+ const IonSkeletonText = /*@__PURE__*/ createReactComponent('ion-skeleton-text', undefined, undefined, defineCustomElement$10);
695
+ const IonSpinner = /*@__PURE__*/ createReactComponent('ion-spinner', undefined, undefined, defineCustomElement$11);
696
+ const IonSplitPane = /*@__PURE__*/ createReactComponent('ion-split-pane', undefined, undefined, defineCustomElement$12);
697
+ const IonTab = /*@__PURE__*/ createReactComponent('ion-tab', undefined, undefined, defineCustomElement$13);
698
+ const IonText = /*@__PURE__*/ createReactComponent('ion-text', undefined, undefined, defineCustomElement$14);
699
+ const IonTextarea = /*@__PURE__*/ createReactComponent('ion-textarea', undefined, undefined, defineCustomElement$15);
700
+ const IonThumbnail = /*@__PURE__*/ createReactComponent('ion-thumbnail', undefined, undefined, defineCustomElement$16);
701
+ const IonTitle = /*@__PURE__*/ createReactComponent('ion-title', undefined, undefined, defineCustomElement$17);
702
+ const IonToggle = /*@__PURE__*/ createReactComponent('ion-toggle', undefined, undefined, defineCustomElement$18);
703
+ const IonToolbar = /*@__PURE__*/ createReactComponent('ion-toolbar', undefined, undefined, defineCustomElement$19);
700
704
 
701
705
  const createForwardRef = (ReactComponent, // TODO(FW-2959): type
702
706
  displayName) => {
@@ -839,6 +843,14 @@ const detachEvent = (node, eventName) => {
839
843
  }
840
844
  };
841
845
 
846
+ /**
847
+ * Set to `true` when rendering inside another inline overlay. Nested
848
+ * overlays render at their JSX position (no portal) so that core's
849
+ * `el.closest('ion-popover')`-style nesting detection keeps working,
850
+ * and the outer overlay's portal already gives the subtree the correct
851
+ * React event-delegation root.
852
+ */
853
+ const NestedOverlayContext = React.createContext(false);
842
854
  const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateHost) => {
843
855
  if (defineCustomElement) {
844
856
  defineCustomElement();
@@ -847,6 +859,7 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
847
859
  const ReactComponent = class extends React.Component {
848
860
  constructor(props) {
849
861
  super(props);
862
+ this.isUnmounted = false;
850
863
  this.handleIonMount = () => {
851
864
  /**
852
865
  * Mount the inner component when the
@@ -890,12 +903,45 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
890
903
  this.state = { isOpen: false };
891
904
  // Create a local ref to the inner child element.
892
905
  this.wrapperRef = React.createRef();
906
+ // Marker stays at the JSX location so we can recover the immediate
907
+ // JSX parent after the overlay has been portaled to ion-app.
908
+ this.markerRef = React.createRef();
909
+ /**
910
+ * Resolve the portal target to the same container CoreDelegate
911
+ * teleports overlays into. Portaling here keeps the overlay inside
912
+ * React's tree so React's synthetic events still dispatch to its
913
+ * children, even after CoreDelegate moves the DOM node out of the
914
+ * declared JSX parent.
915
+ */
916
+ this.portalTarget = typeof document !== 'undefined' ? document.querySelector('ion-app') || document.body : null;
893
917
  }
894
918
  componentDidMount() {
919
+ // Reset for React 18 StrictMode: the dev-mode unmount/remount cycle
920
+ // re-uses this instance and leaves the flag set from the prior
921
+ // componentWillUnmount.
922
+ this.isUnmounted = false;
895
923
  this.componentDidUpdate(this.props);
896
924
  this.ref.current?.addEventListener('ionMount', this.handleIonMount);
897
925
  this.ref.current?.addEventListener('willPresent', this.handleWillPresent);
898
926
  this.ref.current?.addEventListener('didDismiss', this.handleDidDismiss);
927
+ /**
928
+ * The overlay is portaled to `portalTarget`, so Stencil caches that
929
+ * container as `cachedOriginalParent`. Modal features (sheet
930
+ * child-route passthrough, parent-removal auto-dismiss) walk up
931
+ * from `cachedOriginalParent` to find the enclosing `.ion-page`,
932
+ * so we redirect it at the marker's JSX parent.
933
+ */
934
+ const overlay = this.ref.current;
935
+ if (overlay) {
936
+ componentOnReady(overlay, () => {
937
+ if (this.isUnmounted)
938
+ return;
939
+ const markerParent = this.markerRef.current?.parentElement ?? null;
940
+ if (markerParent && markerParent !== this.portalTarget) {
941
+ overlay.cachedOriginalParent = markerParent;
942
+ }
943
+ });
944
+ }
899
945
  }
900
946
  componentDidUpdate(prevProps) {
901
947
  const node = this.ref.current;
@@ -905,10 +951,11 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
905
951
  * so they don't get attached twice and called twice.
906
952
  */
907
953
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
908
- const { onDidDismiss, onWillPresent, ...cProps } = this.props;
954
+ const { onDidDismiss, onWillPresent, isNested, ...cProps } = this.props;
909
955
  attachProps(node, cProps, prevProps);
910
956
  }
911
957
  componentWillUnmount() {
958
+ this.isUnmounted = true;
912
959
  const node = this.ref.current;
913
960
  /**
914
961
  * If the overlay is being unmounted, but is still
@@ -932,13 +979,28 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
932
979
  * avoid memory leaks.
933
980
  */
934
981
  node.removeEventListener('didDismiss', this.handleDidDismiss);
935
- node.remove();
982
+ if (this.props.isNested) {
983
+ /**
984
+ * Nested overlays render inline (no portal). CoreDelegate may
985
+ * have moved the node out of its React parent, so React's
986
+ * unmount won't reach it. Remove it directly.
987
+ */
988
+ node.remove();
989
+ }
990
+ else if (node.isConnected && this.portalTarget && node.parentNode !== this.portalTarget) {
991
+ /**
992
+ * Portaled path: move the overlay back into `portalTarget` so
993
+ * React's portal removeChild can find it. CoreDelegate (or user
994
+ * code in onWillPresent) may have moved it elsewhere while open.
995
+ */
996
+ this.portalTarget.appendChild(node);
997
+ }
936
998
  detachProps(node, this.props);
937
999
  }
938
1000
  }
939
1001
  render() {
940
1002
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
941
- const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
1003
+ const { children, forwardedRef, style, className, ref, isNested, ...cProps } = this.props;
942
1004
  const propsToPass = Object.keys(cProps).reduce((acc, name) => {
943
1005
  if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
944
1006
  const eventName = name.substring(2).toLowerCase();
@@ -966,12 +1028,12 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
966
1028
  }
967
1029
  return DELEGATE_HOST;
968
1030
  };
969
- return createElement('template', {}, createElement(tagName, newProps,
1031
+ const overlayElement = createElement(tagName, newProps,
1032
+ // Children, not the overlay host, observe `isNested = true`.
1033
+ createElement(NestedOverlayContext.Provider, { value: true },
970
1034
  /**
971
- * We only want the inner component
972
- * to be mounted if the overlay is open,
973
- * so conditionally render the component
974
- * based on the isOpen state.
1035
+ * We only want the inner component to be mounted if the overlay
1036
+ * is open, so conditionally render based on `isOpen` state.
975
1037
  */
976
1038
  this.state.isOpen || this.props.keepContentsMounted
977
1039
  ? createElement('div', {
@@ -979,28 +1041,39 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
979
1041
  className: getWrapperClasses(),
980
1042
  }, children)
981
1043
  : null));
1044
+ // Top-level overlays portal into `portalTarget` with a marker
1045
+ // `<template>` at the JSX location to recover the immediate JSX
1046
+ // parent after CoreDelegate teleports. Nested overlays and SSR
1047
+ // fall back to a `<template>` wrapper.
1048
+ if (!isNested && this.portalTarget) {
1049
+ return createElement(React.Fragment, null, createElement('template', { ref: this.markerRef }), createPortal(overlayElement, this.portalTarget));
1050
+ }
1051
+ return createElement('template', {}, overlayElement);
982
1052
  }
983
1053
  static get displayName() {
984
1054
  return displayName;
985
1055
  }
986
1056
  };
987
- return createForwardRef(ReactComponent, displayName);
1057
+ // Forward the nesting context as a prop to avoid contextType on the class.
1058
+ const ReactComponentWithNesting = (props) => createElement(NestedOverlayContext.Consumer, null, (isNested) => createElement(ReactComponent, { ...props, isNested }));
1059
+ ReactComponentWithNesting.displayName = displayName;
1060
+ return createForwardRef(ReactComponentWithNesting, displayName);
988
1061
  };
989
1062
  const DELEGATE_HOST = 'ion-delegate-host';
990
1063
 
991
- const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$18);
1064
+ const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$1a);
992
1065
 
993
- const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$19);
1066
+ const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$1b);
994
1067
 
995
- const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$1a);
1068
+ const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$1c);
996
1069
 
997
- const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$1b);
1070
+ const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$1d);
998
1071
 
999
- const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$1c);
1072
+ const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$1e);
1000
1073
 
1001
- const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$1d, true);
1074
+ const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$1f, true);
1002
1075
 
1003
- const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1e);
1076
+ const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$1g);
1004
1077
 
1005
1078
  const IonContext = React.createContext({
1006
1079
  addOverlay: () => {
@@ -1092,14 +1165,14 @@ const IonOverlayManager = ({ onAddOverlay, onRemoveOverlay }) => {
1092
1165
  }) }));
1093
1166
  };
1094
1167
 
1095
- const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1f);
1096
- const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1g);
1097
- const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1h);
1098
- const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1i);
1099
- const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1j);
1100
- const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1k);
1168
+ const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1h);
1169
+ const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1i);
1170
+ const IonTabsInner = /*@__PURE__*/ createReactComponent('ion-tabs', undefined, undefined, defineCustomElement$1j);
1171
+ const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1k);
1172
+ const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1l);
1173
+ const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1m);
1101
1174
  // ionicons
1102
- const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1l);
1175
+ const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1n);
1103
1176
 
1104
1177
  class IonApp extends React.Component {
1105
1178
  constructor(props) {
@@ -1252,7 +1325,7 @@ const ReactDelegate = (addView, removeView) => {
1252
1325
  };
1253
1326
  };
1254
1327
 
1255
- const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1m);
1328
+ const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1o);
1256
1329
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
1257
1330
  const IonNavInternal = ({ children, forwardedRef, ...restOfProps }) => {
1258
1331
  const [views, setViews] = useState([]);
@@ -2024,7 +2097,7 @@ function useController(displayName, controller, defineCustomElement) {
2024
2097
  * @returns Returns the present and dismiss methods in an array
2025
2098
  */
2026
2099
  function useIonActionSheet() {
2027
- const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$1c);
2100
+ const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$1e);
2028
2101
  const present = useCallback((buttonsOrOptions, header) => {
2029
2102
  if (Array.isArray(buttonsOrOptions)) {
2030
2103
  return controller.present({
@@ -2044,7 +2117,7 @@ function useIonActionSheet() {
2044
2117
  * @returns Returns the present and dismiss methods in an array
2045
2118
  */
2046
2119
  function useIonAlert() {
2047
- const controller = useController('IonAlert', alertController, defineCustomElement$18);
2120
+ const controller = useController('IonAlert', alertController, defineCustomElement$1a);
2048
2121
  const present = useCallback((messageOrOptions, buttons) => {
2049
2122
  if (typeof messageOrOptions === 'string') {
2050
2123
  return controller.present({
@@ -2064,7 +2137,7 @@ function useIonAlert() {
2064
2137
  * @returns Returns the present and dismiss methods in an array
2065
2138
  */
2066
2139
  function useIonToast() {
2067
- const controller = useController('IonToast', toastController, defineCustomElement$1a);
2140
+ const controller = useController('IonToast', toastController, defineCustomElement$1c);
2068
2141
  const present = useCallback((messageOrOptions, duration) => {
2069
2142
  if (typeof messageOrOptions === 'string') {
2070
2143
  return controller.present({
@@ -2150,7 +2223,7 @@ function useOverlay(displayName, controller, defineCustomElement, component, com
2150
2223
  * @returns Returns the present and dismiss methods in an array
2151
2224
  */
2152
2225
  function useIonModal(component, componentProps) {
2153
- const controller = useOverlay('IonModal', modalController, defineCustomElement$1d, component, componentProps);
2226
+ const controller = useOverlay('IonModal', modalController, defineCustomElement$1f, component, componentProps);
2154
2227
  const present = useCallback((options = {}) => {
2155
2228
  controller.present(options);
2156
2229
  }, [controller.present]);
@@ -2165,7 +2238,7 @@ function useIonModal(component, componentProps) {
2165
2238
  * @returns Returns the present and dismiss methods in an array
2166
2239
  */
2167
2240
  function useIonPopover(component, componentProps) {
2168
- const controller = useOverlay('IonPopover', popoverController, defineCustomElement$1e, component, componentProps);
2241
+ const controller = useOverlay('IonPopover', popoverController, defineCustomElement$1g, component, componentProps);
2169
2242
  const present = useCallback((options = {}) => {
2170
2243
  controller.present(options);
2171
2244
  }, [controller.present]);
@@ -2178,7 +2251,7 @@ function useIonPopover(component, componentProps) {
2178
2251
  * @deprecated Use the inline ion-picker component instead.
2179
2252
  */
2180
2253
  function useIonPicker() {
2181
- const controller = useController('IonPicker', pickerController, defineCustomElement$1b);
2254
+ const controller = useController('IonPicker', pickerController, defineCustomElement$1d);
2182
2255
  const present = useCallback((columnsOrOptions, buttons) => {
2183
2256
  if (Array.isArray(columnsOrOptions)) {
2184
2257
  return controller.present({
@@ -2198,7 +2271,7 @@ function useIonPicker() {
2198
2271
  * @returns Returns the present and dismiss methods in an array
2199
2272
  */
2200
2273
  function useIonLoading() {
2201
- const controller = useController('IonLoading', loadingController, defineCustomElement$19);
2274
+ const controller = useController('IonLoading', loadingController, defineCustomElement$1b);
2202
2275
  const present = useCallback((messageOrOptions = {}, duration, spinner) => {
2203
2276
  if (typeof messageOrOptions === 'string') {
2204
2277
  return controller.present({
@@ -2544,5 +2617,5 @@ class ViewStacks {
2544
2617
  }
2545
2618
  }
2546
2619
 
2547
- export { CreateAnimation, DefaultIonLifeCycleContext, IonAccordion, IonAccordionGroup, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonDatetimeButton, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonInputOtp, IonInputPasswordToggle, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonLifeCycleContext, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRedirect, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouterContext, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonTabsContext, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LocationHistory, NavContext, NavManager, RouteManagerContext, StackContext, ViewLifeCycleManager, ViewStacks, generateId, getConfig, getPlatforms, isPlatform, setupIonicReact, useIonActionSheet, useIonAlert, useIonLoading, useIonModal, useIonPicker, useIonPopover, useIonRouter, useIonToast, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
2620
+ 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, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonInputOtp, IonInputPasswordToggle, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonLifeCycleContext, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRedirect, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouterContext, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonTabsContext, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LocationHistory, NavContext, NavManager, RouteManagerContext, StackContext, ViewLifeCycleManager, ViewStacks, generateId, getConfig, getPlatforms, isPlatform, setupIonicReact, useIonActionSheet, useIonAlert, useIonLoading, useIonModal, useIonPicker, useIonPopover, useIonRouter, useIonToast, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
2548
2621
  //# sourceMappingURL=index.js.map