@ionic/react 8.8.6-dev.11777569278.1613db2e → 8.8.6-dev.11777572994.1147595d

package/dist/types/components/IonActionSheet.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonActionSheet: import("react").ForwardRefExoticComponent<JSX.IonActionSheet & Omit<import("react").HTMLAttributes<HTMLIonActionSheetElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonActionSheetElement>>;
+export declare const IonActionSheet: import("react").ForwardRefExoticComponent<JSX.IonActionSheet & Omit<import("react").HTMLAttributes<HTMLIonActionSheetElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonActionSheetElement>>;

package/dist/types/components/IonAlert.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonAlert: import("react").ForwardRefExoticComponent<JSX.IonAlert & Omit<import("react").HTMLAttributes<HTMLIonAlertElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonAlertElement>>;
+export declare const IonAlert: import("react").ForwardRefExoticComponent<JSX.IonAlert & Omit<import("react").HTMLAttributes<HTMLIonAlertElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonAlertElement>>;

package/dist/types/components/IonIcon.d.ts

@@ -12,5 +12,5 @@ interface IonIconProps {
     size?: string;
     src?: string;
 }
-export declare const IonIcon: React.ForwardRefExoticComponent<IonIconProps & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonIconElement>, "style" | "placeholder"> & React.RefAttributes<HTMLIonIconElement>>;
+export declare const IonIcon: React.ForwardRefExoticComponent<IonIconProps & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonIconElement>, "style"> & React.RefAttributes<HTMLIonIconElement>>;
 export {};

package/dist/types/components/IonLoading.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonLoading: import("react").ForwardRefExoticComponent<JSX.IonLoading & Omit<import("react").HTMLAttributes<HTMLIonLoadingElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonLoadingElement>>;
+export declare const IonLoading: import("react").ForwardRefExoticComponent<JSX.IonLoading & Omit<import("react").HTMLAttributes<HTMLIonLoadingElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonLoadingElement>>;

package/dist/types/components/IonModal.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonModal: import("react").ForwardRefExoticComponent<JSX.IonModal & Omit<import("react").HTMLAttributes<HTMLIonModalElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonModalElement>>;
+export declare const IonModal: import("react").ForwardRefExoticComponent<JSX.IonModal & Omit<import("react").HTMLAttributes<HTMLIonModalElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonModalElement>>;

package/dist/types/components/IonPage.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { IonicReactProps } from './IonicReactProps';
-export declare const IonPage: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<unknown>, "style" | "placeholder"> & IonicReactProps & React.RefAttributes<unknown>>;
+export declare const IonPage: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<unknown>, "style"> & IonicReactProps & React.RefAttributes<unknown>>;

package/dist/types/components/IonPopover.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonPopover: import("react").ForwardRefExoticComponent<JSX.IonPopover & Omit<import("react").HTMLAttributes<HTMLIonPopoverElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPopoverElement>>;
+export declare const IonPopover: import("react").ForwardRefExoticComponent<JSX.IonPopover & Omit<import("react").HTMLAttributes<HTMLIonPopoverElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPopoverElement>>;

package/dist/types/components/IonRoute.d.ts

