@ionic/react 7.6.7-dev.11706551083.17301493 → 7.6.7-dev.11706551842.118ce6e0

package/css/themes/dark.system.css

@@ -0,0 +1,124 @@
+@media (prefers-color-scheme: dark) {
+  :root {
+    --ion-color-primary: #4d8dff;
+    --ion-color-primary-rgb: 77, 141, 255;
+    --ion-color-primary-contrast: #000000;
+    --ion-color-primary-contrast-rgb: 0, 0, 0;
+    --ion-color-primary-shade: #447ce0;
+    --ion-color-primary-tint: #5f98ff;
+    --ion-color-secondary: #62bdff;
+    --ion-color-secondary-rgb: 98, 189, 255;
+    --ion-color-secondary-contrast: #000000;
+    --ion-color-secondary-contrast-rgb: 0, 0, 0;
+    --ion-color-secondary-shade: #56a6e0;
+    --ion-color-secondary-tint: #72c4ff;
+    --ion-color-tertiary: #8482fb;
+    --ion-color-tertiary-rgb: 132, 130, 251;
+    --ion-color-tertiary-contrast: #000000;
+    --ion-color-tertiary-contrast-rgb: 0, 0, 0;
+    --ion-color-tertiary-shade: #7472dd;
+    --ion-color-tertiary-tint: #908ffb;
+    --ion-color-success: #2dd55b;
+    --ion-color-success-rgb: 45, 213, 91;
+    --ion-color-success-contrast: #000000;
+    --ion-color-success-contrast-rgb: 0, 0, 0;
+    --ion-color-success-shade: #28bb50;
+    --ion-color-success-tint: #42d96b;
+    --ion-color-warning: #ffce31;
+    --ion-color-warning-rgb: 255, 206, 49;
+    --ion-color-warning-contrast: #000000;
+    --ion-color-warning-contrast-rgb: 0, 0, 0;
+    --ion-color-warning-shade: #e0b52b;
+    --ion-color-warning-tint: #ffd346;
+    --ion-color-danger: #f56570;
+    --ion-color-danger-rgb: 245, 101, 112;
+    --ion-color-danger-contrast: #000000;
+    --ion-color-danger-contrast-rgb: 0, 0, 0;
+    --ion-color-danger-shade: #d85963;
+    --ion-color-danger-tint: #f6747e;
+    --ion-color-dark: #f3f3f3;
+    --ion-color-dark-rgb: 243, 243, 243;
+    --ion-color-dark-contrast: #000000;
+    --ion-color-dark-contrast-rgb: 0, 0, 0;
+    --ion-color-dark-shade: #d6d6d6;
+    --ion-color-dark-tint: #f4f4f4;
+    --ion-color-medium: #959595;
+    --ion-color-medium-rgb: 149, 149, 149;
+    --ion-color-medium-contrast: #000000;
+    --ion-color-medium-contrast-rgb: 0, 0, 0;
+    --ion-color-medium-shade: #838383;
+    --ion-color-medium-tint: #a0a0a0;
+    --ion-color-light: #2f2f2f;
+    --ion-color-light-rgb: 47, 47, 47;
+    --ion-color-light-contrast: #ffffff;
+    --ion-color-light-contrast-rgb: 255, 255, 255;
+    --ion-color-light-shade: #292929;
+    --ion-color-light-tint: #444444;
+  }
+
+  :root.ios {
+    --ion-background-color: #000000;
+    --ion-background-color-rgb: 0, 0, 0;
+    --ion-text-color: #ffffff;
+    --ion-text-color-rgb: 255, 255, 255;
+    --ion-color-step-50: #0d0d0d;
+    --ion-color-step-100: #1a1a1a;
+    --ion-color-step-150: #262626;
+    --ion-color-step-200: #333333;
+    --ion-color-step-250: #404040;
+    --ion-color-step-300: #4d4d4d;
+    --ion-color-step-350: #595959;
+    --ion-color-step-400: #666666;
+    --ion-color-step-450: #737373;
+    --ion-color-step-500: #808080;
+    --ion-color-step-550: #8c8c8c;
+    --ion-color-step-600: #999999;
+    --ion-color-step-650: #a6a6a6;
+    --ion-color-step-700: #b3b3b3;
+    --ion-color-step-750: #bfbfbf;
+    --ion-color-step-800: #cccccc;
+    --ion-color-step-850: #d9d9d9;
+    --ion-color-step-900: #e6e6e6;
+    --ion-color-step-950: #f2f2f2;
+    --ion-item-background: #000000;
+    --ion-card-background: #1c1c1d;
+  }
+  :root.ios ion-modal {
+    --ion-background-color: var(--ion-color-step-100);
+    --ion-toolbar-background: var(--ion-color-step-150);
+    --ion-toolbar-border-color: var(--ion-color-step-250);
+  }
+
+  :root.md {
+    --ion-background-color: #121212;
+    --ion-background-color-rgb: 18, 18, 18;
+    --ion-text-color: #ffffff;
+    --ion-text-color-rgb: 255, 255, 255;
+    --ion-border-color: #222222;
+    --ion-color-step-50: #1e1e1e;
+    --ion-color-step-100: #2a2a2a;
+    --ion-color-step-150: #363636;
+    --ion-color-step-200: #414141;
+    --ion-color-step-250: #4d4d4d;
+    --ion-color-step-300: #595959;
+    --ion-color-step-350: #656565;
+    --ion-color-step-400: #717171;
+    --ion-color-step-450: #7d7d7d;
+    --ion-color-step-500: #898989;
+    --ion-color-step-550: #949494;
+    --ion-color-step-600: #a0a0a0;
+    --ion-color-step-650: #acacac;
+    --ion-color-step-700: #b8b8b8;
+    --ion-color-step-750: #c4c4c4;
+    --ion-color-step-800: #d0d0d0;
+    --ion-color-step-850: #dbdbdb;
+    --ion-color-step-900: #e7e7e7;
+    --ion-color-step-950: #f3f3f3;
+    --ion-item-background: #1e1e1e;
+    --ion-toolbar-background: #1f1f1f;
+    --ion-tab-bar-background: #1f1f1f;
+    --ion-card-background: #1e1e1e;
+  }
+}
+
+/*# sourceMappingURL=dark.system.css.map */

