@ionic/vue 7.7.4 → 8.0.0-beta.1

package/dist/index.js

@@ -41,49 +41,52 @@ import { defineCustomElement as defineCustomElement$C } from '@ionic/core/compon
 import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-menu.js';
 import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-menu-button.js';
 import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-menu-toggle.js';
-import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-nav.js';
+import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-nav.js';
 import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-nav-link.js';
 import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-note.js';
-import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-progress-bar.js';
-import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-radio.js';
-import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-radio-group.js';
-import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-range.js';
-import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-refresher.js';
-import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-refresher-content.js';
-import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-reorder.js';
-import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-reorder-group.js';
-import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-ripple-effect.js';
-import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-row.js';
-import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-searchbar.js';
-import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-segment.js';
-import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-segment-button.js';
-import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-select.js';
-import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-select-option.js';
-import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-skeleton-text.js';
-import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-spinner.js';
-import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-split-pane.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$I } from '@ionic/core/components/ion-picker.js';
+import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-picker-column.js';
+import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-picker-column-option.js';
+import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-progress-bar.js';
+import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-radio.js';
+import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-radio-group.js';
+import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-range.js';
+import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-refresher.js';
+import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-refresher-content.js';
+import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-reorder.js';
+import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-reorder-group.js';
+import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-ripple-effect.js';
+import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-row.js';
+import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-searchbar.js';
+import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-segment.js';
+import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-select-option.js';
+import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-skeleton-text.js';
+import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-spinner.js';
+import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-split-pane.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 { LIFECYCLE_WILL_ENTER, LIFECYCLE_DID_ENTER, LIFECYCLE_WILL_LEAVE, LIFECYCLE_DID_LEAVE, initialize, modalController as modalController$1, popoverController as popoverController$1, alertController as alertController$1, actionSheetController as actionSheetController$1, loadingController as loadingController$1, pickerController as pickerController$1, toastController as toastController$1 } from '@ionic/core/components';
 export { IonicSafeString, IonicSlides, createAnimation, createGesture, getIonPageElement, getPlatforms, getTimeGivenProgression, iosTransitionAnimation, isPlatform, mdTransitionAnimation, menuController, openURL } from '@ionic/core/components';
-import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-back-button.js';
-import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-router-outlet.js';
+import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-back-button.js';
+import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-router-outlet.js';
 import { routeLocationKey, useRoute, matchedRouteKey } from 'vue-router';
-import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-tab-button.js';
-import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-tab-bar.js';
-import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-app.js';
-import { defineCustomElement as defineCustomElement$1a } from 'ionicons/components/ion-icon.js';
-import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-action-sheet.js';
-import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-alert.js';
-import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-loading.js';
-import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-picker.js';
-import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-toast.js';
-import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-modal.js';
-import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-popover.js';
+import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-tab-button.js';
+import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-tab-bar.js';
+import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-app.js';
+import { defineCustomElement as defineCustomElement$1d } from 'ionicons/components/ion-icon.js';
+import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-action-sheet.js';
+import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-alert.js';
+import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-loading.js';
+import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-picker-legacy.js';
+import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-toast.js';
+import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-modal.js';
+import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-popover.js';
 
 // @ts-nocheck
 // It's easier and safer for Volar to disable typechecking and let the return type inference do its job.
