@ionic/react 8.4.6-dev.11741906766.14c01edc → 8.4.6

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

@@ -66,6 +66,6 @@ export declare class CreateAnimation extends React.PureComponent<PropsWithChildr
     setupAnimation(props: any): void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: any): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

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

@@ -1,17 +1,41 @@
 import type { JSX as LocalJSX } from '@ionic/core/components';
-import React, { type PropsWithChildren } from 'react';
+import React from 'react';
 import type { IonContextInterface } from '../contexts/IonContext';
 import type { ReactComponentOrElement } from '../models';
 import type { IonicReactProps } from './IonicReactProps';
-type Props = PropsWithChildren<LocalJSX.IonApp & IonicReactProps & {
+type Props = LocalJSX.IonApp & IonicReactProps & {
     ref?: React.Ref<HTMLIonAppElement>;
-}>;
-export declare class IonApp extends React.Component<Props> {
-    addOverlayCallback?: (id: string, overlay: ReactComponentOrElement, containerElement: HTMLDivElement) => void;
-    removeOverlayCallback?: (id: string) => void;
-    constructor(props: Props);
-    ionContext: IonContextInterface;
-    render(): import("react/jsx-runtime").JSX.Element;
-    static displayName: string;
-}
+};
+export declare const IonApp: {
+    new (props: Props): {
+        addOverlayCallback?: (id: string, overlay: ReactComponentOrElement, containerElement: HTMLDivElement) => void;
+        removeOverlayCallback?: (id: string) => void;
+        ionContext: IonContextInterface;
+        render(): React.JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props> & Readonly<{
+            children?: React.ReactNode | undefined;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    readonly displayName: string;
+    contextType?: React.Context<any> | undefined;
+};
 export {};

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

@@ -10,7 +10,7 @@ interface IonRedirectState {
 }
 export declare class IonRedirect extends React.PureComponent<IonRedirectProps, IonRedirectState> {
     context: React.ContextType<typeof NavContext>;
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    render(): React.JSX.Element | null;
     static get contextType(): React.Context<import("../contexts/NavContext").NavContextState>;
 }
 export {};

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

@@ -11,7 +11,7 @@ interface IonRouteState {
 }
 export declare class IonRoute extends React.PureComponent<IonRouteProps, IonRouteState> {
     context: React.ContextType<typeof NavContext>;
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    render(): React.JSX.Element | null;
     static get contextType(): React.Context<import("../contexts/NavContext").NavContextState>;
 }
 export {};

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

@@ -1,16 +1,68 @@
 import type { JSX as LocalJSX } from '@ionic/core/components';
-import React, { type PropsWithChildren } from 'react';
+import React from 'react';
 import { NavContext } from '../../contexts/NavContext';
 import type { IonicReactProps } from '../IonicReactProps';
-type Props = PropsWithChildren<LocalJSX.IonBackButton & IonicReactProps & {
+type Props = Omit<LocalJSX.IonBackButton, 'icon'> & IonicReactProps & {
+    icon?: {
+        ios: string;
+        md: string;
+    } | string;
     ref?: React.Ref<HTMLIonBackButtonElement>;
-}>;
-export declare class IonBackButton extends React.Component<Props> {
-    context: React.ContextType<typeof NavContext>;
-    clickButton: (e: React.MouseEvent) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
-    static get displayName(): string;
-    static get contextType(): React.Context<import("../../contexts/NavContext").NavContextState>;
-    shouldComponentUpdate(): boolean;
-}
+};
+export declare const IonBackButton: {
+    new (props: Props | Readonly<Props>): {
+        context: React.ContextType<typeof NavContext>;
+        clickButton: (e: React.MouseEvent) => void;
+        render(): React.JSX.Element;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props> & Readonly<{
+            children?: React.ReactNode | undefined;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Props, context: any): {
+        context: React.ContextType<typeof NavContext>;
+        clickButton: (e: React.MouseEvent) => void;
+        render(): React.JSX.Element;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props> & Readonly<{
+            children?: React.ReactNode | undefined;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    readonly displayName: string;
+    readonly contextType: React.Context<import("../../contexts/NavContext").NavContextState>;
+};
 export {};

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

@@ -9,13 +9,35 @@ type Props = LocalJSX.IonTabButton & IonicReactProps & {
     onPointerDown?: React.PointerEventHandler<HTMLIonTabButtonElement>;
     onTouchEnd?: React.TouchEventHandler<HTMLIonTabButtonElement>;
     onTouchMove?: React.TouchEventHandler<HTMLIonTabButtonElement>;
-    children?: React.ReactNode;
 };
-export declare class IonTabButton extends React.Component<Props> {
-    shouldComponentUpdate(): boolean;
-    constructor(props: Props);
-    handleIonTabButtonClick(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-    static get displayName(): string;
-}
+export declare const IonTabButton: {
+    new (props: Props): {
+        handleIonTabButtonClick(): void;
+        render(): React.JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props> & Readonly<{
+            children?: React.ReactNode | undefined;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    readonly displayName: string;
+    contextType?: React.Context<any> | undefined;
+};
 export {};

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

@@ -1,49 +1,56 @@
-import type { Components } from '@ionic/core';
 import type { JSX as LocalJSX } from '@ionic/core/components';
 import React from 'react';
 import { NavContext } from '../../contexts/NavContext';
 import type { IonTabsContextState } from './IonTabsContext';
-export interface IonTabsProps extends React.HTMLAttributes<Components.IonTabs> {
-    onIonTabsWillChange?: (event: CustomEvent<{
-        tab: string;
-    }>) => void;
-    onIonTabsDidChange?: (event: CustomEvent<{
-        tab: string;
-    }>) => void;
-}
-declare module 'react' {
-    interface HTMLElements {
-        'ion-tabs': IonTabsProps;
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'ion-tabs': any;
+        }
     }
 }
 type ChildFunction = (ionTabContext: IonTabsContextState) => React.ReactNode;
 interface Props extends LocalJSX.IonTabs {
     className?: string;
     children: ChildFunction | React.ReactNode;
-    onIonTabsWillChange?: (event: CustomEvent<{
-        tab: string;
-    }>) => void;
-    onIonTabsDidChange?: (event: CustomEvent<{
-        tab: string;
-    }>) => void;
-}
-export declare class IonTabs extends React.Component<Props> {
-    shouldComponentUpdate(): boolean;
-    context: React.ContextType<typeof NavContext>;
-    /**
-     * `routerOutletRef` allows users to add a `ref` to `IonRouterOutlet`.
-     * Without this, `ref.current` will be `undefined` in the user's app,
-     * breaking their ability to access the `IonRouterOutlet` instance.
-     * Do not remove this ref.
-     */
-    routerOutletRef: React.Ref<Components.IonRouterOutlet>;
-    selectTabHandler?: (tag: string) => boolean;
-    tabBarRef: React.RefObject<any>;
-    ionTabContextState: IonTabsContextState;
-    constructor(props: Props);
-    componentDidMount(): void;
-    renderTabsInner(children: React.ReactNode, outlet: React.ReactElement<{}> | undefined): import("react/jsx-runtime").JSX.Element;
-    render(): import("react/jsx-runtime").JSX.Element;
-    static get contextType(): React.Context<import("../../contexts/NavContext").NavContextState>;
 }
+export declare const IonTabs: {
+    new (props: Props): {
+        context: React.ContextType<typeof NavContext>;
+        /**
+         * `routerOutletRef` allows users to add a `ref` to `IonRouterOutlet`.
+         * Without this, `ref.current` will be `undefined` in the user's app,
+         * breaking their ability to access the `IonRouterOutlet` instance.
+         * Do not remove this ref.
+         */
+        routerOutletRef: React.Ref<HTMLIonRouterOutletElement>;
+        selectTabHandler?: (tag: string) => boolean;
+        tabBarRef: React.RefObject<any>;
+        ionTabContextState: IonTabsContextState;
+        componentDidMount(): void;
+        renderTabsInner(children: React.ReactNode, outlet: React.ReactElement<{}> | undefined): React.JSX.Element;
+        render(): React.JSX.Element;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props> & Readonly<{
+            children?: React.ReactNode | undefined;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    readonly contextType: React.Context<import("../../contexts/NavContext").NavContextState>;
+};
 export {};

package/dist/types/lifecycle/IonLifeCycleHOC.d.ts

@@ -5,7 +5,7 @@ export declare const withIonLifeCycle: (WrappedComponent: React.ComponentType<an
         context: React.ContextType<typeof IonLifeCycleContext>;
         componentRef: React.RefObject<any>;
         componentDidMount(): void;
-        render(): import("react/jsx-runtime").JSX.Element;
+        render(): React.JSX.Element;
         setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<any> & Readonly<{

package/dist/types/routing/NavManager.d.ts

@@ -33,6 +33,6 @@ export declare class NavManager extends React.PureComponent<NavManagerProps, Nav
     getIonRedirect(): any;
     getIonRoute(): any;
     getStackManager(): any;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types/routing/OutletPageManager.d.ts

@@ -20,7 +20,7 @@ export declare class OutletPageManager extends React.Component<OutletPageManager
     ionViewDidEnterHandler(): void;
     ionViewWillLeaveHandler(): void;
     ionViewDidLeaveHandler(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
     static get contextType(): React.Context<import("./StackContext").StackContextState>;
 }
 export default OutletPageManager;

package/dist/types/routing/PageManager.d.ts

@@ -19,7 +19,7 @@ export declare class PageManager extends React.PureComponent<PageManagerProps> {
     ionViewDidEnterHandler(): void;
     ionViewWillLeaveHandler(): void;
     ionViewDidLeaveHandler(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
     static get contextType(): React.Context<import("./StackContext").StackContextState>;
 }
 export default PageManager;

package/dist/types/routing/ViewLifeCycleManager.d.ts

@@ -37,6 +37,6 @@ export declare class ViewLifeCycleManager extends React.Component<ViewTransition
     constructor(props: ViewTransitionManagerProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.4.6-dev.11741906766.14c01edc",
+  "version": "8.4.6",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -39,7 +39,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "8.4.6-dev.11741906766.14c01edc",
+    "@ionic/core": "8.4.6",
     "ionicons": "^7.0.0",
     "tslib": "*"
   },