package/css/themes/dark.system.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.system.scss","../../src/css/themes/dark.scss"],"names":[],"mappings":"AAEA;ECDE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAKF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;;EAKF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA","file":"dark.system.css","sourcesContent":["@import \"./dark\";\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    @include dark-base-theme();\n  }\n\n  :root.ios {\n    @include dark-ios-theme();\n  }\n\n  :root.md {\n    @include dark-md-theme();\n  }\n}\n","@mixin dark-base-theme() {\n  & {\n    --ion-color-primary: #4d8dff;\n    --ion-color-primary-rgb: 77, 141, 255;\n    --ion-color-primary-contrast: #000000;\n    --ion-color-primary-contrast-rgb: 0, 0, 0;\n    --ion-color-primary-shade: #447ce0;\n    --ion-color-primary-tint: #5f98ff;\n    --ion-color-secondary: #62bdff;\n    --ion-color-secondary-rgb: 98, 189, 255;\n    --ion-color-secondary-contrast: #000000;\n    --ion-color-secondary-contrast-rgb: 0, 0, 0;\n    --ion-color-secondary-shade: #56a6e0;\n    --ion-color-secondary-tint: #72c4ff;\n    --ion-color-tertiary: #8482fb;\n    --ion-color-tertiary-rgb: 132, 130, 251;\n    --ion-color-tertiary-contrast: #000000;\n    --ion-color-tertiary-contrast-rgb: 0, 0, 0;\n    --ion-color-tertiary-shade: #7472dd;\n    --ion-color-tertiary-tint: #908ffb;\n    --ion-color-success: #2dd55b;\n    --ion-color-success-rgb: 45, 213, 91;\n    --ion-color-success-contrast: #000000;\n    --ion-color-success-contrast-rgb: 0, 0, 0;\n    --ion-color-success-shade: #28bb50;\n    --ion-color-success-tint: #42d96b;\n    --ion-color-warning: #ffce31;\n    --ion-color-warning-rgb: 255, 206, 49;\n    --ion-color-warning-contrast: #000000;\n    --ion-color-warning-contrast-rgb: 0, 0, 0;\n    --ion-color-warning-shade: #e0b52b;\n    --ion-color-warning-tint: #ffd346;\n    --ion-color-danger: #f56570;\n    --ion-color-danger-rgb: 245, 101, 112;\n    --ion-color-danger-contrast: #000000;\n    --ion-color-danger-contrast-rgb: 0, 0, 0;\n    --ion-color-danger-shade: #d85963;\n    --ion-color-danger-tint: #f6747e;\n    --ion-color-dark: #f3f3f3;\n    --ion-color-dark-rgb: 243, 243, 243;\n    --ion-color-dark-contrast: #000000;\n    --ion-color-dark-contrast-rgb: 0, 0, 0;\n    --ion-color-dark-shade: #d6d6d6;\n    --ion-color-dark-tint: #f4f4f4;\n    --ion-color-medium: #959595;\n    --ion-color-medium-rgb: 149, 149, 149;\n    --ion-color-medium-contrast: #000000;\n    --ion-color-medium-contrast-rgb: 0, 0, 0;\n    --ion-color-medium-shade: #838383;\n    --ion-color-medium-tint: #a0a0a0;\n    --ion-color-light: #2f2f2f;\n    --ion-color-light-rgb: 47, 47, 47;\n    --ion-color-light-contrast: #ffffff;\n    --ion-color-light-contrast-rgb: 255, 255, 255;\n    --ion-color-light-shade: #292929;\n    --ion-color-light-tint: #444444;\n  }\n}\n\n@mixin dark-ios-theme() {\n  & {\n    --ion-background-color: #000000;\n    --ion-background-color-rgb: 0, 0, 0;\n    --ion-text-color: #ffffff;\n    --ion-text-color-rgb: 255, 255, 255;\n    --ion-color-step-50: #0d0d0d;\n    --ion-color-step-100: #1a1a1a;\n    --ion-color-step-150: #262626;\n    --ion-color-step-200: #333333;\n    --ion-color-step-250: #404040;\n    --ion-color-step-300: #4d4d4d;\n    --ion-color-step-350: #595959;\n    --ion-color-step-400: #666666;\n    --ion-color-step-450: #737373;\n    --ion-color-step-500: #808080;\n    --ion-color-step-550: #8c8c8c;\n    --ion-color-step-600: #999999;\n    --ion-color-step-650: #a6a6a6;\n    --ion-color-step-700: #b3b3b3;\n    --ion-color-step-750: #bfbfbf;\n    --ion-color-step-800: #cccccc;\n    --ion-color-step-850: #d9d9d9;\n    --ion-color-step-900: #e6e6e6;\n    --ion-color-step-950: #f2f2f2;\n    --ion-item-background: #000000;\n    --ion-card-background: #1c1c1d;\n  }\n\n  & ion-modal {\n    --ion-background-color: var(--ion-color-step-100);\n    --ion-toolbar-background: var(--ion-color-step-150);\n    --ion-toolbar-border-color: var(--ion-color-step-250);\n  }\n}\n\n@mixin dark-md-theme() {\n  & {\n    --ion-background-color: #121212;\n    --ion-background-color-rgb: 18, 18, 18;\n    --ion-text-color: #ffffff;\n    --ion-text-color-rgb: 255, 255, 255;\n    --ion-border-color: #222222;\n    --ion-color-step-50: #1e1e1e;\n    --ion-color-step-100: #2a2a2a;\n    --ion-color-step-150: #363636;\n    --ion-color-step-200: #414141;\n    --ion-color-step-250: #4d4d4d;\n    --ion-color-step-300: #595959;\n    --ion-color-step-350: #656565;\n    --ion-color-step-400: #717171;\n    --ion-color-step-450: #7d7d7d;\n    --ion-color-step-500: #898989;\n    --ion-color-step-550: #949494;\n    --ion-color-step-600: #a0a0a0;\n    --ion-color-step-650: #acacac;\n    --ion-color-step-700: #b8b8b8;\n    --ion-color-step-750: #c4c4c4;\n    --ion-color-step-800: #d0d0d0;\n    --ion-color-step-850: #dbdbdb;\n    --ion-color-step-900: #e7e7e7;\n    --ion-color-step-950: #f3f3f3;\n    --ion-item-background: #1e1e1e;\n    --ion-toolbar-background: #1f1f1f;\n    --ion-tab-bar-background: #1f1f1f;\n    --ion-card-background: #1e1e1e;\n  }\n}\n"]}

