@ionic/react 8.8.19 → 9.0.0

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

@@ -3,41 +3,41 @@ export declare const IonRouterLink: import("react").ForwardRefExoticComponent<Om
     routerLink?: string;
     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>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & 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>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & 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>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & 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>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & 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>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & 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>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & 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>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & 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 type { 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<React.PropsWithoutRef<IonicReactExternalProps<PropType, ElementType>>> & React.RefAttributes<ElementType>>;
+export type IonicReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & IonicReactProps;
+export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, // TODO(FW-2959): type
+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;

package/dist/types/contexts/NavContext.d.ts

@@ -3,8 +3,6 @@ import React from 'react';
 import type { RouteInfo } from '../models';
 export interface NavContextState {
     getIonRoute: () => any;
-    getIonRedirect: () => any;
-    getPageManager: () => any;
     getStackManager: () => any;
     goBack: (route?: string | RouteInfo, animationBuilder?: AnimationBuilder) => void;
     navigate: (path: string, direction?: RouterDirection | 'none', ionRouteAction?: 'push' | 'replace' | 'pop', animationBuilder?: AnimationBuilder, options?: any, tab?: string) => void;

package/dist/types/hooks/__tests__/overlay-hook-types.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/hooks/useIonModal.d.ts

@@ -1,13 +1,20 @@
 import type { ModalOptions } from '@ionic/core/components';
-import type { ReactComponentOrElement } from '../models/ReactComponentOrElement';
+import type { ComponentType, ReactElement } from 'react';
 import type { HookOverlayOptions } from './HookOverlayOptions';
 /**
  * A hook for presenting/dismissing an IonModal component
- * @param component The component that the modal will show. Can be a React Component, a functional component, or a JSX Element
+ * @param component The component that the modal will show. Can be a React Component or a functional component
+ * @param componentProps The props that will be passed to the component. Required when the component declares required props
+ * @returns Returns the present and dismiss methods in an array
+ */
+export declare function useIonModal<Props extends object>(...args: {} extends Props ? [component: ComponentType<Props>, componentProps?: NoInfer<Props>] : [component: ComponentType<Props>, componentProps: NoInfer<Props>]): UseIonModalResult;
+/**
+ * A hook for presenting/dismissing an IonModal component
+ * @param component A JSX Element that the modal will show. Props are already bound to the element, so `componentProps` is not type checked
  * @param componentProps The props that will be passed to the component, if required
  * @returns Returns the present and dismiss methods in an array
  */
-export declare function useIonModal(component: ReactComponentOrElement, componentProps?: any): UseIonModalResult;
+export declare function useIonModal(component: ReactElement, componentProps?: any): UseIonModalResult;
 export type UseIonModalResult = [
     (options?: Omit<ModalOptions, 'component' | 'componentProps'> & HookOverlayOptions) => void,
     /**

package/dist/types/hooks/useIonPopover.d.ts

@@ -1,13 +1,20 @@
 import type { PopoverOptions } from '@ionic/core/components';
-import type { ReactComponentOrElement } from '../models/ReactComponentOrElement';
+import type { ComponentType, ReactElement } from 'react';
 import type { HookOverlayOptions } from './HookOverlayOptions';
 /**
- * A hook for presenting/dismissing an IonPicker component
- * @param component The component that the popover will show. Can be a React Component, a functional component, or a JSX Element
+ * A hook for presenting/dismissing an IonPopover component
+ * @param component The component that the popover will show. Can be a React Component or a functional component
+ * @param componentProps The props that will be passed to the component. Required when the component declares required props
+ * @returns Returns the present and dismiss methods in an array
+ */
+export declare function useIonPopover<Props extends object>(...args: {} extends Props ? [component: ComponentType<Props>, componentProps?: NoInfer<Props>] : [component: ComponentType<Props>, componentProps: NoInfer<Props>]): UseIonPopoverResult;
+/**
+ * A hook for presenting/dismissing an IonPopover component
+ * @param component A JSX Element that the popover will show. Props are already bound to the element, so `componentProps` is not type checked
  * @param componentProps The props that will be passed to the component, if required
  * @returns Returns the present and dismiss methods in an array
  */
-export declare function useIonPopover(component: ReactComponentOrElement, componentProps?: any): UseIonPopoverResult;
+export declare function useIonPopover(component: ReactElement, componentProps?: any): UseIonPopoverResult;
 export type UseIonPopoverResult = [
     (options?: Omit<PopoverOptions, 'component' | 'componentProps'> & HookOverlayOptions) => void,
     /**

package/dist/types/index.d.ts

@@ -5,3 +5,4 @@ export * from './components';
 export * from './routing';
 export * from './models';
 export * from './utils/generateId';
+export * from './utils/debug';

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

@@ -8,9 +8,7 @@ export declare const withIonLifeCycle: (WrappedComponent: React.ComponentType<an
         render(): import("react/jsx-runtime").JSX.Element;
         setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: React.ReactNode | undefined;
-        }>;
+        readonly props: Readonly<any>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;

package/dist/types/models/ReactComponentOrElement.d.ts

@@ -1,2 +1,2 @@
 import type React from 'react';
-export type ReactComponentOrElement = React.ComponentClass<any, any> | React.FC<any> | JSX.Element;
+export type ReactComponentOrElement = React.ComponentClass<any, any> | React.FC<any> | React.ReactElement;

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

@@ -13,8 +13,15 @@ export declare class LocationHistory {
     private _getRouteInfosByKey;
     getFirstRouteInfoForTab(tab: string): RouteInfo<any> | undefined;
     getCurrentRouteInfoForTab(tab?: string): RouteInfo<any> | undefined;
+    /**
+     * Returns the most recent RouteInfo in global history (excluding the current
+     * entry) whose pathname matches the given value. Unlike findLastLocation,
+     * this search is tab-agnostic. Used by the multi-step back detection.
+     */
+    findLastLocationByPathname(pathname: string): RouteInfo<any> | undefined;
     findLastLocation(routeInfo: RouteInfo): RouteInfo<any> | undefined;
     previous(): RouteInfo<any>;
     current(): RouteInfo<any>;
     canGoBack(): boolean;
+    findTabForPathname(pathname: string): string | undefined;
 }

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

@@ -6,19 +6,19 @@ import type { RouteAction } from '../models/RouteAction';
 import type { RouteInfo } from '../models/RouteInfo';
 import type { RouterDirection } from '../models/RouterDirection';
 import type { LocationHistory } from './LocationHistory';
-import PageManager from './PageManager';
 interface NavManagerProps {
     routeInfo: RouteInfo;
     onNativeBack: () => void;
     onNavigateBack: (route?: string | RouteInfo, animationBuilder?: AnimationBuilder) => void;
     onNavigate: (path: string, action: RouteAction, direction?: RouterDirection, animationBuilder?: AnimationBuilder, options?: any, tab?: string) => void;
+    onNavigateRoot: (pathname: string, animationBuilder?: AnimationBuilder) => void;
     onSetCurrentTab: (tab: string, routeInfo: RouteInfo) => void;
     onChangeTab: (tab: string, path: string, routeOptions?: any) => void;
     onResetTab: (tab: string, path: string, routeOptions?: any) => void;
-    ionRedirect: any;
     ionRoute: any;
     stackManager: any;
     locationHistory: LocationHistory;
+    children: React.ReactNode;
 }
 export declare class NavManager extends React.PureComponent<NavManagerProps, NavContextState> {
     ionRouterContextValue: IonRouterContextState;
@@ -29,8 +29,6 @@ export declare class NavManager extends React.PureComponent<NavManagerProps, Nav
     goBack(route?: string | RouteInfo, animationBuilder?: AnimationBuilder): void;
     nativeGoBack(): void;
     navigate(path: string, direction?: RouterDirection, action?: RouteAction, animationBuilder?: AnimationBuilder, options?: any, tab?: string): void;
-    getPageManager(): typeof PageManager;
-    getIonRedirect(): any;
     getIonRoute(): any;
     getStackManager(): any;
     render(): import("react/jsx-runtime").JSX.Element;

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

@@ -5,8 +5,10 @@ import { StackContext } from './StackContext';
 interface OutletPageManagerProps {
     className?: string;
     forwardedRef?: React.ForwardedRef<HTMLIonRouterOutletElement>;
+    children: React.ReactNode;
     routeInfo?: RouteInfo;
     StackManager: any;
+    id?: string;
 }
 export declare class OutletPageManager extends React.Component<OutletPageManagerProps> {
     ionLifeCycleContext: React.ContextType<typeof IonLifeCycleContext>;

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

@@ -5,6 +5,7 @@ import { StackContext } from './StackContext';
 interface PageManagerProps {
     className?: string;
     forwardedRef?: React.ForwardedRef<HTMLDivElement>;
+    children: React.ReactNode;
     routeInfo?: RouteInfo;
 }
 export declare class PageManager extends React.PureComponent<PageManagerProps> {
@@ -13,7 +14,14 @@ export declare class PageManager extends React.PureComponent<PageManagerProps> {
     ionPageElementRef: React.RefObject<HTMLDivElement>;
     stableMergedRefs: React.RefCallback<HTMLDivElement>;
     constructor(props: PageManagerProps);
+    private parseClasses;
+    /**
+     * Updates classList by diffing old/new className props.
+     * Preserves framework-added classes (can-go-back, ion-page-invisible, etc.).
+     */
+    private updateUserClasses;
     componentDidMount(): void;
+    componentDidUpdate(prevProps: PageManagerProps): void;
     componentWillUnmount(): void;
     ionViewWillEnterHandler(): void;
     ionViewDidEnterHandler(): void;

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

@@ -9,7 +9,12 @@ export interface RouteManagerContextState {
     findViewItemByPathname(pathname: string, outletId?: string): ViewItem | undefined;
     findLeavingViewItemByRouteInfo: (routeInfo: RouteInfo, outletId?: string) => ViewItem | undefined;
     findViewItemByRouteInfo: (routeInfo: RouteInfo, outletId?: string, updateMatch?: boolean) => ViewItem | undefined;
-    getChildrenToRender: (outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void) => React.ReactNode[];
+    getChildrenToRender: (outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void, parentPathnameBase?: string) => React.ReactNode[];
+    /**
+     * Returns all view items currently registered for a given outlet id.
+     * Used by StackManager for out-of-scope cleanup.
+     */
+    getViewItemsForOutlet: (outletId: string) => ViewItem[];
     goBack: () => void;
     unMountViewItem: (viewItem: ViewItem) => void;
 }

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

@@ -2,33 +2,34 @@ import React from 'react';
 interface ViewTransitionManagerProps {
     removeView: () => void;
     mount: boolean;
+    children: React.ReactNode;
 }
 interface ViewTransitionManagerState {
     show: boolean;
 }
 export declare class ViewLifeCycleManager extends React.Component<ViewTransitionManagerProps, ViewTransitionManagerState> {
     ionLifeCycleContext: {
-        ionViewWillEnterCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleCallback[];
-        ionViewDidEnterCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleCallback[];
-        ionViewWillLeaveCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleCallback[];
-        ionViewDidLeaveCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleCallback[];
+        ionViewWillEnterCallbacks: import("..").LifeCycleCallback[];
+        ionViewDidEnterCallbacks: import("..").LifeCycleCallback[];
+        ionViewWillLeaveCallbacks: import("..").LifeCycleCallback[];
+        ionViewDidLeaveCallbacks: import("..").LifeCycleCallback[];
         componentCanBeDestroyedCallback?: () => void;
-        ionViewWillEnterDestructorCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleDestructor[];
-        ionViewDidEnterDestructorCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleDestructor[];
-        ionViewWillLeaveDestructorCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleDestructor[];
-        ionViewDidLeaveDestructorCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleDestructor[];
-        onIonViewWillEnter(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
-        teardownCallback(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback, callbacks: any[]): void;
-        cleanupIonViewWillEnter(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
-        cleanupIonViewDidEnter(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
-        cleanupIonViewWillLeave(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
-        cleanupIonViewDidLeave(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        ionViewWillEnterDestructorCallbacks: import("..").LifeCycleDestructor[];
+        ionViewDidEnterDestructorCallbacks: import("..").LifeCycleDestructor[];
+        ionViewWillLeaveDestructorCallbacks: import("..").LifeCycleDestructor[];
+        ionViewDidLeaveDestructorCallbacks: import("..").LifeCycleDestructor[];
+        onIonViewWillEnter(callback: import("..").LifeCycleCallback): void;
+        teardownCallback(callback: import("..").LifeCycleCallback, callbacks: any[]): void;
+        cleanupIonViewWillEnter(callback: import("..").LifeCycleCallback): void;
+        cleanupIonViewDidEnter(callback: import("..").LifeCycleCallback): void;
+        cleanupIonViewWillLeave(callback: import("..").LifeCycleCallback): void;
+        cleanupIonViewDidLeave(callback: import("..").LifeCycleCallback): void;
         ionViewWillEnter(): void;
-        onIonViewDidEnter(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        onIonViewDidEnter(callback: import("..").LifeCycleCallback): void;
         ionViewDidEnter(): void;
-        onIonViewWillLeave(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        onIonViewWillLeave(callback: import("..").LifeCycleCallback): void;
         ionViewWillLeave(): void;
-        onIonViewDidLeave(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        onIonViewDidLeave(callback: import("..").LifeCycleCallback): void;
         ionViewDidLeave(): void;
         onComponentCanBeDestroyed(callback: () => void): void;
         componentCanBeDestroyed(): void;

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

@@ -4,7 +4,7 @@ export declare abstract class ViewStacks {
     private viewStacks;
     constructor();
     add(viewItem: ViewItem): void;
-    clear(outletId: string): NodeJS.Timeout;
+    clear(outletId: string): void;
     getViewItemsForOutlet(outletId: string): ViewItem<any>[];
     remove(viewItem: ViewItem): void;
     protected getStackIds(): string[];
@@ -13,5 +13,5 @@ export declare abstract class ViewStacks {
     abstract findViewItemByPathname(pathname: string, outletId?: string): ViewItem | undefined;
     abstract findViewItemByRouteInfo(routeInfo: RouteInfo, outletId?: string, updateMatch?: boolean): ViewItem | undefined;
     abstract findLeavingViewItemByRouteInfo(routeInfo: RouteInfo, outletId?: string): ViewItem | undefined;
-    abstract getChildrenToRender(outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void, setInTransition: () => void): React.ReactNode[];
+    abstract getChildrenToRender(outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void, parentPathnameBase?: string): React.ReactNode[];
 }

package/dist/types/utils/__tests__/debug.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/config.d.ts

@@ -0,0 +1,7 @@
+import type { Config as CoreConfig } from '@ionic/core/components';
+/**
+ * Ionic's global config, or `null` before core has initialized. Kept here rather
+ * than alongside the component helpers so that utils reaching for config don't
+ * pull core's runtime bundle in with it.
+ */
+export declare const getConfig: () => CoreConfig | null;

package/dist/types/utils/debug.d.ts

@@ -0,0 +1,9 @@
+/** @internal */
+export type DebugLogger = (event: string, getData?: () => unknown) => void;
+/**
+ * Logger namespaced to a package, e.g. `react-router`. The payload is a function
+ * so nothing it collects runs while logging is off.
+ *
+ * @internal
+ */
+export declare const createDebugLogger: (namespace: string) => DebugLogger;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.8.19",
+  "version": "9.0.0",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -28,6 +28,7 @@
     "prettier": "prettier \"./src/**/*.{html,ts,tsx,js,jsx}\"",
     "lint": "npm run eslint && npm run prettier -- --write --cache",
     "lint.fix": "npm run eslint -- --fix && npm run prettier -- --write --cache",
+    "typecheck": "tsc --noEmit",
     "copy": "node scripts/copy.js",
     "test.spec": "jest --ci",
     "sync": "sh ./scripts/sync.sh",
@@ -40,43 +41,61 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "8.8.19",
+    "@ionic/core": "9.0.0",
+    "@stencil/react-output-target": "^1.6.2",
     "ionicons": "^8.0.13",
     "tslib": "*"
   },
   "peerDependencies": {
-    "react": ">=16.8.6",
-    "react-dom": ">=16.8.6"
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.0.0",
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@testing-library/jest-dom": "^5.11.6",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^7.0.1",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^7.0.0",
+    "@testing-library/react": "^16.3.2",
     "@types/jest": "^26.0.15",
-    "@types/node": "^14.0.14",
-    "@types/react": "^17.0.79",
-    "@types/react-dom": "^17.0.25",
-    "@typescript-eslint/eslint-plugin": "^5.48.2",
-    "@typescript-eslint/parser": "^5.48.2",
-    "eslint": "^7.32.0",
+    "@types/node": "^24.13.3",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "eslint": "^9.0.0",
+    "eslint-plugin-import": "^2.31.0",
     "fs-extra": "^9.0.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "np": "^6.4.0",
     "prettier": "^2.8.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "rimraf": "^3.0.2",
     "rollup": "^4.2.0",
-    "ts-jest": "^29.1.3",
-    "typescript": "^5.0.0"
+    "ts-jest": "^29.4.0",
+    "typescript": "^6.0.0"
+  },
+  "overrides": {
+    "@ionic/eslint-config": {
+      "@typescript-eslint/parser": "$@typescript-eslint/parser",
+      "@typescript-eslint/eslint-plugin": "$@typescript-eslint/eslint-plugin",
+      "eslint-plugin-import": "$eslint-plugin-import"
+    }
   },
   "jest": {
     "testEnvironment": "jsdom",
     "preset": "ts-jest",
+    "transform": {
+      "^.+\\.tsx?$": [
+        "ts-jest",
+        {
+          "tsconfig": "tsconfig.spec.json"
+        }
+      ]
+    },
     "setupFilesAfterEnv": [
       "<rootDir>/jest.setup.js"
     ],

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

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

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { NavContext } from '../contexts/NavContext';
-export interface IonRedirectProps {
-    path?: string;
-    exact?: boolean;
-    to: string;
-    routerOptions?: unknown;
-}
-interface IonRedirectState {
-}
-export declare class IonRedirect extends React.PureComponent<IonRedirectProps, IonRedirectState> {
-    context: React.ContextType<typeof NavContext>;
-    render(): import("react/jsx-runtime").JSX.Element | null;
-    static get contextType(): React.Context<import("../contexts/NavContext").NavContextState>;
-}
-export {};

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

@@ -1,73 +0,0 @@
-import type { JSX } from '@ionic/core/components';
-export declare const IonAccordion: import("react").ForwardRefExoticComponent<JSX.IonAccordion & Omit<import("react").HTMLAttributes<HTMLIonAccordionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonAccordionElement>>;
-export declare const IonAccordionGroup: import("react").ForwardRefExoticComponent<JSX.IonAccordionGroup & Omit<import("react").HTMLAttributes<HTMLIonAccordionGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonAccordionGroupElement>>;
-export declare const IonAvatar: import("react").ForwardRefExoticComponent<JSX.IonAvatar & Omit<import("react").HTMLAttributes<HTMLIonAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonAvatarElement>>;
-export declare const IonBackdrop: import("react").ForwardRefExoticComponent<JSX.IonBackdrop & Omit<import("react").HTMLAttributes<HTMLIonBackdropElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonBackdropElement>>;
-export declare const IonBadge: import("react").ForwardRefExoticComponent<JSX.IonBadge & Omit<import("react").HTMLAttributes<HTMLIonBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonBadgeElement>>;
-export declare const IonBreadcrumbs: import("react").ForwardRefExoticComponent<JSX.IonBreadcrumbs & Omit<import("react").HTMLAttributes<HTMLIonBreadcrumbsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonBreadcrumbsElement>>;
-export declare const IonButtons: import("react").ForwardRefExoticComponent<JSX.IonButtons & Omit<import("react").HTMLAttributes<HTMLIonButtonsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonButtonsElement>>;
-export declare const IonCardContent: import("react").ForwardRefExoticComponent<JSX.IonCardContent & Omit<import("react").HTMLAttributes<HTMLIonCardContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCardContentElement>>;
-export declare const IonCardHeader: import("react").ForwardRefExoticComponent<JSX.IonCardHeader & Omit<import("react").HTMLAttributes<HTMLIonCardHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCardHeaderElement>>;
-export declare const IonCardSubtitle: import("react").ForwardRefExoticComponent<JSX.IonCardSubtitle & Omit<import("react").HTMLAttributes<HTMLIonCardSubtitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCardSubtitleElement>>;
-export declare const IonCardTitle: import("react").ForwardRefExoticComponent<JSX.IonCardTitle & Omit<import("react").HTMLAttributes<HTMLIonCardTitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCardTitleElement>>;
-export declare const IonCheckbox: import("react").ForwardRefExoticComponent<JSX.IonCheckbox & Omit<import("react").HTMLAttributes<HTMLIonCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCheckboxElement>>;
-export declare const IonChip: import("react").ForwardRefExoticComponent<JSX.IonChip & Omit<import("react").HTMLAttributes<HTMLIonChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonChipElement>>;
-export declare const IonCol: import("react").ForwardRefExoticComponent<JSX.IonCol & Omit<import("react").HTMLAttributes<HTMLIonColElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonColElement>>;
-export declare const IonContent: import("react").ForwardRefExoticComponent<JSX.IonContent & Omit<import("react").HTMLAttributes<HTMLIonContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonContentElement>>;
-export declare const IonDatetime: import("react").ForwardRefExoticComponent<JSX.IonDatetime & Omit<import("react").HTMLAttributes<HTMLIonDatetimeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonDatetimeElement>>;
-export declare const IonDatetimeButton: import("react").ForwardRefExoticComponent<JSX.IonDatetimeButton & Omit<import("react").HTMLAttributes<HTMLIonDatetimeButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonDatetimeButtonElement>>;
-export declare const IonFab: import("react").ForwardRefExoticComponent<JSX.IonFab & Omit<import("react").HTMLAttributes<HTMLIonFabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFabElement>>;
-export declare const IonFabList: import("react").ForwardRefExoticComponent<JSX.IonFabList & Omit<import("react").HTMLAttributes<HTMLIonFabListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFabListElement>>;
-export declare const IonFooter: import("react").ForwardRefExoticComponent<JSX.IonFooter & Omit<import("react").HTMLAttributes<HTMLIonFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFooterElement>>;
-export declare const IonGrid: import("react").ForwardRefExoticComponent<JSX.IonGrid & Omit<import("react").HTMLAttributes<HTMLIonGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonGridElement>>;
-export declare const IonHeader: import("react").ForwardRefExoticComponent<JSX.IonHeader & Omit<import("react").HTMLAttributes<HTMLIonHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonHeaderElement>>;
-export declare const IonImg: import("react").ForwardRefExoticComponent<JSX.IonImg & Omit<import("react").HTMLAttributes<HTMLIonImgElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonImgElement>>;
-export declare const IonInfiniteScroll: import("react").ForwardRefExoticComponent<JSX.IonInfiniteScroll & Omit<import("react").HTMLAttributes<HTMLIonInfiniteScrollElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInfiniteScrollElement>>;
-export declare const IonInfiniteScrollContent: import("react").ForwardRefExoticComponent<JSX.IonInfiniteScrollContent & Omit<import("react").HTMLAttributes<HTMLIonInfiniteScrollContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInfiniteScrollContentElement>>;
-export declare const IonInput: import("react").ForwardRefExoticComponent<JSX.IonInput & Omit<import("react").HTMLAttributes<HTMLIonInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInputElement>>;
-export declare const IonInputOtp: import("react").ForwardRefExoticComponent<JSX.IonInputOtp & Omit<import("react").HTMLAttributes<HTMLIonInputOtpElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInputOtpElement>>;
-export declare const IonInputPasswordToggle: import("react").ForwardRefExoticComponent<JSX.IonInputPasswordToggle & Omit<import("react").HTMLAttributes<HTMLIonInputPasswordToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInputPasswordToggleElement>>;
-export declare const IonItemDivider: import("react").ForwardRefExoticComponent<JSX.IonItemDivider & Omit<import("react").HTMLAttributes<HTMLIonItemDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonItemDividerElement>>;
-export declare const IonItemGroup: import("react").ForwardRefExoticComponent<JSX.IonItemGroup & Omit<import("react").HTMLAttributes<HTMLIonItemGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonItemGroupElement>>;
-export declare const IonItemOptions: import("react").ForwardRefExoticComponent<JSX.IonItemOptions & Omit<import("react").HTMLAttributes<HTMLIonItemOptionsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonItemOptionsElement>>;
-export declare const IonItemSliding: import("react").ForwardRefExoticComponent<JSX.IonItemSliding & Omit<import("react").HTMLAttributes<HTMLIonItemSlidingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonItemSlidingElement>>;
-export declare const IonLabel: import("react").ForwardRefExoticComponent<JSX.IonLabel & Omit<import("react").HTMLAttributes<HTMLIonLabelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonLabelElement>>;
-export declare const IonList: import("react").ForwardRefExoticComponent<JSX.IonList & Omit<import("react").HTMLAttributes<HTMLIonListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonListElement>>;
-export declare const IonListHeader: import("react").ForwardRefExoticComponent<JSX.IonListHeader & Omit<import("react").HTMLAttributes<HTMLIonListHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonListHeaderElement>>;
-export declare const IonMenu: import("react").ForwardRefExoticComponent<JSX.IonMenu & Omit<import("react").HTMLAttributes<HTMLIonMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonMenuElement>>;
-export declare const IonMenuButton: import("react").ForwardRefExoticComponent<JSX.IonMenuButton & Omit<import("react").HTMLAttributes<HTMLIonMenuButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonMenuButtonElement>>;
-export declare const IonMenuToggle: import("react").ForwardRefExoticComponent<JSX.IonMenuToggle & Omit<import("react").HTMLAttributes<HTMLIonMenuToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonMenuToggleElement>>;
-export declare const IonNav: import("react").ForwardRefExoticComponent<JSX.IonNav & Omit<import("react").HTMLAttributes<HTMLIonNavElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNavElement>>;
-export declare const IonNavLink: import("react").ForwardRefExoticComponent<JSX.IonNavLink & Omit<import("react").HTMLAttributes<HTMLIonNavLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNavLinkElement>>;
-export declare const IonNote: import("react").ForwardRefExoticComponent<JSX.IonNote & Omit<import("react").HTMLAttributes<HTMLIonNoteElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNoteElement>>;
-export declare const IonPicker: import("react").ForwardRefExoticComponent<JSX.IonPicker & Omit<import("react").HTMLAttributes<HTMLIonPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerElement>>;
-export declare const IonPickerColumn: import("react").ForwardRefExoticComponent<JSX.IonPickerColumn & Omit<import("react").HTMLAttributes<HTMLIonPickerColumnElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerColumnElement>>;
-export declare const IonPickerColumnOption: import("react").ForwardRefExoticComponent<JSX.IonPickerColumnOption & Omit<import("react").HTMLAttributes<HTMLIonPickerColumnOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerColumnOptionElement>>;
-export declare const IonProgressBar: import("react").ForwardRefExoticComponent<JSX.IonProgressBar & Omit<import("react").HTMLAttributes<HTMLIonProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonProgressBarElement>>;
-export declare const IonRadio: import("react").ForwardRefExoticComponent<JSX.IonRadio & Omit<import("react").HTMLAttributes<HTMLIonRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRadioElement>>;
-export declare const IonRadioGroup: import("react").ForwardRefExoticComponent<JSX.IonRadioGroup & Omit<import("react").HTMLAttributes<HTMLIonRadioGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRadioGroupElement>>;
-export declare const IonRange: import("react").ForwardRefExoticComponent<JSX.IonRange & Omit<import("react").HTMLAttributes<HTMLIonRangeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRangeElement>>;
-export declare const IonRefresher: import("react").ForwardRefExoticComponent<JSX.IonRefresher & Omit<import("react").HTMLAttributes<HTMLIonRefresherElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRefresherElement>>;
-export declare const IonRefresherContent: import("react").ForwardRefExoticComponent<JSX.IonRefresherContent & Omit<import("react").HTMLAttributes<HTMLIonRefresherContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRefresherContentElement>>;
-export declare const IonReorder: import("react").ForwardRefExoticComponent<JSX.IonReorder & Omit<import("react").HTMLAttributes<HTMLIonReorderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonReorderElement>>;
-export declare const IonReorderGroup: import("react").ForwardRefExoticComponent<JSX.IonReorderGroup & Omit<import("react").HTMLAttributes<HTMLIonReorderGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonReorderGroupElement>>;
-export declare const IonRippleEffect: import("react").ForwardRefExoticComponent<JSX.IonRippleEffect & Omit<import("react").HTMLAttributes<HTMLIonRippleEffectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRippleEffectElement>>;
-export declare const IonRow: import("react").ForwardRefExoticComponent<JSX.IonRow & Omit<import("react").HTMLAttributes<HTMLIonRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRowElement>>;
-export declare const IonSearchbar: import("react").ForwardRefExoticComponent<JSX.IonSearchbar & Omit<import("react").HTMLAttributes<HTMLIonSearchbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSearchbarElement>>;
-export declare const IonSegment: import("react").ForwardRefExoticComponent<JSX.IonSegment & Omit<import("react").HTMLAttributes<HTMLIonSegmentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentElement>>;
-export declare const IonSegmentButton: import("react").ForwardRefExoticComponent<JSX.IonSegmentButton & Omit<import("react").HTMLAttributes<HTMLIonSegmentButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentButtonElement>>;
-export declare const IonSegmentContent: import("react").ForwardRefExoticComponent<JSX.IonSegmentContent & Omit<import("react").HTMLAttributes<HTMLIonSegmentContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentContentElement>>;
-export declare const IonSegmentView: import("react").ForwardRefExoticComponent<JSX.IonSegmentView & Omit<import("react").HTMLAttributes<HTMLIonSegmentViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentViewElement>>;
-export declare const IonSelect: import("react").ForwardRefExoticComponent<JSX.IonSelect & Omit<import("react").HTMLAttributes<HTMLIonSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSelectElement>>;
-export declare const IonSelectModal: import("react").ForwardRefExoticComponent<JSX.IonSelectModal & Omit<import("react").HTMLAttributes<HTMLIonSelectModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSelectModalElement>>;
-export declare const IonSelectOption: import("react").ForwardRefExoticComponent<JSX.IonSelectOption & Omit<import("react").HTMLAttributes<HTMLIonSelectOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSelectOptionElement>>;
-export declare const IonSkeletonText: import("react").ForwardRefExoticComponent<JSX.IonSkeletonText & Omit<import("react").HTMLAttributes<HTMLIonSkeletonTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSkeletonTextElement>>;
-export declare const IonSpinner: import("react").ForwardRefExoticComponent<JSX.IonSpinner & Omit<import("react").HTMLAttributes<HTMLIonSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSpinnerElement>>;
-export declare const IonSplitPane: import("react").ForwardRefExoticComponent<JSX.IonSplitPane & Omit<import("react").HTMLAttributes<HTMLIonSplitPaneElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSplitPaneElement>>;
-export declare const IonTab: import("react").ForwardRefExoticComponent<JSX.IonTab & Omit<import("react").HTMLAttributes<HTMLIonTabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTabElement>>;
-export declare const IonText: import("react").ForwardRefExoticComponent<JSX.IonText & Omit<import("react").HTMLAttributes<HTMLIonTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTextElement>>;
-export declare const IonTextarea: import("react").ForwardRefExoticComponent<JSX.IonTextarea & Omit<import("react").HTMLAttributes<HTMLIonTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTextareaElement>>;
-export declare const IonThumbnail: import("react").ForwardRefExoticComponent<JSX.IonThumbnail & Omit<import("react").HTMLAttributes<HTMLIonThumbnailElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonThumbnailElement>>;
-export declare const IonTitle: import("react").ForwardRefExoticComponent<JSX.IonTitle & Omit<import("react").HTMLAttributes<HTMLIonTitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTitleElement>>;
-export declare const IonToggle: import("react").ForwardRefExoticComponent<JSX.IonToggle & Omit<import("react").HTMLAttributes<HTMLIonToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToggleElement>>;
-export declare const IonToolbar: import("react").ForwardRefExoticComponent<JSX.IonToolbar & Omit<import("react").HTMLAttributes<HTMLIonToolbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>>;