@@ -359,11 +362,9 @@ const IonCheckbox = /*@__PURE__*/ defineContainer('ion-checkbox', defineCustomEl
     'labelPlacement',
     'justify',
     'alignment',
-    'legacy',
     'ionChange',
     'ionFocus',
-    'ionBlur',
-    'ionStyle'
+    'ionBlur'
 ], 'checked', 'ion-change');
 const IonChip = /*@__PURE__*/ defineContainer('ion-chip', defineCustomElement$f, [
     'color',
@@ -508,7 +509,6 @@ const IonInfiniteScrollContent = /*@__PURE__*/ defineContainer('ion-infinite-scr
 ]);
 const IonInput = /*@__PURE__*/ defineContainer('ion-input', defineCustomElement$t, [
     'color',
-    'accept',
     'autocapitalize',
     'autocomplete',
     'autocorrect',
@@ -526,7 +526,6 @@ const IonInput = /*@__PURE__*/ defineContainer('ion-input', defineCustomElement$
     'helperText',
     'label',
     'labelPlacement',
-    'legacy',
     'max',
     'maxlength',
     'min',
@@ -540,7 +539,6 @@ const IonInput = /*@__PURE__*/ defineContainer('ion-input', defineCustomElement$
     'shape',
     'spellcheck',
     'step',
-    'size',
     'type',
     'value',
     'ionInput',
@@ -639,27 +637,40 @@ const IonNavLink = /*@__PURE__*/ defineContainer('ion-nav-link', defineCustomEle
 const IonNote = /*@__PURE__*/ defineContainer('ion-note', defineCustomElement$H, [
     'color'
 ]);
-const IonProgressBar = /*@__PURE__*/ defineContainer('ion-progress-bar', defineCustomElement$I, [
+const IonPicker = /*@__PURE__*/ defineContainer('ion-picker', defineCustomElement$I, [
+    'ionInputModeChange'
+]);
+const IonPickerColumn = /*@__PURE__*/ defineContainer('ion-picker-column', defineCustomElement$J, [
+    'disabled',
+    'value',
+    'color',
+    'numericInput',
+    'ionChange'
+]);
+const IonPickerColumnOption = /*@__PURE__*/ defineContainer('ion-picker-column-option', defineCustomElement$K, [
+    'disabled',
+    'value',
+    'color'
+]);
+const IonProgressBar = /*@__PURE__*/ defineContainer('ion-progress-bar', defineCustomElement$L, [
     'type',
     'reversed',
     'value',
     'buffer',
     'color'
 ]);
-const IonRadio = /*@__PURE__*/ defineContainer('ion-radio', defineCustomElement$J, [
+const IonRadio = /*@__PURE__*/ defineContainer('ion-radio', defineCustomElement$M, [
     'color',
     'name',
     'disabled',
     'value',
     'labelPlacement',
-    'legacy',
     'justify',
     'alignment',
-    'ionStyle',
     'ionFocus',
     'ionBlur'
 ], 'value', 'ion-change');
-const IonRadioGroup = /*@__PURE__*/ defineContainer('ion-radio-group', defineCustomElement$K, [
+const IonRadioGroup = /*@__PURE__*/ defineContainer('ion-radio-group', defineCustomElement$N, [
     'allowEmptySelection',
     'compareWith',
     'name',
@@ -667,7 +678,7 @@ const IonRadioGroup = /*@__PURE__*/ defineContainer('ion-radio-group', defineCus
     'ionChange',
     'ionValueChange'
 ], 'value', 'ion-change');
-const IonRange = /*@__PURE__*/ defineContainer('ion-range', defineCustomElement$L, [
+const IonRange = /*@__PURE__*/ defineContainer('ion-range', defineCustomElement$O, [
     'color',
     'debounce',
     'name',
@@ -684,16 +695,14 @@ const IonRange = /*@__PURE__*/ defineContainer('ion-range', defineCustomElement$
     'disabled',
     'value',
     'labelPlacement',
-    'legacy',
     'ionChange',
     'ionInput',
-    'ionStyle',
     'ionFocus',
     'ionBlur',
     'ionKnobMoveStart',
     'ionKnobMoveEnd'
 ], 'value', 'ion-input');
-const IonRefresher = /*@__PURE__*/ defineContainer('ion-refresher', defineCustomElement$M, [
+const IonRefresher = /*@__PURE__*/ defineContainer('ion-refresher', defineCustomElement$P, [
     'pullMin',
     'pullMax',
     'closeDuration',
@@ -704,22 +713,22 @@ const IonRefresher = /*@__PURE__*/ defineContainer('ion-refresher', defineCustom
     'ionPull',
     'ionStart'
 ]);
-const IonRefresherContent = /*@__PURE__*/ defineContainer('ion-refresher-content', defineCustomElement$N, [
+const IonRefresherContent = /*@__PURE__*/ defineContainer('ion-refresher-content', defineCustomElement$Q, [
     'pullingIcon',
     'pullingText',
     'refreshingSpinner',
     'refreshingText'
 ]);
-const IonReorder = /*@__PURE__*/ defineContainer('ion-reorder', defineCustomElement$O);
-const IonReorderGroup = /*@__PURE__*/ defineContainer('ion-reorder-group', defineCustomElement$P, [
+const IonReorder = /*@__PURE__*/ defineContainer('ion-reorder', defineCustomElement$R);
+const IonReorderGroup = /*@__PURE__*/ defineContainer('ion-reorder-group', defineCustomElement$S, [
     'disabled',
     'ionItemReorder'
 ]);
-const IonRippleEffect = /*@__PURE__*/ defineContainer('ion-ripple-effect', defineCustomElement$Q, [
+const IonRippleEffect = /*@__PURE__*/ defineContainer('ion-ripple-effect', defineCustomElement$T, [
     'type'
 ]);
-const IonRow = /*@__PURE__*/ defineContainer('ion-row', defineCustomElement$R);
-const IonSearchbar = /*@__PURE__*/ defineContainer('ion-searchbar', defineCustomElement$S, [
+const IonRow = /*@__PURE__*/ defineContainer('ion-row', defineCustomElement$U);
+const IonSearchbar = /*@__PURE__*/ defineContainer('ion-searchbar', defineCustomElement$V, [
     'color',
     'animated',
     'autocomplete',
@@ -747,7 +756,7 @@ const IonSearchbar = /*@__PURE__*/ defineContainer('ion-searchbar', defineCustom
     'ionFocus',
     'ionStyle'
 ], 'value', 'ion-input');
-const IonSegment = /*@__PURE__*/ defineContainer('ion-segment', defineCustomElement$T, [
+const IonSegment = /*@__PURE__*/ defineContainer('ion-segment', defineCustomElement$W, [
     'color',
     'disabled',
     'scrollable',
@@ -758,13 +767,13 @@ const IonSegment = /*@__PURE__*/ defineContainer('ion-segment', defineCustomElem
     'ionSelect',
     'ionStyle'
 ], 'value', 'ion-change');
-const IonSegmentButton = /*@__PURE__*/ defineContainer('ion-segment-button', defineCustomElement$U, [
+const IonSegmentButton = /*@__PURE__*/ defineContainer('ion-segment-button', defineCustomElement$X, [
     'disabled',
     'layout',
     'type',
     'value'
 ], 'value', 'ion-change');
-const IonSelect = /*@__PURE__*/ defineContainer('ion-select', defineCustomElement$V, [
+const IonSelect = /*@__PURE__*/ defineContainer('ion-select', defineCustomElement$Y, [
     'cancelText',
     'color',
     'compareWith',
@@ -775,7 +784,6 @@ const IonSelect = /*@__PURE__*/ defineContainer('ion-select', defineCustomElemen
     'justify',
     'label',
     'labelPlacement',
-    'legacy',
     'multiple',
     'name',
     'okText',
@@ -792,30 +800,30 @@ const IonSelect = /*@__PURE__*/ defineContainer('ion-select', defineCustomElemen
     'ionBlur',
     'ionStyle'
 ], 'value', 'ion-change');
-const IonSelectOption = /*@__PURE__*/ defineContainer('ion-select-option', defineCustomElement$W, [
+const IonSelectOption = /*@__PURE__*/ defineContainer('ion-select-option', defineCustomElement$Z, [
     'disabled',
     'value'
 ]);
-const IonSkeletonText = /*@__PURE__*/ defineContainer('ion-skeleton-text', defineCustomElement$X, [
+const IonSkeletonText = /*@__PURE__*/ defineContainer('ion-skeleton-text', defineCustomElement$_, [
     'animated',
     'ionStyle'
 ]);
-const IonSpinner = /*@__PURE__*/ defineContainer('ion-spinner', defineCustomElement$Y, [
+const IonSpinner = /*@__PURE__*/ defineContainer('ion-spinner', defineCustomElement$$, [
     'color',
     'duration',
     'name',
     'paused'
 ]);
-const IonSplitPane = /*@__PURE__*/ defineContainer('ion-split-pane', defineCustomElement$Z, [
+const IonSplitPane = /*@__PURE__*/ defineContainer('ion-split-pane', defineCustomElement$10, [
     'contentId',
     'disabled',
     'when',
     'ionSplitPaneVisible'
 ]);
-const IonText = /*@__PURE__*/ defineContainer('ion-text', defineCustomElement$_, [
+const IonText = /*@__PURE__*/ defineContainer('ion-text', defineCustomElement$11, [
     'color'
 ]);
-const IonTextarea = /*@__PURE__*/ defineContainer('ion-textarea', defineCustomElement$$, [
+const IonTextarea = /*@__PURE__*/ defineContainer('ion-textarea', defineCustomElement$12, [
     'color',
     'autocapitalize',
     'autofocus',
@@ -843,7 +851,6 @@ const IonTextarea = /*@__PURE__*/ defineContainer('ion-textarea', defineCustomEl
     'helperText',
     'label',
     'labelPlacement',
-    'legacy',
     'shape',
     'ionChange',
     'ionInput',
@@ -851,13 +858,13 @@ const IonTextarea = /*@__PURE__*/ defineContainer('ion-textarea', defineCustomEl
     'ionBlur',
     'ionFocus'
 ], 'value', 'ion-input');
-const IonThumbnail = /*@__PURE__*/ defineContainer('ion-thumbnail', defineCustomElement$10);
-const IonTitle = /*@__PURE__*/ defineContainer('ion-title', defineCustomElement$11, [
+const IonThumbnail = /*@__PURE__*/ defineContainer('ion-thumbnail', defineCustomElement$13);
+const IonTitle = /*@__PURE__*/ defineContainer('ion-title', defineCustomElement$14, [
     'color',
     'size',
     'ionStyle'
 ]);
-const IonToggle = /*@__PURE__*/ defineContainer('ion-toggle', defineCustomElement$12, [
+const IonToggle = /*@__PURE__*/ defineContainer('ion-toggle', defineCustomElement$15, [
     'color',
     'name',
     'checked',
@@ -865,15 +872,13 @@ const IonToggle = /*@__PURE__*/ defineContainer('ion-toggle', defineCustomElemen
     'value',
     'enableOnOffLabels',
     'labelPlacement',
-    'legacy',
     'justify',
     'alignment',
     'ionChange',
     'ionFocus',
-    'ionBlur',
-    'ionStyle'
+    'ionBlur'
 ], 'checked', 'ion-change');
-const IonToolbar = /*@__PURE__*/ defineContainer('ion-toolbar', defineCustomElement$13, [
+const IonToolbar = /*@__PURE__*/ defineContainer('ion-toolbar', defineCustomElement$16, [
     'color'
 ]);
 
@@ -1051,7 +1056,7 @@ const IonicVue = {
 };
 
 const IonBackButton = /*@__PURE__*/ defineComponent((_, { attrs, slots }) => {
-    defineCustomElement$14();
+    defineCustomElement$17();
     // TODO(FW-2969): type
     const ionRouter = inject("navManager");
     const onClick = () => {
@@ -1097,7 +1102,7 @@ const viewDepthKey = Symbol(0);
 const IonRouterOutlet = /*@__PURE__*/ defineComponent({
     name: "IonRouterOutlet",
     setup() {
-        defineCustomElement$15();
+        defineCustomElement$18();
         const injectedRoute = inject(routeLocationKey);
         const route = useRoute();
         const depth = inject(viewDepthKey, 0);
@@ -1533,7 +1538,7 @@ const IonTabButton = /*@__PURE__*/ defineComponent({
         target: String,
     },
     setup(props, { slots }) {
-        defineCustomElement$16();
+        defineCustomElement$19();
         // TODO(FW-2969): type
         const ionRouter = inject("navManager");
         const onClick = (ev) => {
@@ -1816,7 +1821,7 @@ const IonTabBar = defineComponent({
         ionRouter.registerHistoryChangeListener(() => this.checkActiveTab(ionRouter));
     },
     setup(_, { slots }) {
-        defineCustomElement$17();
+        defineCustomElement$1a();
         return () => {
             return h("ion-tab-bar", { ref: "ionTabBar" }, slots.default && slots.default());
         };
@@ -1825,7 +1830,7 @@ const IonTabBar = defineComponent({
 
 const userComponents = shallowRef([]);
 const IonApp = /*@__PURE__*/ defineComponent((_, { attrs, slots }) => {
-    defineCustomElement$18();
+    defineCustomElement$1b();
     return () => {
         return h("ion-app", Object.assign({}, attrs), [slots.default && slots.default(), ...userComponents.value]);
     };
@@ -1877,7 +1882,7 @@ const VueDelegate = (addFn = addTeleportedUserComponent, removeFn = removeTelepo
 };
 
 const IonNav = /*@__PURE__*/ defineComponent((props) => {
-    defineCustomElement$19();
+    defineCustomElement$1c();
     const views = shallowRef([]);
     /**
      * Allows us to create the component
@@ -1937,7 +1942,7 @@ const IonIcon = /*@__PURE__*/ defineComponent({
         src: String,
     },
     setup(props, { slots }) {
-        defineCustomElement$1a();
+        defineCustomElement$1d();
         return () => {
             var _a, _b;
             const { icon, ios, md, mode } = props;
@@ -2126,13 +2131,13 @@ const defineOverlayContainer = (name, defineCustomElement, componentProps = [],
  * This is an autogenerated file created by 'scripts/copy-overlays.js'.
  * Changes made to this file will be overwritten on build.
  */
-const IonActionSheet = /*@__PURE__*/ defineOverlayContainer('ion-action-sheet', defineCustomElement$1b, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'subHeader', 'translucent', 'trigger']);
-const IonAlert = /*@__PURE__*/ defineOverlayContainer('ion-alert', defineCustomElement$1c, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'inputs', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'subHeader', 'translucent', 'trigger']);
-const IonLoading = /*@__PURE__*/ defineOverlayContainer('ion-loading', defineCustomElement$1d, ['animated', 'backdropDismiss', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'showBackdrop', 'spinner', 'translucent', 'trigger']);
-const IonPicker = /*@__PURE__*/ defineOverlayContainer('ion-picker', defineCustomElement$1e, ['animated', 'backdropDismiss', 'buttons', 'columns', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'showBackdrop', 'trigger']);
-const IonToast = /*@__PURE__*/ defineOverlayContainer('ion-toast', defineCustomElement$1f, ['animated', 'buttons', 'color', 'cssClass', 'duration', 'enterAnimation', 'header', 'htmlAttributes', 'icon', 'isOpen', 'keyboardClose', 'layout', 'leaveAnimation', 'message', 'mode', 'position', 'positionAnchor', 'swipeGesture', 'translucent', 'trigger']);
-const IonModal = /*@__PURE__*/ defineOverlayContainer('ion-modal', defineCustomElement$1g, ['animated', 'backdropBreakpoint', 'backdropDismiss', 'breakpoints', 'canDismiss', 'enterAnimation', 'handle', 'handleBehavior', 'htmlAttributes', 'initialBreakpoint', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'presentingElement', 'showBackdrop', 'trigger'], true);
-const IonPopover = /*@__PURE__*/ defineOverlayContainer('ion-popover', defineCustomElement$1h, ['alignment', 'animated', 'arrow', 'backdropDismiss', 'component', 'componentProps', 'dismissOnSelect', 'enterAnimation', 'event', 'htmlAttributes', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'reference', 'showBackdrop', 'side', 'size', 'translucent', 'trigger', 'triggerAction']);
+const IonActionSheet = /*@__PURE__*/ defineOverlayContainer('ion-action-sheet', defineCustomElement$1e, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'subHeader', 'translucent', 'trigger']);
+const IonAlert = /*@__PURE__*/ defineOverlayContainer('ion-alert', defineCustomElement$1f, ['animated', 'backdropDismiss', 'buttons', 'cssClass', 'enterAnimation', 'header', 'htmlAttributes', 'inputs', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'subHeader', 'translucent', 'trigger']);
+const IonLoading = /*@__PURE__*/ defineOverlayContainer('ion-loading', defineCustomElement$1g, ['animated', 'backdropDismiss', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'showBackdrop', 'spinner', 'translucent', 'trigger']);
+const IonPickerLegacy = /*@__PURE__*/ defineOverlayContainer('ion-picker-legacy', defineCustomElement$1h, ['animated', 'backdropDismiss', 'buttons', 'columns', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'showBackdrop', 'trigger']);
+const IonToast = /*@__PURE__*/ defineOverlayContainer('ion-toast', defineCustomElement$1i, ['animated', 'buttons', 'color', 'cssClass', 'duration', 'enterAnimation', 'header', 'htmlAttributes', 'icon', 'isOpen', 'keyboardClose', 'layout', 'leaveAnimation', 'message', 'mode', 'position', 'positionAnchor', 'swipeGesture', 'translucent', 'trigger']);
+const IonModal = /*@__PURE__*/ defineOverlayContainer('ion-modal', defineCustomElement$1j, ['animated', 'backdropBreakpoint', 'backdropDismiss', 'breakpoints', 'canDismiss', 'enterAnimation', 'handle', 'handleBehavior', 'htmlAttributes', 'initialBreakpoint', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'presentingElement', 'showBackdrop', 'trigger'], true);
+const IonPopover = /*@__PURE__*/ defineOverlayContainer('ion-popover', defineCustomElement$1k, ['alignment', 'animated', 'arrow', 'backdropDismiss', 'component', 'componentProps', 'dismissOnSelect', 'enterAnimation', 'event', 'htmlAttributes', 'isOpen', 'keepContentsMounted', 'keyboardClose', 'leaveAnimation', 'mode', 'reference', 'showBackdrop', 'side', 'size', 'translucent', 'trigger', 'triggerAction']);
 
 // TODO(FW-2969): types
 /**
@@ -2149,13 +2154,16 @@ const createController = (defineCustomElement, oldController, useDelegate = fals
     };
     return oldController;
 };
-const modalController = /*@__PURE__*/ createController(defineCustomElement$1g, modalController$1, true);
-const popoverController = /*@__PURE__*/ createController(defineCustomElement$1h, popoverController$1, true);
-const alertController = /*@__PURE__*/ createController(defineCustomElement$1c, alertController$1);
-const actionSheetController = /*@__PURE__*/ createController(defineCustomElement$1b, actionSheetController$1);
-const loadingController = /*@__PURE__*/ createController(defineCustomElement$1d, loadingController$1);
-const pickerController = /*@__PURE__*/ createController(defineCustomElement$1e, pickerController$1);
-const toastController = /*@__PURE__*/ createController(defineCustomElement$1f, toastController$1);
+const modalController = /*@__PURE__*/ createController(defineCustomElement$1j, modalController$1, true);
+const popoverController = /*@__PURE__*/ createController(defineCustomElement$1k, popoverController$1, true);
+const alertController = /*@__PURE__*/ createController(defineCustomElement$1f, alertController$1);
+const actionSheetController = /*@__PURE__*/ createController(defineCustomElement$1e, actionSheetController$1);
+const loadingController = /*@__PURE__*/ createController(defineCustomElement$1g, loadingController$1);
+/**
+ * @deprecated Use the inline ion-picker component instead.
+ */
+const pickerController = /*@__PURE__*/ createController(defineCustomElement$1h, pickerController$1);
+const toastController = /*@__PURE__*/ createController(defineCustomElement$1i, toastController$1);
 
-export { 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, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, IonicVue, actionSheetController, alertController, loadingController, modalController, onIonViewDidEnter, onIonViewDidLeave, onIonViewWillEnter, onIonViewWillLeave, pickerController, popoverController, toastController, useBackButton, useIonRouter, useKeyboard };
+export { 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, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, IonicVue, actionSheetController, alertController, loadingController, modalController, onIonViewDidEnter, onIonViewDidLeave, onIonViewWillEnter, onIonViewWillLeave, pickerController, popoverController, toastController, useBackButton, useIonRouter, useKeyboard };
 //# sourceMappingURL=index.js.map