package/css/typography.css

@@ -93,7 +93,7 @@ html {
 }
 a {
   background-color: transparent;
-  color: var(--ion-color-primary, #3880ff);
+  color: var(--ion-color-primary, #0054e9);
 }
 
 h1,

package/dist/index.js

@@ -1,6 +1,7 @@
 import React, { useContext, useRef, useEffect, createElement, useState, useMemo, Fragment, useCallback } from 'react';
 import { isPlatform as isPlatform$1, getPlatforms as getPlatforms$1, componentOnReady, createAnimation, actionSheetController, alertController, toastController, modalController, popoverController, pickerController, loadingController, initialize } from '@ionic/core/components';
 export { IonicSafeString, IonicSlides, createAnimation, createGesture, getIonPageElement, getTimeGivenProgression, iosTransitionAnimation, mdTransitionAnimation, openURL } from '@ionic/core/components';
+import { __rest } from 'tslib';
 import ReactDOM, { createPortal } from 'react-dom';
 import { defineCustomElement as defineCustomElement$1 } from '@ionic/core/components/ion-accordion.js';
 import { defineCustomElement as defineCustomElement$2 } from '@ionic/core/components/ion-accordion-group.js';
@@ -38,34 +39,37 @@ import { defineCustomElement as defineCustomElement$x } from '@ionic/core/compon
 import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-menu.js';
 import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-menu-button.js';
 import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-menu-toggle.js';
-import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-nav.js';
+import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-nav.js';
 import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-nav-link.js';
 import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-note.js';
-import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-progress-bar.js';
-import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-radio.js';
-import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-radio-group.js';
-import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-range.js';
-import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-refresher.js';
-import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-refresher-content.js';
-import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-reorder.js';
-import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-reorder-group.js';
-import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-ripple-effect.js';
-import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-row.js';
-import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-searchbar.js';
-import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-segment.js';
-import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-segment-button.js';
-import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-select.js';
-import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-select-option.js';
-import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-skeleton-text.js';
-import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-spinner.js';
-import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-split-pane.js';
-import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-tab.js';
-import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-text.js';
-import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-textarea.js';
-import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-thumbnail.js';
-import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-title.js';
-import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-toggle.js';
-import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-toolbar.js';
+import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-picker.js';
+import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-picker-column.js';
+import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-picker-column-option.js';
+import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-progress-bar.js';
+import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-radio.js';
+import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-radio-group.js';
+import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-range.js';
+import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-refresher.js';
+import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-refresher-content.js';
+import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-reorder.js';
+import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-reorder-group.js';
+import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-ripple-effect.js';
+import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-row.js';
+import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-searchbar.js';
+import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-segment.js';
+import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-select-option.js';
+import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-skeleton-text.js';
+import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-spinner.js';
+import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-split-pane.js';
+import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-tab.js';
+import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-text.js';
+import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-textarea.js';
+import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-thumbnail.js';
+import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-title.js';
+import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-toggle.js';
+import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-toolbar.js';
 import { 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';
@@ -73,19 +77,19 @@ import { IonFabButton as IonFabButton$1 } from '@ionic/core/components/ion-fab-b
 import { IonItemOption as IonItemOption$1 } from '@ionic/core/components/ion-item-option.js';
 import { IonItem as IonItem$1 } from '@ionic/core/components/ion-item.js';
 import { IonRouterLink as IonRouterLink$1 } from '@ionic/core/components/ion-router-link.js';
-import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-alert.js';
-import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-loading.js';
-import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-toast.js';
-import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-picker.js';
-import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-action-sheet.js';
-import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-modal.js';
-import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-popover.js';
-import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-app.js';
-import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-back-button.js';
-import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-router-outlet.js';
-import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-tab-bar.js';
-import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-tab-button.js';
-import { defineCustomElement as defineCustomElement$19 } from 'ionicons/components/ion-icon.js';
+import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-alert.js';
+import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-loading.js';
+import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-toast.js';
+import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-picker-legacy.js';
+import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-action-sheet.js';
+import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-modal.js';
+import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-popover.js';
+import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-app.js';
+import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-back-button.js';
+import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-router-outlet.js';
+import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-tab-bar.js';
+import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-tab-button.js';
+import { defineCustomElement as defineCustomElement$1c } from 'ionicons/components/ion-icon.js';
 
 const IonLifeCycleContext = /*@__PURE__*/ React.createContext({
     onIonViewWillEnter: () => {
@@ -404,40 +408,6 @@ const NavContext = /*@__PURE__*/ React.createContext({
     },
 });
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 const dashToPascalCase = (str) => str
     .toLowerCase()
     .split('-')
@@ -684,31 +654,34 @@ const IonMenuButton = /*@__PURE__*/ createReactComponent('ion-menu-button', unde
 const IonMenuToggle = /*@__PURE__*/ createReactComponent('ion-menu-toggle', undefined, undefined, defineCustomElement$A);
 const IonNavLink = /*@__PURE__*/ createReactComponent('ion-nav-link', undefined, undefined, defineCustomElement$B);
 const IonNote = /*@__PURE__*/ createReactComponent('ion-note', undefined, undefined, defineCustomElement$C);
-const IonProgressBar = /*@__PURE__*/ createReactComponent('ion-progress-bar', undefined, undefined, defineCustomElement$D);
-const IonRadio = /*@__PURE__*/ createReactComponent('ion-radio', undefined, undefined, defineCustomElement$E);
-const IonRadioGroup = /*@__PURE__*/ createReactComponent('ion-radio-group', undefined, undefined, defineCustomElement$F);
-const IonRange = /*@__PURE__*/ createReactComponent('ion-range', undefined, undefined, defineCustomElement$G);
-const IonRefresher = /*@__PURE__*/ createReactComponent('ion-refresher', undefined, undefined, defineCustomElement$H);
-const IonRefresherContent = /*@__PURE__*/ createReactComponent('ion-refresher-content', undefined, undefined, defineCustomElement$I);
-const IonReorder = /*@__PURE__*/ createReactComponent('ion-reorder', undefined, undefined, defineCustomElement$J);
-const IonReorderGroup = /*@__PURE__*/ createReactComponent('ion-reorder-group', undefined, undefined, defineCustomElement$K);
-const IonRippleEffect = /*@__PURE__*/ createReactComponent('ion-ripple-effect', undefined, undefined, defineCustomElement$L);
-const IonRow = /*@__PURE__*/ createReactComponent('ion-row', undefined, undefined, defineCustomElement$M);
-const IonSearchbar = /*@__PURE__*/ createReactComponent('ion-searchbar', undefined, undefined, defineCustomElement$N);
-const IonSegment = /*@__PURE__*/ createReactComponent('ion-segment', undefined, undefined, defineCustomElement$O);
-const IonSegmentButton = /*@__PURE__*/ createReactComponent('ion-segment-button', undefined, undefined, defineCustomElement$P);
-const IonSelect = /*@__PURE__*/ createReactComponent('ion-select', undefined, undefined, defineCustomElement$Q);
-const IonSelectOption = /*@__PURE__*/ createReactComponent('ion-select-option', undefined, undefined, defineCustomElement$R);
-const IonSkeletonText = /*@__PURE__*/ createReactComponent('ion-skeleton-text', undefined, undefined, defineCustomElement$S);
-const IonSpinner = /*@__PURE__*/ createReactComponent('ion-spinner', undefined, undefined, defineCustomElement$T);
-const IonSplitPane = /*@__PURE__*/ createReactComponent('ion-split-pane', undefined, undefined, defineCustomElement$U);
-const IonTab = /*@__PURE__*/ createReactComponent('ion-tab', undefined, undefined, defineCustomElement$V);
-const IonText = /*@__PURE__*/ createReactComponent('ion-text', undefined, undefined, defineCustomElement$W);
-const IonTextarea = /*@__PURE__*/ createReactComponent('ion-textarea', undefined, undefined, defineCustomElement$X);
-const IonThumbnail = /*@__PURE__*/ createReactComponent('ion-thumbnail', undefined, undefined, defineCustomElement$Y);
-const IonTitle = /*@__PURE__*/ createReactComponent('ion-title', undefined, undefined, defineCustomElement$Z);
-const IonToggle = /*@__PURE__*/ createReactComponent('ion-toggle', undefined, undefined, defineCustomElement$_);
-const IonToolbar = /*@__PURE__*/ createReactComponent('ion-toolbar', undefined, undefined, defineCustomElement$$);
+const IonPicker = /*@__PURE__*/ createReactComponent('ion-picker', undefined, undefined, defineCustomElement$D);
+const IonPickerColumn = /*@__PURE__*/ createReactComponent('ion-picker-column', undefined, undefined, defineCustomElement$E);
+const IonPickerColumnOption = /*@__PURE__*/ createReactComponent('ion-picker-column-option', undefined, undefined, defineCustomElement$F);
+const IonProgressBar = /*@__PURE__*/ createReactComponent('ion-progress-bar', undefined, undefined, defineCustomElement$G);
+const IonRadio = /*@__PURE__*/ createReactComponent('ion-radio', undefined, undefined, defineCustomElement$H);
+const IonRadioGroup = /*@__PURE__*/ createReactComponent('ion-radio-group', undefined, undefined, defineCustomElement$I);
+const IonRange = /*@__PURE__*/ createReactComponent('ion-range', undefined, undefined, defineCustomElement$J);
+const IonRefresher = /*@__PURE__*/ createReactComponent('ion-refresher', undefined, undefined, defineCustomElement$K);
+const IonRefresherContent = /*@__PURE__*/ createReactComponent('ion-refresher-content', undefined, undefined, defineCustomElement$L);
+const IonReorder = /*@__PURE__*/ createReactComponent('ion-reorder', undefined, undefined, defineCustomElement$M);
+const IonReorderGroup = /*@__PURE__*/ createReactComponent('ion-reorder-group', undefined, undefined, defineCustomElement$N);
+const IonRippleEffect = /*@__PURE__*/ createReactComponent('ion-ripple-effect', undefined, undefined, defineCustomElement$O);
+const IonRow = /*@__PURE__*/ createReactComponent('ion-row', undefined, undefined, defineCustomElement$P);
+const IonSearchbar = /*@__PURE__*/ createReactComponent('ion-searchbar', undefined, undefined, defineCustomElement$Q);
+const IonSegment = /*@__PURE__*/ createReactComponent('ion-segment', undefined, undefined, defineCustomElement$R);
+const IonSegmentButton = /*@__PURE__*/ createReactComponent('ion-segment-button', undefined, undefined, defineCustomElement$S);
+const IonSelect = /*@__PURE__*/ createReactComponent('ion-select', undefined, undefined, defineCustomElement$T);
+const IonSelectOption = /*@__PURE__*/ createReactComponent('ion-select-option', undefined, undefined, defineCustomElement$U);
+const IonSkeletonText = /*@__PURE__*/ createReactComponent('ion-skeleton-text', undefined, undefined, defineCustomElement$V);
+const IonSpinner = /*@__PURE__*/ createReactComponent('ion-spinner', undefined, undefined, defineCustomElement$W);
+const IonSplitPane = /*@__PURE__*/ createReactComponent('ion-split-pane', undefined, undefined, defineCustomElement$X);
+const IonTab = /*@__PURE__*/ createReactComponent('ion-tab', undefined, undefined, defineCustomElement$Y);
+const IonText = /*@__PURE__*/ createReactComponent('ion-text', undefined, undefined, defineCustomElement$Z);
+const IonTextarea = /*@__PURE__*/ createReactComponent('ion-textarea', undefined, undefined, defineCustomElement$_);
+const IonThumbnail = /*@__PURE__*/ createReactComponent('ion-thumbnail', undefined, undefined, defineCustomElement$$);
+const IonTitle = /*@__PURE__*/ createReactComponent('ion-title', undefined, undefined, defineCustomElement$10);
+const IonToggle = /*@__PURE__*/ createReactComponent('ion-toggle', undefined, undefined, defineCustomElement$11);
+const IonToolbar = /*@__PURE__*/ createReactComponent('ion-toolbar', undefined, undefined, defineCustomElement$12);
 
 const createForwardRef = (ReactComponent, // TODO(FW-2959): type
 displayName) => {
@@ -993,19 +966,19 @@ const createInlineOverlayComponent = (tagName, defineCustomElement, hasDelegateH
 };
 const DELEGATE_HOST = 'ion-delegate-host';
 
-const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$10);
+const IonAlert = /*@__PURE__*/ createInlineOverlayComponent('ion-alert', defineCustomElement$13);
 
-const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$11);
+const IonLoading = /*@__PURE__*/ createInlineOverlayComponent('ion-loading', defineCustomElement$14);
 
-const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$12);
+const IonToast = /*@__PURE__*/ createInlineOverlayComponent('ion-toast', defineCustomElement$15);
 
-const IonPicker = /*@__PURE__*/ createInlineOverlayComponent('ion-picker', defineCustomElement$13);
+const IonPickerLegacy = /*@__PURE__*/ createInlineOverlayComponent('ion-picker-legacy', defineCustomElement$16);
 
-const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$14);
+const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent('ion-action-sheet', defineCustomElement$17);
 
-const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$15, true);
+const IonModal = /*@__PURE__*/ createInlineOverlayComponent('ion-modal', defineCustomElement$18, true);
 
-const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$16);
+const IonPopover = /*@__PURE__*/ createInlineOverlayComponent('ion-popover', defineCustomElement$19);
 
 const IonContext = React.createContext({
     addOverlay: () => {
@@ -1097,13 +1070,13 @@ const IonOverlayManager = ({ onAddOverlay, onRemoveOverlay }) => {
     })));
 };
 
