filepond 5.0.0-alpha.9 → 5.0.0-beta.10

package/README.md

@@ -7,16 +7,13 @@
 
 A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.
 
-**This is the v5 alpha/beta branch. [Take me to the v4 branch](https://github.com/pqina/filepond)**
+**This is the v5 beta branch. [Take me to the v4 branch](https://github.com/pqina/filepond)**
 
 TODO:
 
--   Docs are on the way
--   Naming of various types
--   Safari flashing of video while dragging
--   Run more tests on mobile devices
+-   [Finish docs](https://v5.filepond.com/)
+-   Better naming of various types
 -   Add basic image manipulation extensions
--   default styles for `:valid`, `:invalid`, and `:focus`
 
 If you're trying out v5, please share your feedback on [Discord](https://discord.gg/KTyymsrTrX)
 
@@ -25,7 +22,7 @@ If you're trying out v5, please share your feedback on [Discord](https://discord
 We can install the `filepond` package by running the following command in our terminal:
 
 ```
-npm install filepond@alpha
+npm install filepond@beta
 ```
 
 We wrap an `<input type="file">` with the `<file-pond>` custom element and then register the custom element using the `defineFilePond` function.
@@ -45,11 +42,36 @@ We wrap an `<input type="file">` with the `<file-pond>` custom element and then
     import { locale } from 'filepond/locales/en-gb.js';
 
     const elements = defineFilePond({
-        locale
+        locale,
     });
 </script>
 ```
 
+When using a framework like React, Svelte, or Vue we can use the `<file-pond>` custom element as if it were a Component.
+
+```jsx
+import { useState } from 'react';
+
+import { defineFilePond } from 'filepond';
+import { locale } from 'filepond/locales/en-gb.js';
+
+defineFilePond({
+    locale,
+});
+
+export default function App() {
+    const [myEntries, setMyEntries] = useState([]);
+    return (
+        <file-pond entries={myEntries}>
+            <label htmlFor="my-file">
+                Drop files here, or <u>browse</u>
+            </label>
+            <input id="my-file" type="file" name="docs" />
+        </file-pond>
+    );
+}
+```
+
 ## License
 
 [MIT](LICENSE.md)

package/cdn/assets/index.js

@@ -1,6 +1,6 @@
 /*!
-* FilePond v5.0.0-alpha.9
-* Copyright (c) 2017-2025 Pqina B.V.
+* FilePond v5.0.0-beta.10
+* Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
 */