feat: added File Upload Component

[Swappea]

• Added new file upload components which is accessible in nature.
• Components are present to show list of uploaded files, show an image preview if needed, show file size, and ability to remove those files.

[netlify]

✅ Deploy Preview for kobalte ready!

Name	Link
🔨 Latest commit	cd82657
🔍 Latest deploy log	https://app.netlify.com/sites/kobalte/deploys/67266c482dfa3900086f1605
😎 Deploy Preview	https://deploy-preview-512--kobalte.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 84 (🟢 up 1 from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 82 (no change from production) PWA: 60 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Swappea]

@jer3m01 - I have fixed the formatting issues, could you please approve the workflow so I can check if formatting is as expected?

Also could you please review the PR?

.mdx formatting is very weird in terms of DX.

[jer3m01]

.mdx formatting is very weird in terms of DX.

Yeah the docs aren't the nicest to write, this is being worked on 👀.

[Swappea]

.mdx formatting is very weird in terms of DX.

Yeah the docs aren't the nicest to write, this is being worked on 👀.

@jer3m01 - any idea on how to fix the formatting issue I am getting? Within VSCode, if I format using prettier I don't see any issues.

Is there any command that I am probably missing?

[jer3m01]

Is there any command that I am probably missing?

You can run pnpm -w format to run both formatters.

[Swappea]

Is there any command that I am probably missing?

You can run pnpm -w format to run both formatters.

Wow for some reason after running this command, over 500 files were changed as per git but there were no visible changes.
Need to check what happened.

I have pushed the 2 files which were showing issues.

[jer3m01]

Thanks for the interest and the work!

I've noted a few issues but it mostly looks good.

Could another example be added to the docs for HTML form submissions, like there is for TextField but instead maybe only write the submitted file names in the alert().

Thanks again for the PR!

[Swappea]

@jer3m01 - updated please check..
Thank you

[jer3m01]

Thanks for the changes! A few classes haven't been removed yet, I unresolved the cases.

[Swappea]

Sorry, missed removing those, not sure how. All the classes have now been removed.

[jer3m01]

Looks good! Thanks for the PR and changes!

Will merge soon.