fix(web-components/file-input): trash icon remains visible when `error=true`

[saraparsa13]

Description:

After the file-upload API call fails and the error prop is set to true on the file-input component, the error styling and message appear correctly, but the trash (clear) icon remains visible. This allows users to attempt to clear a file that never successfully uploaded, causing confusion.

To Reproduce:

1. Render:

<TapsiFileInput
  label="upload the image"
  hideLabel
  placeholder="upload the image"
  accept="image/*"
  disabled={isPending}
  loading={isPending}
  onInput={handleUploadFile}
  error={isError}
  errorText="error on uploading the image,please try again!"
/>

2. Simulate a failed upload by rejecting the API call and setting isError === true.
3. Observe that the error styling and text appear, and the trash icon is still rendered.

Expected behavior:

When error={true} (i.e. upload failed), the component should:

• Display the error message
• Hide the trash/clear icon, since there is no valid file to clear.

Desktop:

• OS: macOS 14.4.1
• Browser: Chrome 135
• @tapsioss/web‑components: v0.11.1

Screen Record:

Screen.Recording.1404-01-31.at.12.29.08.mov

[saraparsa13]

Based on the discussion with @mimshins , the trash icon remains visible because the file input still holds its value. The developer can reset the input’s value upon entering the error state to hide the icon correctly. As this matches the intended behavior, I’m closing this issue.