@@ -2,9 +2,10 @@ import React from 'react';
 import { NavContext } from '../contexts/NavContext';
 export interface IonRouteProps {
     path?: string;
-    exact?: boolean;
+    index?: boolean;
+    caseSensitive?: boolean;
     show?: boolean;
-    render: (props?: any) => JSX.Element;
+    element: React.ReactElement;
     disableIonPageManagement?: boolean;
 }
 interface IonRouteState {

package/dist/types/components/IonRouterContext.d.ts

@@ -6,6 +6,7 @@ export interface IonRouterContextState {
     routeInfo: RouteInfo;
     push: (pathname: string, routerDirection?: RouterDirection, routeAction?: RouteAction, routerOptions?: RouterOptions, animationBuilder?: AnimationBuilder) => void;
     back: (animationBuilder?: AnimationBuilder) => void;
+    navigateRoot: (pathname: string, animationBuilder?: AnimationBuilder) => void;
     canGoBack: () => boolean;
     nativeBack: () => void;
 }
@@ -34,6 +35,13 @@ export type UseIonRouterResult = {
      * @param animationBuilder - Optional - A custom transition animation to use
      */
     goBack(animationBuilder?: AnimationBuilder): void;
+    /**
+     * Navigates to a new root pathname, clearing the navigation history and unmounting all previous views.
+     * After navigation, canGoBack() will return false. Useful for navigating to a new root after login/logout.
+     * @param pathname - The path to navigate to
+     * @param animationBuilder - Optional - A custom transition animation to use
+     */
+    navigateRoot(pathname: string, animationBuilder?: AnimationBuilder): void;
     /**
      * Determines if there are any additional routes in the Router's history. However, routing is not prevented if the browser's history has more entries. Returns true if more entries exist, false if not.
      */

package/dist/types/components/IonRouterOutlet.d.ts

@@ -1,8 +1,9 @@
 import type { JSX as LocalJSX } from '@ionic/core/components';
 import React from 'react';
 import type { IonicReactProps } from './IonicReactProps';
-export declare const IonRouterOutlet: React.ForwardRefExoticComponent<Omit<LocalJSX.IonRouterOutlet & {
+export declare const IonRouterOutlet: React.ForwardRefExoticComponent<Omit<import("./utils").IonicReactExternalProps<LocalJSX.IonRouterOutlet & {
     basePath?: string;
     ref?: React.Ref<any>;
     ionPage?: boolean;
-} & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonRouterOutletElement>, "style" | "placeholder">, "ref"> & React.RefAttributes<HTMLIonRouterOutletElement>>;
+    id?: string;
+} & IonicReactProps, HTMLIonRouterOutletElement>, "ref"> & React.RefAttributes<HTMLIonRouterOutletElement>>;

package/dist/types/components/IonToast.d.ts

@@ -1,2 +1,2 @@
 import type { JSX } from '@ionic/core/components';
-export declare const IonToast: import("react").ForwardRefExoticComponent<JSX.IonToast & Omit<import("react").HTMLAttributes<HTMLIonToastElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonToastElement>>;
+export declare const IonToast: import("react").ForwardRefExoticComponent<JSX.IonToast & Omit<import("react").HTMLAttributes<HTMLIonToastElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonToastElement>>;

package/dist/types/components/components.d.ts

@@ -0,0 +1,326 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type AccordionGroupChangeEventDetail, type BreadcrumbCollapsedClickEventDetail, type CheckboxChangeEventDetail, type DatetimeChangeEventDetail, type InputChangeEventDetail, type InputInputEventDetail, type InputOtpChangeEventDetail, type InputOtpCompleteEventDetail, type InputOtpInputEventDetail, type IonAccordionGroupCustomEvent, type IonBackdropCustomEvent, type IonBreadcrumbsCustomEvent, type IonCheckboxCustomEvent, type IonContentCustomEvent, type IonDatetimeCustomEvent, type IonImgCustomEvent, type IonInfiniteScrollCustomEvent, type IonInputCustomEvent, type IonInputOtpCustomEvent, type IonItemOptionsCustomEvent, type IonItemSlidingCustomEvent, type IonMenuCustomEvent, type IonNavCustomEvent, type IonPickerColumnCustomEvent, type IonRadioCustomEvent, type IonRadioGroupCustomEvent, type IonRangeCustomEvent, type IonRefresherCustomEvent, type IonReorderGroupCustomEvent, type IonSearchbarCustomEvent, type IonSegmentCustomEvent, type IonSegmentViewCustomEvent, type IonSelectCustomEvent, type IonSplitPaneCustomEvent, type IonTextareaCustomEvent, type IonToggleCustomEvent, type ItemReorderEventDetail, type MenuCloseEventDetail, type PickerColumnChangeEventDetail, type RadioGroupChangeEventDetail, type RangeChangeEventDetail, type RangeKnobMoveEndEventDetail, type RangeKnobMoveStartEventDetail, type RefresherEventDetail, type RefresherPullEndEventDetail, type ReorderEndEventDetail, type ReorderMoveEventDetail, type ScrollBaseDetail, type ScrollDetail, type SearchbarChangeEventDetail, type SearchbarInputEventDetail, type SegmentChangeEventDetail, type SegmentViewScrollEvent, type SelectChangeEventDetail, type TextareaChangeEventDetail, type TextareaInputEventDetail, type ToggleChangeEventDetail } from '@ionic/core';
+import type { Components } from '@ionic/core/components';
+import { IonAccordionGroup as IonAccordionGroupElement } from '@ionic/core/components/ion-accordion-group.js';
+import { IonAccordion as IonAccordionElement } from '@ionic/core/components/ion-accordion.js';
+import { IonAvatar as IonAvatarElement } from '@ionic/core/components/ion-avatar.js';
+import { IonBackdrop as IonBackdropElement } from '@ionic/core/components/ion-backdrop.js';
+import { IonBadge as IonBadgeElement } from '@ionic/core/components/ion-badge.js';
+import { IonBreadcrumbs as IonBreadcrumbsElement } from '@ionic/core/components/ion-breadcrumbs.js';
+import { IonButtons as IonButtonsElement } from '@ionic/core/components/ion-buttons.js';
+import { IonCardContent as IonCardContentElement } from '@ionic/core/components/ion-card-content.js';
+import { IonCardHeader as IonCardHeaderElement } from '@ionic/core/components/ion-card-header.js';
+import { IonCardSubtitle as IonCardSubtitleElement } from '@ionic/core/components/ion-card-subtitle.js';
+import { IonCardTitle as IonCardTitleElement } from '@ionic/core/components/ion-card-title.js';
+import { IonCheckbox as IonCheckboxElement } from '@ionic/core/components/ion-checkbox.js';
+import { IonChip as IonChipElement } from '@ionic/core/components/ion-chip.js';
+import { IonCol as IonColElement } from '@ionic/core/components/ion-col.js';
+import { IonContent as IonContentElement } from '@ionic/core/components/ion-content.js';
+import { IonDatetimeButton as IonDatetimeButtonElement } from '@ionic/core/components/ion-datetime-button.js';
+import { IonDatetime as IonDatetimeElement } from '@ionic/core/components/ion-datetime.js';
+import { IonFabList as IonFabListElement } from '@ionic/core/components/ion-fab-list.js';
+import { IonFab as IonFabElement } from '@ionic/core/components/ion-fab.js';
+import { IonFooter as IonFooterElement } from '@ionic/core/components/ion-footer.js';
+import { IonGrid as IonGridElement } from '@ionic/core/components/ion-grid.js';
+import { IonHeader as IonHeaderElement } from '@ionic/core/components/ion-header.js';
+import { IonImg as IonImgElement } from '@ionic/core/components/ion-img.js';
+import { IonInfiniteScrollContent as IonInfiniteScrollContentElement } from '@ionic/core/components/ion-infinite-scroll-content.js';
+import { IonInfiniteScroll as IonInfiniteScrollElement } from '@ionic/core/components/ion-infinite-scroll.js';
+import { IonInputOtp as IonInputOtpElement } from '@ionic/core/components/ion-input-otp.js';
+import { IonInputPasswordToggle as IonInputPasswordToggleElement } from '@ionic/core/components/ion-input-password-toggle.js';
+import { IonInput as IonInputElement } from '@ionic/core/components/ion-input.js';
+import { IonItemDivider as IonItemDividerElement } from '@ionic/core/components/ion-item-divider.js';
+import { IonItemGroup as IonItemGroupElement } from '@ionic/core/components/ion-item-group.js';
+import { IonItemOptions as IonItemOptionsElement } from '@ionic/core/components/ion-item-options.js';
+import { IonItemSliding as IonItemSlidingElement } from '@ionic/core/components/ion-item-sliding.js';
+import { IonLabel as IonLabelElement } from '@ionic/core/components/ion-label.js';
+import { IonListHeader as IonListHeaderElement } from '@ionic/core/components/ion-list-header.js';
+import { IonList as IonListElement } from '@ionic/core/components/ion-list.js';
+import { IonMenuButton as IonMenuButtonElement } from '@ionic/core/components/ion-menu-button.js';
+import { IonMenuToggle as IonMenuToggleElement } from '@ionic/core/components/ion-menu-toggle.js';
+import { IonMenu as IonMenuElement } from '@ionic/core/components/ion-menu.js';
+import { IonNavLink as IonNavLinkElement } from '@ionic/core/components/ion-nav-link.js';
+import { IonNav as IonNavElement } from '@ionic/core/components/ion-nav.js';
+import { IonNote as IonNoteElement } from '@ionic/core/components/ion-note.js';
+import { IonPickerColumnOption as IonPickerColumnOptionElement } from '@ionic/core/components/ion-picker-column-option.js';
+import { IonPickerColumn as IonPickerColumnElement } from '@ionic/core/components/ion-picker-column.js';
+import { IonPicker as IonPickerElement } from '@ionic/core/components/ion-picker.js';
+import { IonProgressBar as IonProgressBarElement } from '@ionic/core/components/ion-progress-bar.js';
+import { IonRadioGroup as IonRadioGroupElement } from '@ionic/core/components/ion-radio-group.js';
+import { IonRadio as IonRadioElement } from '@ionic/core/components/ion-radio.js';
+import { IonRange as IonRangeElement } from '@ionic/core/components/ion-range.js';
+import { IonRefresherContent as IonRefresherContentElement } from '@ionic/core/components/ion-refresher-content.js';
+import { IonRefresher as IonRefresherElement } from '@ionic/core/components/ion-refresher.js';
+import { IonReorderGroup as IonReorderGroupElement } from '@ionic/core/components/ion-reorder-group.js';
+import { IonReorder as IonReorderElement } from '@ionic/core/components/ion-reorder.js';
+import { IonRippleEffect as IonRippleEffectElement } from '@ionic/core/components/ion-ripple-effect.js';
+import { IonRow as IonRowElement } from '@ionic/core/components/ion-row.js';
+import { IonSearchbar as IonSearchbarElement } from '@ionic/core/components/ion-searchbar.js';
+import { IonSegmentButton as IonSegmentButtonElement } from '@ionic/core/components/ion-segment-button.js';
+import { IonSegmentContent as IonSegmentContentElement } from '@ionic/core/components/ion-segment-content.js';
+import { IonSegmentView as IonSegmentViewElement } from '@ionic/core/components/ion-segment-view.js';
+import { IonSegment as IonSegmentElement } from '@ionic/core/components/ion-segment.js';
+import { IonSelectModal as IonSelectModalElement } from '@ionic/core/components/ion-select-modal.js';
+import { IonSelectOption as IonSelectOptionElement } from '@ionic/core/components/ion-select-option.js';
+import { IonSelect as IonSelectElement } from '@ionic/core/components/ion-select.js';
+import { IonSkeletonText as IonSkeletonTextElement } from '@ionic/core/components/ion-skeleton-text.js';
+import { IonSpinner as IonSpinnerElement } from '@ionic/core/components/ion-spinner.js';
+import { IonSplitPane as IonSplitPaneElement } from '@ionic/core/components/ion-split-pane.js';
+import { IonTab as IonTabElement } from '@ionic/core/components/ion-tab.js';
+import { IonText as IonTextElement } from '@ionic/core/components/ion-text.js';
+import { IonTextarea as IonTextareaElement } from '@ionic/core/components/ion-textarea.js';
+import { IonThumbnail as IonThumbnailElement } from '@ionic/core/components/ion-thumbnail.js';
+import { IonTitle as IonTitleElement } from '@ionic/core/components/ion-title.js';
+import { IonToggle as IonToggleElement } from '@ionic/core/components/ion-toggle.js';
+import { IonToolbar as IonToolbarElement } from '@ionic/core/components/ion-toolbar.js';
+export type IonAccordionEvents = NonNullable<unknown>;
+export declare const IonAccordion: StencilReactComponent<IonAccordionElement, IonAccordionEvents, Components.IonAccordion>;
+export type IonAccordionGroupEvents = {
+    onIonChange: EventName<IonAccordionGroupCustomEvent<AccordionGroupChangeEventDetail>>;
+};
+export declare const IonAccordionGroup: StencilReactComponent<IonAccordionGroupElement, IonAccordionGroupEvents, Components.IonAccordionGroup>;
+export type IonAvatarEvents = NonNullable<unknown>;
+export declare const IonAvatar: StencilReactComponent<IonAvatarElement, IonAvatarEvents, Components.IonAvatar>;
+export type IonBackdropEvents = {
+    onIonBackdropTap: EventName<IonBackdropCustomEvent<void>>;
+};
+export declare const IonBackdrop: StencilReactComponent<IonBackdropElement, IonBackdropEvents, Components.IonBackdrop>;
+export type IonBadgeEvents = NonNullable<unknown>;
+export declare const IonBadge: StencilReactComponent<IonBadgeElement, IonBadgeEvents, Components.IonBadge>;
+export type IonBreadcrumbsEvents = {
+    onIonCollapsedClick: EventName<IonBreadcrumbsCustomEvent<BreadcrumbCollapsedClickEventDetail>>;
+};
+export declare const IonBreadcrumbs: StencilReactComponent<IonBreadcrumbsElement, IonBreadcrumbsEvents, Components.IonBreadcrumbs>;
+export type IonButtonsEvents = NonNullable<unknown>;
+export declare const IonButtons: StencilReactComponent<IonButtonsElement, IonButtonsEvents, Components.IonButtons>;
+export type IonCardContentEvents = NonNullable<unknown>;
+export declare const IonCardContent: StencilReactComponent<IonCardContentElement, IonCardContentEvents, Components.IonCardContent>;
+export type IonCardHeaderEvents = NonNullable<unknown>;
+export declare const IonCardHeader: StencilReactComponent<IonCardHeaderElement, IonCardHeaderEvents, Components.IonCardHeader>;
+export type IonCardSubtitleEvents = NonNullable<unknown>;
+export declare const IonCardSubtitle: StencilReactComponent<IonCardSubtitleElement, IonCardSubtitleEvents, Components.IonCardSubtitle>;
+export type IonCardTitleEvents = NonNullable<unknown>;
+export declare const IonCardTitle: StencilReactComponent<IonCardTitleElement, IonCardTitleEvents, Components.IonCardTitle>;
+export type IonCheckboxEvents = {
+    onIonChange: EventName<IonCheckboxCustomEvent<CheckboxChangeEventDetail>>;
+    onIonFocus: EventName<IonCheckboxCustomEvent<void>>;
+    onIonBlur: EventName<IonCheckboxCustomEvent<void>>;
+};
+export declare const IonCheckbox: StencilReactComponent<IonCheckboxElement, IonCheckboxEvents, Components.IonCheckbox>;
+export type IonChipEvents = NonNullable<unknown>;
+export declare const IonChip: StencilReactComponent<IonChipElement, IonChipEvents, Components.IonChip>;
+export type IonColEvents = NonNullable<unknown>;
+export declare const IonCol: StencilReactComponent<IonColElement, IonColEvents, Components.IonCol>;
+export type IonContentEvents = {
+    onIonScrollStart: EventName<IonContentCustomEvent<ScrollBaseDetail>>;
+    onIonScroll: EventName<IonContentCustomEvent<ScrollDetail>>;
+    onIonScrollEnd: EventName<IonContentCustomEvent<ScrollBaseDetail>>;
+};
+export declare const IonContent: StencilReactComponent<IonContentElement, IonContentEvents, Components.IonContent>;
+export type IonDatetimeEvents = {
+    onIonCancel: EventName<IonDatetimeCustomEvent<void>>;
+    onIonChange: EventName<IonDatetimeCustomEvent<DatetimeChangeEventDetail>>;
+    onIonFocus: EventName<IonDatetimeCustomEvent<void>>;
+    onIonBlur: EventName<IonDatetimeCustomEvent<void>>;
+};
+export declare const IonDatetime: StencilReactComponent<IonDatetimeElement, IonDatetimeEvents, Components.IonDatetime>;
+export type IonDatetimeButtonEvents = NonNullable<unknown>;
+export declare const IonDatetimeButton: StencilReactComponent<IonDatetimeButtonElement, IonDatetimeButtonEvents, Components.IonDatetimeButton>;
+export type IonFabEvents = NonNullable<unknown>;
+export declare const IonFab: StencilReactComponent<IonFabElement, IonFabEvents, Components.IonFab>;
+export type IonFabListEvents = NonNullable<unknown>;
+export declare const IonFabList: StencilReactComponent<IonFabListElement, IonFabListEvents, Components.IonFabList>;
+export type IonFooterEvents = NonNullable<unknown>;
+export declare const IonFooter: StencilReactComponent<IonFooterElement, IonFooterEvents, Components.IonFooter>;
+export type IonGridEvents = NonNullable<unknown>;
+export declare const IonGrid: StencilReactComponent<IonGridElement, IonGridEvents, Components.IonGrid>;
+export type IonHeaderEvents = NonNullable<unknown>;
+export declare const IonHeader: StencilReactComponent<IonHeaderElement, IonHeaderEvents, Components.IonHeader>;
+export type IonImgEvents = {
+    onIonImgWillLoad: EventName<IonImgCustomEvent<void>>;
+    onIonImgDidLoad: EventName<IonImgCustomEvent<void>>;
+    onIonError: EventName<IonImgCustomEvent<void>>;
+};
+export declare const IonImg: StencilReactComponent<IonImgElement, IonImgEvents, Components.IonImg>;
+export type IonInfiniteScrollEvents = {
+    onIonInfinite: EventName<IonInfiniteScrollCustomEvent<void>>;
+};
+export declare const IonInfiniteScroll: StencilReactComponent<IonInfiniteScrollElement, IonInfiniteScrollEvents, Components.IonInfiniteScroll>;
+export type IonInfiniteScrollContentEvents = NonNullable<unknown>;
+export declare const IonInfiniteScrollContent: StencilReactComponent<IonInfiniteScrollContentElement, IonInfiniteScrollContentEvents, Components.IonInfiniteScrollContent>;
+export type IonInputEvents = {
+    onIonInput: EventName<IonInputCustomEvent<InputInputEventDetail>>;
+    onIonChange: EventName<IonInputCustomEvent<InputChangeEventDetail>>;
+    onIonBlur: EventName<IonInputCustomEvent<FocusEvent>>;
+    onIonFocus: EventName<IonInputCustomEvent<FocusEvent>>;
+};
+export declare const IonInput: StencilReactComponent<IonInputElement, IonInputEvents, Components.IonInput>;
+export type IonInputOtpEvents = {
+    onIonInput: EventName<IonInputOtpCustomEvent<InputOtpInputEventDetail>>;
+    onIonChange: EventName<IonInputOtpCustomEvent<InputOtpChangeEventDetail>>;
+    onIonComplete: EventName<IonInputOtpCustomEvent<InputOtpCompleteEventDetail>>;
+    onIonBlur: EventName<IonInputOtpCustomEvent<FocusEvent>>;
+    onIonFocus: EventName<IonInputOtpCustomEvent<FocusEvent>>;
+};
+export declare const IonInputOtp: StencilReactComponent<IonInputOtpElement, IonInputOtpEvents, Components.IonInputOtp>;
+export type IonInputPasswordToggleEvents = NonNullable<unknown>;
+export declare const IonInputPasswordToggle: StencilReactComponent<IonInputPasswordToggleElement, IonInputPasswordToggleEvents, Components.IonInputPasswordToggle>;
+export type IonItemDividerEvents = NonNullable<unknown>;
+export declare const IonItemDivider: StencilReactComponent<IonItemDividerElement, IonItemDividerEvents, Components.IonItemDivider>;
+export type IonItemGroupEvents = NonNullable<unknown>;
+export declare const IonItemGroup: StencilReactComponent<IonItemGroupElement, IonItemGroupEvents, Components.IonItemGroup>;
+export type IonItemOptionsEvents = {
+    onIonSwipe: EventName<IonItemOptionsCustomEvent<any>>;
+};
+export declare const IonItemOptions: StencilReactComponent<IonItemOptionsElement, IonItemOptionsEvents, Components.IonItemOptions>;
+export type IonItemSlidingEvents = {
+    onIonDrag: EventName<IonItemSlidingCustomEvent<any>>;
+};
+export declare const IonItemSliding: StencilReactComponent<IonItemSlidingElement, IonItemSlidingEvents, Components.IonItemSliding>;
+export type IonLabelEvents = NonNullable<unknown>;
+export declare const IonLabel: StencilReactComponent<IonLabelElement, IonLabelEvents, Components.IonLabel>;
+export type IonListEvents = NonNullable<unknown>;
+export declare const IonList: StencilReactComponent<IonListElement, IonListEvents, Components.IonList>;
+export type IonListHeaderEvents = NonNullable<unknown>;
+export declare const IonListHeader: StencilReactComponent<IonListHeaderElement, IonListHeaderEvents, Components.IonListHeader>;
+export type IonMenuEvents = {
+    onIonWillOpen: EventName<IonMenuCustomEvent<void>>;
+    onIonWillClose: EventName<IonMenuCustomEvent<MenuCloseEventDetail>>;
+    onIonDidOpen: EventName<IonMenuCustomEvent<void>>;
+    onIonDidClose: EventName<IonMenuCustomEvent<MenuCloseEventDetail>>;
+};
+export declare const IonMenu: StencilReactComponent<IonMenuElement, IonMenuEvents, Components.IonMenu>;
+export type IonMenuButtonEvents = NonNullable<unknown>;
+export declare const IonMenuButton: StencilReactComponent<IonMenuButtonElement, IonMenuButtonEvents, Components.IonMenuButton>;
+export type IonMenuToggleEvents = NonNullable<unknown>;
+export declare const IonMenuToggle: StencilReactComponent<IonMenuToggleElement, IonMenuToggleEvents, Components.IonMenuToggle>;
+export type IonNavEvents = {
+    onIonNavWillChange: EventName<IonNavCustomEvent<void>>;
+    onIonNavDidChange: EventName<IonNavCustomEvent<void>>;
+};
+export declare const IonNav: StencilReactComponent<IonNavElement, IonNavEvents, Components.IonNav>;
+export type IonNavLinkEvents = NonNullable<unknown>;
+export declare const IonNavLink: StencilReactComponent<IonNavLinkElement, IonNavLinkEvents, Components.IonNavLink>;
+export type IonNoteEvents = NonNullable<unknown>;
+export declare const IonNote: StencilReactComponent<IonNoteElement, IonNoteEvents, Components.IonNote>;
+export type IonPickerEvents = NonNullable<unknown>;
+export declare const IonPicker: StencilReactComponent<IonPickerElement, IonPickerEvents, Components.IonPicker>;
+export type IonPickerColumnEvents = {
+    onIonChange: EventName<IonPickerColumnCustomEvent<PickerColumnChangeEventDetail>>;
+};
+export declare const IonPickerColumn: StencilReactComponent<IonPickerColumnElement, IonPickerColumnEvents, Components.IonPickerColumn>;
+export type IonPickerColumnOptionEvents = NonNullable<unknown>;
+export declare const IonPickerColumnOption: StencilReactComponent<IonPickerColumnOptionElement, IonPickerColumnOptionEvents, Components.IonPickerColumnOption>;
+export type IonProgressBarEvents = NonNullable<unknown>;
+export declare const IonProgressBar: StencilReactComponent<IonProgressBarElement, IonProgressBarEvents, Components.IonProgressBar>;
+export type IonRadioEvents = {
+    onIonFocus: EventName<IonRadioCustomEvent<void>>;
+    onIonBlur: EventName<IonRadioCustomEvent<void>>;
+};
+export declare const IonRadio: StencilReactComponent<IonRadioElement, IonRadioEvents, Components.IonRadio>;
+export type IonRadioGroupEvents = {
+    onIonChange: EventName<IonRadioGroupCustomEvent<RadioGroupChangeEventDetail>>;
+};
+export declare const IonRadioGroup: StencilReactComponent<IonRadioGroupElement, IonRadioGroupEvents, Components.IonRadioGroup>;
+export type IonRangeEvents = {
+    onIonChange: EventName<IonRangeCustomEvent<RangeChangeEventDetail>>;
+    onIonInput: EventName<IonRangeCustomEvent<RangeChangeEventDetail>>;
+    onIonFocus: EventName<IonRangeCustomEvent<void>>;
+    onIonBlur: EventName<IonRangeCustomEvent<void>>;
+    onIonKnobMoveStart: EventName<IonRangeCustomEvent<RangeKnobMoveStartEventDetail>>;
+    onIonKnobMoveEnd: EventName<IonRangeCustomEvent<RangeKnobMoveEndEventDetail>>;
+};
+export declare const IonRange: StencilReactComponent<IonRangeElement, IonRangeEvents, Components.IonRange>;
+export type IonRefresherEvents = {
+    onIonRefresh: EventName<IonRefresherCustomEvent<RefresherEventDetail>>;
+    onIonPull: EventName<IonRefresherCustomEvent<void>>;
+    onIonStart: EventName<IonRefresherCustomEvent<void>>;
+    onIonPullStart: EventName<IonRefresherCustomEvent<void>>;
+    onIonPullEnd: EventName<IonRefresherCustomEvent<RefresherPullEndEventDetail>>;
+};
+export declare const IonRefresher: StencilReactComponent<IonRefresherElement, IonRefresherEvents, Components.IonRefresher>;
+export type IonRefresherContentEvents = NonNullable<unknown>;
+export declare const IonRefresherContent: StencilReactComponent<IonRefresherContentElement, IonRefresherContentEvents, Components.IonRefresherContent>;
+export type IonReorderEvents = NonNullable<unknown>;
+export declare const IonReorder: StencilReactComponent<IonReorderElement, IonReorderEvents, Components.IonReorder>;
+export type IonReorderGroupEvents = {
+    onIonItemReorder: EventName<IonReorderGroupCustomEvent<ItemReorderEventDetail>>;
+    onIonReorderStart: EventName<IonReorderGroupCustomEvent<void>>;
+    onIonReorderMove: EventName<IonReorderGroupCustomEvent<ReorderMoveEventDetail>>;
+    onIonReorderEnd: EventName<IonReorderGroupCustomEvent<ReorderEndEventDetail>>;
+};
+export declare const IonReorderGroup: StencilReactComponent<IonReorderGroupElement, IonReorderGroupEvents, Components.IonReorderGroup>;
+export type IonRippleEffectEvents = NonNullable<unknown>;
+export declare const IonRippleEffect: StencilReactComponent<IonRippleEffectElement, IonRippleEffectEvents, Components.IonRippleEffect>;
+export type IonRowEvents = NonNullable<unknown>;
+export declare const IonRow: StencilReactComponent<IonRowElement, IonRowEvents, Components.IonRow>;
+export type IonSearchbarEvents = {
+    onIonInput: EventName<IonSearchbarCustomEvent<SearchbarInputEventDetail>>;
+    onIonChange: EventName<IonSearchbarCustomEvent<SearchbarChangeEventDetail>>;
+    onIonCancel: EventName<IonSearchbarCustomEvent<void>>;
+    onIonClear: EventName<IonSearchbarCustomEvent<void>>;
+    onIonBlur: EventName<IonSearchbarCustomEvent<void>>;
+    onIonFocus: EventName<IonSearchbarCustomEvent<void>>;
+};
+export declare const IonSearchbar: StencilReactComponent<IonSearchbarElement, IonSearchbarEvents, Components.IonSearchbar>;
+export type IonSegmentEvents = {
+    onIonChange: EventName<IonSegmentCustomEvent<SegmentChangeEventDetail>>;
+};
+export declare const IonSegment: StencilReactComponent<IonSegmentElement, IonSegmentEvents, Components.IonSegment>;
+export type IonSegmentButtonEvents = NonNullable<unknown>;
+export declare const IonSegmentButton: StencilReactComponent<IonSegmentButtonElement, IonSegmentButtonEvents, Components.IonSegmentButton>;
+export type IonSegmentContentEvents = NonNullable<unknown>;
+export declare const IonSegmentContent: StencilReactComponent<IonSegmentContentElement, IonSegmentContentEvents, Components.IonSegmentContent>;
+export type IonSegmentViewEvents = {
+    onIonSegmentViewScroll: EventName<IonSegmentViewCustomEvent<SegmentViewScrollEvent>>;
+};
+export declare const IonSegmentView: StencilReactComponent<IonSegmentViewElement, IonSegmentViewEvents, Components.IonSegmentView>;
+export type IonSelectEvents = {
+    onIonChange: EventName<IonSelectCustomEvent<SelectChangeEventDetail>>;
+    onIonCancel: EventName<IonSelectCustomEvent<void>>;
+    onIonDismiss: EventName<IonSelectCustomEvent<void>>;
+    onIonFocus: EventName<IonSelectCustomEvent<void>>;
+    onIonBlur: EventName<IonSelectCustomEvent<void>>;
+};
+export declare const IonSelect: StencilReactComponent<IonSelectElement, IonSelectEvents, Components.IonSelect>;
+export type IonSelectModalEvents = NonNullable<unknown>;
+export declare const IonSelectModal: StencilReactComponent<IonSelectModalElement, IonSelectModalEvents, Components.IonSelectModal>;
+export type IonSelectOptionEvents = NonNullable<unknown>;
+export declare const IonSelectOption: StencilReactComponent<IonSelectOptionElement, IonSelectOptionEvents, Components.IonSelectOption>;
+export type IonSkeletonTextEvents = NonNullable<unknown>;
+export declare const IonSkeletonText: StencilReactComponent<IonSkeletonTextElement, IonSkeletonTextEvents, Components.IonSkeletonText>;
+export type IonSpinnerEvents = NonNullable<unknown>;
+export declare const IonSpinner: StencilReactComponent<IonSpinnerElement, IonSpinnerEvents, Components.IonSpinner>;
+export type IonSplitPaneEvents = {
+    onIonSplitPaneVisible: EventName<IonSplitPaneCustomEvent<{
+        visible: boolean;
+    }>>;
+};
+export declare const IonSplitPane: StencilReactComponent<IonSplitPaneElement, IonSplitPaneEvents, Components.IonSplitPane>;
+export type IonTabEvents = NonNullable<unknown>;
+export declare const IonTab: StencilReactComponent<IonTabElement, IonTabEvents, Components.IonTab>;
+export type IonTextEvents = NonNullable<unknown>;
+export declare const IonText: StencilReactComponent<IonTextElement, IonTextEvents, Components.IonText>;
+export type IonTextareaEvents = {
+    onIonChange: EventName<IonTextareaCustomEvent<TextareaChangeEventDetail>>;
+    onIonInput: EventName<IonTextareaCustomEvent<TextareaInputEventDetail>>;
+    onIonBlur: EventName<IonTextareaCustomEvent<FocusEvent>>;
+    onIonFocus: EventName<IonTextareaCustomEvent<FocusEvent>>;
+};
+export declare const IonTextarea: StencilReactComponent<IonTextareaElement, IonTextareaEvents, Components.IonTextarea>;
+export type IonThumbnailEvents = NonNullable<unknown>;
+export declare const IonThumbnail: StencilReactComponent<IonThumbnailElement, IonThumbnailEvents, Components.IonThumbnail>;
+export type IonTitleEvents = NonNullable<unknown>;
+export declare const IonTitle: StencilReactComponent<IonTitleElement, IonTitleEvents, Components.IonTitle>;
+export type IonToggleEvents = {
+    onIonChange: EventName<IonToggleCustomEvent<ToggleChangeEventDetail>>;
+    onIonFocus: EventName<IonToggleCustomEvent<void>>;
+    onIonBlur: EventName<IonToggleCustomEvent<void>>;
+};
+export declare const IonToggle: StencilReactComponent<IonToggleElement, IonToggleEvents, Components.IonToggle>;
+export type IonToolbarEvents = NonNullable<unknown>;
+export declare const IonToolbar: StencilReactComponent<IonToolbarElement, IonToolbarEvents, Components.IonToolbar>;

package/dist/types/components/createInlineOverlayComponent.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const createInlineOverlayComponent: <PropType, ElementType>(tagName: string, defineCustomElement?: () => void, hasDelegateHost?: boolean) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps> & React.RefAttributes<ElementType>>;
+export declare const createInlineOverlayComponent: <PropType, ElementType>(tagName: string, defineCustomElement?: () => void, hasDelegateHost?: boolean) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").IonicReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;

package/dist/types/components/createRoutingComponent.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const createRoutingComponent: <PropType, ElementType>(tagName: string, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps> & React.RefAttributes<ElementType>>;
+export declare const createRoutingComponent: <PropType, ElementType>(tagName: string, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").IonicReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;

package/dist/types/components/index.d.ts

@@ -1,11 +1,10 @@
 import type { IonicConfig } from '@ionic/core/components';
-export { createAnimation, createGesture, iosTransitionAnimation, mdTransitionAnimation, IonicSlides, getTimeGivenProgression, getIonPageElement, openURL, Animation, AnimationBuilder, AnimationCallbackOptions, AnimationDirection, AnimationFill, AnimationKeyFrames, AnimationLifecycle, Gesture, GestureConfig, GestureDetail, NavComponentWithProps, SpinnerTypes, AccordionGroupCustomEvent, AccordionGroupChangeEventDetail, BreadcrumbCustomEvent, BreadcrumbCollapsedClickEventDetail, ActionSheetOptions, ActionSheetButton, AlertOptions, AlertInput, AlertButton, BackButtonEvent, CheckboxCustomEvent, CheckboxChangeEventDetail, DatetimeCustomEvent, DatetimeChangeEventDetail, InfiniteScrollCustomEvent, InputCustomEvent, InputChangeEventDetail, InputInputEventDetail, InputOtpCustomEvent, InputOtpChangeEventDetail, InputOtpCompleteEventDetail, InputOtpInputEventDetail, ItemReorderEventDetail, ItemReorderCustomEvent, ItemSlidingCustomEvent, IonicSafeString, LoadingOptions, MenuCustomEvent, ModalDragEventDetail, ModalOptions, NavCustomEvent, PickerOptions, PickerButton, PickerColumn, PickerColumnOption, PopoverOptions, RadioGroupCustomEvent, RadioGroupChangeEventDetail, RangeCustomEvent, RangeChangeEventDetail, RangeKnobMoveStartEventDetail, RangeKnobMoveEndEventDetail, RefresherCustomEvent, RefresherEventDetail, ReorderMoveCustomEvent, ReorderMoveEventDetail, ReorderEndCustomEvent, ReorderEndEventDetail, RouterEventDetail, RouterCustomEvent, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollDetail, ScrollCustomEvent, SearchbarCustomEvent, SearchbarChangeEventDetail, SearchbarInputEventDetail, SegmentChangeEventDetail, SegmentCustomEvent, SegmentValue, SelectChangeEventDetail, SelectCustomEvent, TabsCustomEvent, TextareaChangeEventDetail, TextareaCustomEvent, ToastOptions, ToastButton, ToastLayout, ToggleChangeEventDetail, ToggleCustomEvent, TransitionOptions, } from '@ionic/core/components';
-export * from './proxies';
+export { createAnimation, createGesture, iosTransitionAnimation, mdTransitionAnimation, IonicSlides, getTimeGivenProgression, getIonPageElement, openURL, Animation, AnimationBuilder, AnimationCallbackOptions, AnimationDirection, AnimationFill, AnimationKeyFrames, AnimationLifecycle, Gesture, GestureConfig, GestureDetail, NavComponentWithProps, SpinnerTypes, AccordionGroupCustomEvent, AccordionGroupChangeEventDetail, BreadcrumbCustomEvent, BreadcrumbCollapsedClickEventDetail, ActionSheetOptions, ActionSheetButton, AlertOptions, AlertInput, AlertButton, BackButtonEvent, CheckboxCustomEvent, CheckboxChangeEventDetail, DatetimeCustomEvent, DatetimeChangeEventDetail, InfiniteScrollCustomEvent, InputCustomEvent, InputChangeEventDetail, InputInputEventDetail, InputOtpCustomEvent, InputOtpChangeEventDetail, InputOtpCompleteEventDetail, InputOtpInputEventDetail, ItemReorderEventDetail, ItemReorderCustomEvent, ItemSlidingCustomEvent, IonicSafeString, LoadingOptions, MenuCustomEvent, ModalDragEventDetail, ModalOptions, NavCustomEvent, PopoverOptions, RadioGroupCustomEvent, RadioGroupChangeEventDetail, RangeCustomEvent, RangeChangeEventDetail, RangeKnobMoveStartEventDetail, RangeKnobMoveEndEventDetail, RefresherCustomEvent, RefresherEventDetail, ReorderMoveCustomEvent, ReorderMoveEventDetail, ReorderEndCustomEvent, ReorderEndEventDetail, RouterEventDetail, RouterCustomEvent, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollDetail, ScrollCustomEvent, SearchbarCustomEvent, SearchbarChangeEventDetail, SearchbarInputEventDetail, SegmentChangeEventDetail, SegmentCustomEvent, SegmentValue, SelectChangeEventDetail, SelectCustomEvent, TabsCustomEvent, TextareaChangeEventDetail, TextareaCustomEvent, ToastOptions, ToastButton, ToastLayout, ToggleChangeEventDetail, ToggleCustomEvent, TransitionOptions, } from '@ionic/core/components';
+export * from './components';
 export * from './routing-proxies';
 export { IonAlert } from './IonAlert';
 export { IonLoading } from './IonLoading';
 export * from './IonToast';
-export { IonPickerLegacy } from './IonPickerLegacy';
 export * from './IonActionSheet';
 export { IonModal } from './IonModal';
 export { IonPopover } from './IonPopover';
@@ -20,7 +19,6 @@ export { IonBackButton } from './navigation/IonBackButton';
 export { IonRouterOutlet } from './IonRouterOutlet';
 export { IonIcon } from './IonIcon';
 export * from './IonRoute';
-export * from './IonRedirect';
 export * from './IonRouterContext';
 export { isPlatform, getPlatforms, getConfig } from './utils';
 export * from './hrefprops';
@@ -30,6 +28,5 @@ export { useIonAlert, UseIonAlertResult } from '../hooks/useIonAlert';
 export { useIonToast, UseIonToastResult } from '../hooks/useIonToast';
 export { useIonModal, UseIonModalResult } from '../hooks/useIonModal';
 export { useIonPopover, UseIonPopoverResult } from '../hooks/useIonPopover';
-export { useIonPicker, UseIonPickerResult } from '../hooks/useIonPicker';
 export { useIonLoading, UseIonLoadingResult } from '../hooks/useIonLoading';
 export declare const setupIonicReact: (config?: IonicConfig) => void;

package/dist/types/components/navigation/IonNav.d.ts

@@ -2,4 +2,5 @@ import type { JSX } from '@ionic/core/components';
 import React from 'react';
 export declare const IonNav: React.ForwardRefExoticComponent<JSX.IonNav & {
     forwardedRef?: React.ForwardedRef<HTMLIonNavElement>;
-} & Omit<React.HTMLAttributes<HTMLIonNavElement>, "style" | "placeholder"> & import("../IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonNavElement>>;
+    children?: React.ReactNode;
+} & Omit<React.HTMLAttributes<HTMLIonNavElement>, "style"> & import("../IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonNavElement>>;

package/dist/types/components/navigation/IonTabBar.d.ts

@@ -12,4 +12,4 @@ export declare const IonTabBar: React.ForwardRefExoticComponent<LocalJSX.IonTabB
     style?: {
         [key: string]: string;
     };
-} & Omit<React.HTMLAttributes<HTMLIonTabBarElement>, "style" | "placeholder"> & React.RefAttributes<HTMLIonTabBarElement>>;
+} & Omit<React.HTMLAttributes<HTMLIonTabBarElement>, "style"> & React.RefAttributes<HTMLIonTabBarElement>>;

package/dist/types/components/navigation/IonTabs.d.ts

@@ -16,10 +16,9 @@ declare module 'react' {
         'ion-tabs': IonTabsProps;
     }
 }
-type ChildFunction = (ionTabContext: IonTabsContextState) => React.ReactNode;
 interface Props extends LocalJSX.IonTabs {
     className?: string;
-    children: ChildFunction | React.ReactNode;
+    children: React.ReactNode;
     onIonTabsWillChange?: (event: CustomEvent<{
         tab: string;
     }>) => void;

package/dist/types/components/react-component-lib/createComponent.d.ts

@@ -6,5 +6,5 @@ interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<El
     forwardedRef: React.RefObject<ElementType>;
     ref?: React.Ref<any>;
 }
-export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
+export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
 export {};

package/dist/types/components/react-component-lib/utils/index.d.ts

@@ -4,7 +4,7 @@ export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<R
 export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
 export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
 export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
-export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & StyleReactProps> & React.RefAttributes<ElementType>>;
+export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
 export declare const defineCustomElement: (tagName: string, customElement: any) => void;
 export * from './attachProps';
 export * from './case';

package/dist/types/components/routing-proxies.d.ts

@@ -4,40 +4,40 @@ export declare const IonRouterLink: import("react").ForwardRefExoticComponent<Om
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonRouterLinkElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonRouterLinkElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonRouterLinkElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonRouterLinkElement>>;
 export declare const IonButton: import("react").ForwardRefExoticComponent<Omit<JSX.IonButton, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonButtonElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonButtonElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonButtonElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonButtonElement>>;
 export declare const IonCard: import("react").ForwardRefExoticComponent<Omit<JSX.IonCard, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonCardElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonCardElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonCardElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonCardElement>>;
 export declare const IonFabButton: import("react").ForwardRefExoticComponent<Omit<JSX.IonFabButton, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonFabButtonElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonFabButtonElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonFabButtonElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonFabButtonElement>>;
 export declare const IonItem: import("react").ForwardRefExoticComponent<Omit<JSX.IonItem, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonItemElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonItemElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemElement>>;
 export declare const IonItemOption: import("react").ForwardRefExoticComponent<Omit<JSX.IonItemOption, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonItemOptionElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemOptionElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonItemOptionElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemOptionElement>>;
 export declare const IonBreadcrumb: import("react").ForwardRefExoticComponent<Omit<JSX.IonBreadcrumb, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
     routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonBreadcrumbElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonBreadcrumbElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLIonBreadcrumbElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonBreadcrumbElement>>;

package/dist/types/components/utils/index.d.ts

@@ -1,17 +1,8 @@
 import type { Config as CoreConfig, Platforms } from '@ionic/core/components';
 import React from 'react';
 import type { IonicReactProps } from '../IonicReactProps';
-export type IonicReactExternalProps<PropType, ElementType> = PropType & 
-/**
- * TODO: FW-5753
- *
- * The `placeholder` property was removed from `HTMLAttributes` in @types/react@18.2.43
- * https://github.com/DefinitelyTyped/DefinitelyTyped/commit/b954269038de46b4b2f1756a9f2f020cbc66a326
- *
- * This is a temporary workaround until @ionic/react is updated to >=18.2.43.
- */
-Omit<React.HTMLAttributes<ElementType>, 'style' | 'placeholder'> & IonicReactProps;
-export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style" | "placeholder"> & IonicReactProps> & React.RefAttributes<ElementType>>;
+export type IonicReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & IonicReactProps;
+export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<IonicReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
 export declare const isPlatform: (platform: Platforms) => boolean;
 export declare const getPlatforms: () => ("ipad" | "iphone" | "ios" | "android" | "phablet" | "tablet" | "cordova" | "capacitor" | "electron" | "pwa" | "mobile" | "mobileweb" | "desktop" | "hybrid")[];
 export declare const getConfig: () => CoreConfig | null;