Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

The type InputInputEventDetail is not importable to be used in an onIonInput component.

Expected Behavior

We should be able to import like this:

import type { InputInputEventDetail } from '@ionic/react

That way the user should be able to use that as a type.

Steps to Reproduce

1. Use Ionic/React and TypeScript.

2. Use an IonInput component and then use onIonInput parameter.

3. Use an event function. When hovering over the event it says that it is of type IonInputCustomEvent<InputInputEventDetail>.

4. Try to type it as <InputCustomEvent<InputInputEventDetail>>. The error is Cannot find name InputInputEventDetail

5. Try to import the type:

import type { InputInputEventDetail } from '@ionic/react'

The error will be Module '@ionic/react' has no exported member 'InputInputEventDetail'

Code Reproduction URL

https://ionic-react-first-app-5u1acp.stackblitz.io

Ionic Info

Ionic:

Ionic CLI : 7.1.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/react 8.1.0

Capacitor:

Capacitor CLI : 6.0.0
@capacitor/android : 6.0.0
@capacitor/core : 6.0.0
@capacitor/ios : 6.0.0

Utility:

cordova-res : 0.15.4
native-run : 2.0.1

System:

NodeJS : v20.12.2 (/usr/local/bin/node)
npm : 10.5.0
OS : Linux 5.14

───────────────────────────────────────────────

 Ionic CLI update available: 7.1.1 → 7.2.0
     Run npm i -g @ionic/cli to update

───────────────────────────────────────────────

Additional Information