-const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1a);
-const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$17);
-const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1b);
-const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$18);
-const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1c);
+const IonTabButtonInner = /*@__PURE__*/ createReactComponent('ion-tab-button', undefined, undefined, defineCustomElement$1d);
+const IonTabBarInner = /*@__PURE__*/ createReactComponent('ion-tab-bar', undefined, undefined, defineCustomElement$1a);
+const IonBackButtonInner = /*@__PURE__*/ createReactComponent('ion-back-button', undefined, undefined, defineCustomElement$1e);
+const IonRouterOutletInner = /*@__PURE__*/ createReactComponent('ion-router-outlet', undefined, undefined, defineCustomElement$1b);
+const IonAppInner = /*@__PURE__*/ createReactComponent('ion-app', undefined, undefined, defineCustomElement$1f);
 // ionicons
-const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$19);
+const IonIconInner = /*@__PURE__*/ createReactComponent('ion-icon', undefined, undefined, defineCustomElement$1c);
 
 const IonApp = /*@__PURE__*/ (() => class extends React.Component {
     constructor(props) {
@@ -1258,7 +1231,7 @@ const ReactDelegate = (addView, removeView) => {
     };
 };
 
-const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1d);
+const IonNavInner = createReactComponent('ion-nav', undefined, undefined, defineCustomElement$1g);
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const IonNavInternal = (_a) => {
     var { children, forwardedRef } = _a, restOfProps = __rest(_a, ["children", "forwardedRef"]);
@@ -1960,7 +1933,7 @@ function useController(displayName, controller, defineCustomElement) {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonActionSheet() {
-    const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$14);
+    const controller = useController('IonActionSheet', actionSheetController, defineCustomElement$17);
     const present = useCallback((buttonsOrOptions, header) => {
         if (Array.isArray(buttonsOrOptions)) {
             return controller.present({
@@ -1980,7 +1953,7 @@ function useIonActionSheet() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonAlert() {
-    const controller = useController('IonAlert', alertController, defineCustomElement$10);
+    const controller = useController('IonAlert', alertController, defineCustomElement$13);
     const present = useCallback((messageOrOptions, buttons) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2000,7 +1973,7 @@ function useIonAlert() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonToast() {
-    const controller = useController('IonToast', toastController, defineCustomElement$12);
+    const controller = useController('IonToast', toastController, defineCustomElement$15);
     const present = useCallback((messageOrOptions, duration) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2083,7 +2056,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$15, component, componentProps);
+    const controller = useOverlay('IonModal', modalController, defineCustomElement$18, component, componentProps);
     const present = useCallback((options = {}) => {
         controller.present(options);
     }, [controller.present]);
@@ -2098,7 +2071,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$16, component, componentProps);
+    const controller = useOverlay('IonPopover', popoverController, defineCustomElement$19, component, componentProps);
     const present = useCallback((options = {}) => {
         controller.present(options);
     }, [controller.present]);
@@ -2108,9 +2081,10 @@ function useIonPopover(component, componentProps) {
 /**
  * A hook for presenting/dismissing an IonPicker component
  * @returns Returns the present and dismiss methods in an array
+ * @deprecated Use the inline ion-picker component instead.
  */
 function useIonPicker() {
-    const controller = useController('IonPicker', pickerController, defineCustomElement$13);
+    const controller = useController('IonPicker', pickerController, defineCustomElement$16);
     const present = useCallback((columnsOrOptions, buttons) => {
         if (Array.isArray(columnsOrOptions)) {
             return controller.present({
@@ -2130,7 +2104,7 @@ function useIonPicker() {
  * @returns Returns the present and dismiss methods in an array
  */
 function useIonLoading() {
-    const controller = useController('IonLoading', loadingController, defineCustomElement$11);
+    const controller = useController('IonLoading', loadingController, defineCustomElement$14);
     const present = useCallback((messageOrOptions = {}, duration, spinner) => {
         if (typeof messageOrOptions === 'string') {
             return controller.present({
@@ -2475,5 +2449,5 @@ class ViewStacks {
     }
 }
 
-export { CreateAnimation, DefaultIonLifeCycleContext, IonAccordion, IonAccordionGroup, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonDatetimeButton, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonLifeCycleContext, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, 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, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonLifeCycleContext, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPage, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRedirect, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouterContext, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonTabsContext, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LocationHistory, NavContext, NavManager, RouteManagerContext, StackContext, ViewLifeCycleManager, ViewStacks, generateId, getConfig, getPlatforms, isPlatform, setupIonicReact, useIonActionSheet, useIonAlert, useIonLoading, useIonModal, useIonPicker, useIonPopover, useIonRouter, useIonToast, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
 //# sourceMappingURL=index.js.map