filepond 5.0.0-beta.2 → 5.0.0-beta.21

package/esm/workers/httpRequest.js

@@ -0,0 +1,45 @@
+/*!
+* FilePond v5.0.0-beta.21
+* Copyright (c) 2017-2026 Pqina B.V.
+* Released under the MIT License
+* https://filepond.com
+*/
+function g({
+  url: l,
+  method: s = "GET",
+  formData: a,
+  data: p,
+  headers: i = [],
+  timeout: d = 0,
+  withCredentials: f = !1,
+  responseType: c = "text"
+}, u, { abortController: E = new AbortController(), onprogress: T, onabort: h }) {
+  function n() {
+    u(e.status + " (" + e.statusText + ")");
+  }
+  function q() {
+    const t = {
+      response: e.response,
+      responseHeaders: e.getAllResponseHeaders()
+    };
+    u(null, t, typeof t.response != "string" ? [t.response] : void 0);
+  }
+  function H(t) {
+    const o = new FormData();
+    return t.filter(Boolean).forEach((R) => {
+      o.append(...R);
+    }), o;
+  }
+  const e = new XMLHttpRequest();
+  e.responseType = c, E.signal.onabort = () => {
+    e.abort();
+  };
+  const r = p || (a ? H(a) : null);
+  (r ? e.upload : e).onprogress = T, e.onload = () => {
+    e.status >= 200 && e.status < 300 ? q() : n();
+  }, e.onerror = n, e.ontimeout = n, e.onabort = h, e.open(r && (s === "GET" || s === "HEAD") ? "POST" : s, l), e.withCredentials = f, e.timeout = d, i.forEach(([t, o]) => e.setRequestHeader(t, o)), e.send(r);
+}
+g.fileName = "httpRequest";
+export {
+  g as httpRequest
+};

package/esm/workers/httpRequestWorker.js

@@ -0,0 +1,37 @@
+function g({
+  url: l,
+  method: s = "GET",
+  formData: a,
+  data: p,
+  headers: i = [],
+  timeout: d = 0,
+  withCredentials: f = !1,
+  responseType: c = "text"
+}, u, { abortController: E = new AbortController(), onprogress: T, onabort: h }) {
+  function n() {
+    u(e.status + " (" + e.statusText + ")");
+  }
+  function q() {
+    const t = {
+      response: e.response,
+      responseHeaders: e.getAllResponseHeaders()
+    };
+    u(null, t, typeof t.response != "string" ? [t.response] : void 0);
+  }
+  function H(t) {
+    const o = new FormData();
+    return t.filter(Boolean).forEach((R) => {
+      o.append(...R);
+    }), o;
+  }
+  const e = new XMLHttpRequest();
+  e.responseType = c, E.signal.onabort = () => {
+    e.abort();
+  };
+  const r = p || (a ? H(a) : null);
+  (r ? e.upload : e).onprogress = T, e.onload = () => {
+    e.status >= 200 && e.status < 300 ? q() : n();
+  }, e.onerror = n, e.ontimeout = n, e.onabort = h, e.open(r && (s === "GET" || s === "HEAD") ? "POST" : s, l), e.withCredentials = f, e.timeout = d, i.forEach(([t, o]) => e.setRequestHeader(t, o)), e.send(r);
+}
+g.fileName = "httpRequest";
+self.onmessage = function (message) {g.apply(null, message.data.concat([function (err, response, transferList = []) {const message = { content: response, error: err };return self.postMessage(message, transferList);},{onprogress: function({ lengthComputable, loaded, total }) {self.postMessage({ type: 'progress', content: { lengthComputable, loaded, total }, error: null })}}]))}

package/esm/workers/readFile.js

@@ -0,0 +1,14 @@
+/*!
+* FilePond v5.0.0-beta.21
+* Copyright (c) 2017-2026 Pqina B.V.
+* Released under the MIT License
+* https://filepond.com
+*/
+function d(a, r, { onprogress: n }) {
+  const e = new FileReader();
+  e.onprogress = n, e.onloadend = () => r(null, { dataURL: e.result }), e.onerror = (o) => r(o), e.readAsDataURL(a);
+}
+d.fileName = "readFile";
+export {
+  d as readFile
+};

package/esm/workers/readFileWorker.js

@@ -0,0 +1,6 @@
+function d(a, r, { onprogress: n }) {
+  const e = new FileReader();
+  e.onprogress = n, e.onloadend = () => r(null, { dataURL: e.result }), e.onerror = (o) => r(o), e.readAsDataURL(a);
+}
+d.fileName = "readFile";
+self.onmessage = function (message) {d.apply(null, message.data.concat([function (err, response, transferList = []) {const message = { content: response, error: err };return self.postMessage(message, transferList);},{onprogress: function({ lengthComputable, loaded, total }) {self.postMessage({ type: 'progress', content: { lengthComputable, loaded, total }, error: null })}}]))}

package/esm/workers/transformImage.js

@@ -0,0 +1,16 @@
+/*!
+* FilePond v5.0.0-beta.21
+* Copyright (c) 2017-2026 Pqina B.V.
+* Released under the MIT License
+* https://filepond.com
+*/
+function r(a, e, m, l) {
+  const n = e ? [a, ...Object.values(e), m] : [a, m];
+  createImageBitmap.apply(null, n).then((t) => {
+    l(null, t, [t]);
+  });
+}
+r.fileName = "transformImage";
+export {
+  r as transformImage
+};

package/esm/workers/transformImageWorker.js

@@ -0,0 +1,8 @@
+function r(a, e, m, l) {
+  const n = e ? [a, ...Object.values(e), m] : [a, m];
+  createImageBitmap.apply(null, n).then((t) => {
+    l(null, t, [t]);
+  });
+}
+r.fileName = "transformImage";
+self.onmessage = function (message) {r.apply(null, message.data.concat([function (err, response, transferList = []) {const message = { content: response, error: err };return self.postMessage(message, transferList);},{onprogress: function({ lengthComputable, loaded, total }) {self.postMessage({ type: 'progress', content: { lengthComputable, loaded, total }, error: null })}}]))}

package/package.json

@@ -3,7 +3,7 @@
         "tag": "beta"
     },
     "name": "filepond",
-    "version": "5.0.0-beta.2",
+    "version": "5.0.0-beta.21",
     "description": "FilePond, where files go to stretch their bits.",
     "author": "Rik Schennink",
     "license": "MIT",
@@ -11,11 +11,12 @@
     "scripts": {
         "dev": "vite --host",
         "dev-optimal": "NODE_ENV=production vite --host",
-        "test": "vite --port 5175 --open /test/",
-        "build": "npm run esm && npm run cdn && npm run types",
+        "test": "vitest run --config vitest.config.ts",
+        "build": "npm run test && npm run esm && npm run cdn && npm run types",
         "esm": "rm -rf ./esm && vite build",
         "types": "rm -rf ./types && tsc -p ./tsconfig.build.json && cp src/types/*.d.ts types && echo 'import \"./custom-element.js\";\nimport \"./default-extensions.js\";' >> types/index.d.ts",
         "cdn": "rm -rf ./cdn && rollup -c rollup.config.js",
+        "dev-cdn": "npx ws --stack lws-redirect lws-static --redirect 'http://localhost:8000/cdn-redirect/ -> http://localhost:8000/cdn/'",
         "prepublishOnly": "npm run build && node prepublish.js"
     },
     "files": [
@@ -58,32 +59,36 @@
         "./assets": {
             "types": "./types/locales/index.d.ts",
             "import": "./esm/assets/index.js"
+        },
+        "./workers": {
+            "types": "./types/workers/*.d.ts",
+            "import": "./esm/workers/*.js"
+        },
+        "./dev": {
+            "types": "./types/dev/index.d.ts",
+            "import": "./esm/dev/index.js"
         }
     },
     "devDependencies": {
         "@rollup/plugin-terser": "^0.4.4",
         "@sveltejs/vite-plugin-svelte": "^6.0.0",
         "@typescript-eslint/types": "^8.48.1",
-        "chai": "^4.3.7",
-        "chokidar-cli": "^3.0.0",
+        "@vitest/browser-playwright": "^4.0.18",
         "eslint-plugin-svelte": "^2.46.1",
         "glob": "^11.0.3",
-        "http-server": "^14.1.1",
-        "mocha": "^10.2.0",
-        "mocha-headless-chrome": "^4.0.0",
+        "mock-xmlhttprequest": "^8.4.1",
         "prettier-plugin-jsdoc": "^1.3.0",
         "prettier-plugin-svelte": "^3.4.0",
         "replace-in-files-cli": "^3.0.0",
         "rollup": "^4.53.3",
         "rollup-plugin-cleanup": "^3.2.1",
         "rollup-plugin-license": "^3.6.0",
-        "sinon": "^15.0.1",
-        "svelte": "^5.45.6",
+        "svelte": "^5.53.12",
         "svelte-check": "^4.3.1",
         "typescript": "^5.9.2",
-        "unplugin-dts": "^1.0.0-beta.0",
         "vite": "^7.2.6",
         "vite-plugin-dts": "^4.5.4",
-        "vite-plugin-static-copy": "^3.1.2"
+        "vite-plugin-static-copy": "^3.1.2",
+        "vitest": "^4.0.18"
     }
 }

package/types/core/entryTree.d.ts

@@ -1,10 +1,14 @@
 import type { FilePondEntry, FilePondEntrySource } from '../types/index.js';
 export interface EntryTreeOptions {
+    /**
+     * Called before inserting entries into the tree, allows limiting the amount of entries inserted
+     */
+    beforeInsertEntries?: (entriesToInsert: FilePondEntry[], currentEntries: FilePondEntry[]) => FilePondEntry[];
     /**
      * Called before an entry is added to the tree, allows manipulating the entry, or returning
-     * false to prevent adding it
+     * false to prevent adding it, can be called multiple times
      */
-    beforeAddEntry?: (entry: FilePondEntrySource) => false | FilePondEntry;
+    beforeOnboardEntry?: (entry: FilePondEntrySource) => false | FilePondEntry;
     /** Called before an `entry` is updated with `props`, allows manipulating the props */
     beforeUpdateEntryWithProps?: (entry: FilePondEntry, props: {
         [key: string]: any;

package/types/core/extensionManager.d.ts

@@ -5,6 +5,19 @@ import type { createEntryTree, Needle } from './entryTree.js';
 export type ExtensionFactory = Extension | [Extension, {
     [key: string]: unknown;
 }];
+export type ExtensionFactoryInsertInstructions = Extension | [Extension, {
+    [key: string]: unknown;
+}] | [Extension, {
+    [key: string]: unknown;
+}, {
+    before: string;
+    after?: undefined;
+}] | [Extension, {
+    [key: string]: unknown;
+}, {
+    before?: undefined;
+    after: string;
+}];
 export interface LoadedExtension {
     current?: any;
     index: number;
@@ -42,7 +55,7 @@ export interface ExtensionManagerAPI {
     setExtensionStatus: (status: ExtensionStatus) => void;
     getExtensionStatus: () => ExtensionStatus;
 }
-export declare function createExtensionManager(tree: ReturnType<typeof createEntryTree>): {
+export interface ExtensionMangerInstance {
     on: (event: string, callback: (detail?: any) => void) => () => void;
     get extensions(): Extension[];
     set extensions(newExtensionFactories: ExtensionFactory[]);
@@ -57,4 +70,5 @@ export declare function createExtensionManager(tree: ReturnType<typeof createEnt
         [name: string]: ExtensionState;
     };
     destroy(): void;
-};
+}
+export declare function createExtensionManager(tree: ReturnType<typeof createEntryTree>): ExtensionMangerInstance;

package/types/core/taskScheduler.d.ts

@@ -1,5 +1,5 @@
 export interface TaskSchedulerOptions {
-    logState?: boolean;
+    log?: (tasks: Task[]) => void;
 }
 export interface TaskFnOptions {
     abortController: AbortController;
@@ -21,7 +21,7 @@ export interface Task {
     state: number;
     /** Used to abort the task */
     abortController: AbortController;
-    /** Run this task even when an earlier task has a soft failure */
+    /** Run this task even when an earlier task has a soft failure (for example file failed to validate) */
     isOptional: boolean;
 }
 export interface TaskOptions {

package/types/dev/index.d.ts

@@ -10,6 +10,13 @@ export interface GenerateImageOptions extends GenerateFileOptions {
     quality?: number;
     fillStyle?: string | CanvasGradient | CanvasPattern;
 }
+export interface GenerateVideoOptions extends GenerateFileOptions {
+    width?: number;
+    height?: number;
+    fps?: number;
+    frames?: number;
+    fillStyle?: string | CanvasGradient | CanvasPattern;
+}
 export interface TimeInfo {
     ms: number;
     step: number;
@@ -23,11 +30,12 @@ export interface TimeInfo {
 export declare function generateFile(options?: GenerateFileOptions): Promise<File | null>;
 /**
  * Generates a mock image file with a colorful gradient and type information overlay.
- *
- * Creates a canvas-based image with random gradient colors and text showing the file type and
- * dimensions. Useful for testing image handling functionality.
  */
 export declare function generateImage(options?: GenerateImageOptions): Promise<File>;
+/**
+ * Generates a mock video file with silver frames and type information overlay.
+ */
+export declare function generateVideo(options?: GenerateVideoOptions): Promise<File | null>;
 /**
  * Generates a mock text document for testing purposes.
  *

package/types/elements/FilePondDefault/index.d.ts

@@ -1,12 +1,14 @@
 import type { ExtensionFactory } from '../../core/extensionManager.ts';
-import type { AnimationMode, Locale, SpringOptions } from '../../types/index.js';
+import type { AnimationMode, Extension, Locale, SpringOptions } from '../../types/index.js';
 import { FilePondInputElement } from '../FilePondInput/index.js';
 import '../../extensions/file-input-source.js';
 import '../../extensions/data-transfer-loader.js';
 import '../../extensions/value-callback-store.js';
+import '../../extensions/file-extension-validator.js';
+import '../../extensions/file-mime-type-validator.js';
 import '../../extensions/entry-list-view.js';
-/** Wraps a set of extensions in with the default FilePond custom element extensions */
-export declare function createFilePondExtensionSet(extensions?: ExtensionFactory[]): ExtensionFactory[];
+/** Wraps a set of extensions in with the default FilePond custom element extensions, this extension selection makes switching from a default input to a file-pond element as frictionless as possible */
+export declare function createFilePondExtensionSet(extensions?: ExtensionFactory[]): Extension[];
 export declare class FilePondElement extends FilePondInputElement {
     #private;
     /** Pass spring and animaton config to children */
@@ -17,7 +19,13 @@ export declare class FilePondElement extends FilePondInputElement {
     /** Set to false to hide credits */
     static get observedAttributes(): string[];
     attributeChangedCallback(name: string, _: string, value: string | boolean): void;
+    /** Set to `true` to remove drop area */
+    set noDrop(value: boolean);
+    /** Returns current nodrop state */
+    get noDrop(): boolean;
+    /** Set to `true` to remove the attribution link */
     set noAttribution(value: boolean);
+    /** Returns current noattribution state */
     get noAttribution(): boolean;
     constructor();
     connectedCallback(): void;
@@ -31,10 +39,12 @@ export interface defineFilePondOptions {
     extensions?: ExtensionFactory[];
     /** Initial Spring configuration */
     springDefaults?: SpringOptions;
+    /** Location of web workers */
+    workersURL?: URL;
 }
 /**
  * Registers the `<file-pond>` custom element, `initialOptions` passed will be assigned as props,
- * returns an array of `<file-pond>` elements on the page at time of registration
- * @param initialOptions - The initial options to pass to the FilePond elements
+ * returns an array of `<file-pond>` components on the page at time of registration
+ * @param initialOptions - The initial options to pass to the FilePond components
  */
 export declare function defineFilePond(initialOptions?: defineFilePondOptions): FilePondElement[];

package/types/elements/FilePondEntryList/components/MediaImage/index.d.ts

@@ -8,7 +8,7 @@ export interface MediaImageOptions {
     /** Media height in pixels */
     resizeQuality?: MediaResizeQuality;
     /** How to present image in viewer, defaults to 'cover', alternative is 'contain' */
-    objectSize?: 'cover' | 'contain';
+    objectFit?: 'cover' | 'contain';
     /** The amount we should overflowAmount the image when we move it around */
     overflowAmount?: number;
     /** Enable parralax effects while dragging images */

package/types/elements/FilePondEntryList/components/MediaVideo/index.d.ts

@@ -5,7 +5,7 @@ export interface MediaVideoOptions {
     /** The amount we should overflowAmount the image when we move it around */
     overflowAmount?: number;
     /** How to present image in viewer, defaults to 'cover', alternative is 'contain' */
-    objectSize?: 'cover' | 'contain';
+    objectFit?: 'cover' | 'contain';
     /** Enable parallax on media */
     enableParallax?: boolean;
     /** Set to false to enable audio by default */

package/types/elements/FilePondEntryList/contexts/appContext.d.ts

@@ -3,6 +3,7 @@ import type { Rect } from '../../../utils/rect.js';
 import type { AnimatedEntry, AppCallbacks } from '../index.js';
 export interface AppContext extends AppCallbacks {
     readonly enableAnimations: boolean;
+    readonly enableDrag: boolean;
     readonly locale: Locale;
     readonly assets: {
         [key: string]: string;

package/types/elements/FilePondEntryList/contexts/entryContext.d.ts

@@ -1,6 +1,7 @@
 import type { FilePondEntry } from '../../../types/index.js';
 interface EntryContext {
     readonly current: FilePondEntry;
+    readonly ariaId: string;
 }
 export declare function setEntryContext(value: EntryContext): void;
 export declare function getEntryContext(): EntryContext;

package/types/elements/FilePondEntryList/index.d.ts

@@ -1,4 +1,4 @@
-import type { Needle, FilePondEntry, FilePondEntrySource, TemplateNode } from '../../types/index.js';
+import type { Needle, FilePondEntry, FilePondEntrySource } from '../../types/index.js';
 import type { Vector } from '../../utils/vector.js';
 import { FilePondSvelteComponentElement } from '../FilePondSvelteComponent/index.svelte.js';
 export interface AnimatedEntry {
@@ -11,10 +11,11 @@ export interface AnimatedEntry {
 export interface DragInteraction {
     id: string;
     element: HTMLElement | undefined;
-    offset: Vector;
-    translation: Vector;
-    vector: Vector;
-    viewPosition: Vector;
+    offset?: Vector;
+    translation?: Vector;
+    vector?: Vector;
+    viewPosition?: Vector;
+    direction?: 'none' | 'up' | 'down' | 'left' | 'right';
 }
 export interface DropState {
     id?: string;
@@ -24,10 +25,10 @@ export interface DragState {
     id: string;
     index: number;
     element: HTMLElement | undefined;
-    offset: Vector;
-    translation: Vector;
-    parentTranslation: Vector;
-    outside: boolean;
+    offset?: Vector;
+    translation?: Vector;
+    parentTranslation?: Vector;
+    outside?: boolean;
 }
 export interface AppCallbacks {
     setEntries: (entries: FilePondEntry[]) => void;
@@ -55,8 +56,6 @@ export interface AppCallbacks {
 export declare const COMPONENT_PROPS: string[];
 /** FilePond EntryList Element */
 export declare class FilePondEntryListElement extends FilePondSvelteComponentElement {
-    #private;
-    set template(value: TemplateNode[]);
     constructor();
     connectedCallback(): void;
 }

package/types/elements/FilePondInput/index.d.ts

@@ -1,9 +1,10 @@
 import type { AnimationMode, Locale } from '../../types/index.js';
 import type { FilePondEntrySource, FilePondEntry } from '../../types/index.js';
 import type { ExtensionFactory } from '../../core/extensionManager.js';
-import { type Needle } from '../../core/entryTree.js';
+import { type EntryTreeOptions, type Needle } from '../../core/entryTree.js';
 import { HTMLElementSafe } from '../../common/ssr.js';
-export declare function createFilePondEntryTree(): {
+export type createFilePondEntryTreeOptions = Omit<EntryTreeOptions, 'beforeOnboardEntry' | 'beforeUpdateEntryWithProps'>;
+export declare function createFilePondEntryTree(options?: createFilePondEntryTreeOptions): {
     on: (event: string, callback: (detail?: any) => void) => () => void;
     insertEntries: (rawEntries: FilePondEntrySource | FilePondEntrySource[], index?: number | number[]) => void;
     findEntries: (...needles: (void | Needle)[]) => FilePondEntry | (FilePondEntry | undefined)[] | undefined;
@@ -35,23 +36,23 @@ export interface FilePondInputElementEvents {
 export declare class FilePondInputElement extends HTMLElementSafe implements FilePondInputElementEvents {
     #private;
     /** Returns a reference to the shadow root element */
-    get _root(): ShadowRoot;
+    get _root(): HTMLDivElement;
     /** Returns a reference to the slot element */
     get _slot(): HTMLSlotElement;
     /** Attributes being observed for changes */
     static get observedAttributes(): string[];
     /** Called when attributes are changed, added, removed, or replaced */
     attributeChangedCallback(name: string, _: string, value: string | boolean): void;
-    /** Sets the inner input element id */
-    set inputId(value: string);
-    /** Returns the inner input element id */
-    get inputId(): string;
     /** Disable the field and sets the disabled attribute */
     set disabled(value: boolean);
     /** Gets the field disabled state */
     get disabled(): boolean;
+    /** Set the field webkitdirectory state */
+    set webkitdirectory(value: boolean);
+    /** Gets the field webkitdirectory state */
+    get webkitdirectory(): boolean;
     /** Toggle the field multiple state */
-    set multiple(value: boolean);
+    set multiple(allowMultiple: boolean);
     /** Gets the field multiple state */
     get multiple(): boolean;
     /**
@@ -72,7 +73,12 @@ export declare class FilePondInputElement extends HTMLElementSafe implements Fil
     get accept(): string;
     /** Setting to toggle animations */
     set animations(value: AnimationMode);
+    /** Returns the current animation mode */
     get animations(): AnimationMode;
+    /** Toggle browse button */
+    set noBrowse(value: boolean);
+    /** Returns the current browse button state */
+    get noBrowse(): boolean;
     /** Min file size setter, accepts a number of bytes or a natural filesize string like 1MB */
     set minSize(value: number | string);
     /** Returns the currently set min file size */
@@ -104,9 +110,13 @@ export declare class FilePondInputElement extends HTMLElementSafe implements Fil
     /** Sets the locale */
     set locale(value: Locale);
     /** Returns the current locale object, so it's easier to extend */
-    get locale(): Locale | null;
+    get locale(): Locale | undefined;
     /** Sets custom extensions to load */
     set extensions(extensions: ExtensionFactory[]);
+    /** Update worker url */
+    set workersURL(value: URL);
+    /** Browse files */
+    browse(): void;
     /** Listen for events */
     on(type: string, handler: (...args: any[]) => void): () => void;
     /** Add/Insert entries in the entry tree */
@@ -133,6 +143,7 @@ export declare class FilePondInputElement extends HTMLElementSafe implements Fil
     constructor(options: {
         styles: string[];
     });
+    setBrowseButtonLabelKey(key: string): void;
     /** Called each time the element is added to the document */
     connectedCallback(): void;
     /** Called each time the element is removed from the document. */
@@ -158,9 +169,9 @@ export declare class FilePondInputElement extends HTMLElementSafe implements Fil
     /** Proxy for element internals `reportValidity()` method */
     reportValidity(): void;
     /** Proxy for element internals `validity` getter */
-    get validity(): ValidityState | undefined;
+    get validity(): ValidityState;
     /** Proxy for element internals `validationMessage` getter */
-    get validationMessage(): string | undefined;
+    get validationMessage(): string;
     /** Called when element or parent element (for example a `<fieldset>`) is set to disabled */
     formDisabledCallback(isDisabled: boolean): void;
     /**

package/types/elements/common/animationPreference.svelte.d.ts

@@ -1,4 +1,7 @@
-export declare function createAnimationState(initial?: 'auto' | 'always' | 'never'): {
-    setPreference(value: "auto" | "always" | "never"): void;
-    readonly current: boolean;
+export declare function getGlobalPreventAnimations(): {
+    current: boolean | null;
 };
+export declare function getShouldReduceMotion(): {
+    current: boolean;
+};
+export declare function computeAnimationPreference(preference: "auto" | "always" | "never" | undefined, preventGlobal: boolean | null, reduceMotion: boolean): boolean;

package/types/elements/common/nodeTree.d.ts

@@ -83,7 +83,7 @@ export interface NodeTree {
     remove: (key: string) => NodeTree;
     replace: (key: string, ...nodes: (NodeTree | TemplateNode)[]) => NodeTree;
     update: (key: string, updater: (node: TemplateNode) => void) => NodeTree;
-    append: (...nodes: (NodeTree | TemplateNode)[]) => NodeTree;
+    append: (...nodes: (NodeTree | TemplateNode | false)[]) => NodeTree;
     prepend: (...nodes: (NodeTree | TemplateNode)[]) => NodeTree;
     insert: (index: number, ...nodes: (NodeTree | TemplateNode)[]) => NodeTree;
 }

package/types/elements/common/string.d.ts

@@ -5,7 +5,7 @@ export declare function statusCodeToLocaleKey(code: string): string;
 /** Drills down into an objecto find a prop value, if is null or undefined, returns empty string */
 export declare function getObjectValueByString(selector: string, value: any): any;
 export declare function stringReplaceVariables(label: string | DynamicLocale, data?: {
-    [key: string]: string;
+    [key: string]: string | number | boolean | null;
 }, locale?: Locale): string;
 export declare function getValueByKeyFromData(key: string, data: {
     [key: string]: string;

package/types/extensions/common/createTransformExtension.d.ts

@@ -36,7 +36,7 @@ export interface TransformExtensionOptions {
      * automatically. When this prop is set the `actionTransform` prop cannot be set to `false` to
      * reset the transform
      */
-    shouldTransform?: (entry: FilePondEntry) => Promise<boolean>;
+    shouldTransform?: (entry: FilePondEntry) => Promise<boolean> | boolean;
     /** How many transform operations can run in parallel, defaults to `1` */
     parallel?: number;
 }

package/types/extensions/data-url-store.d.ts

@@ -1,5 +1,7 @@
 import type { StoreExtensionOptions } from './common/createStoreExtension.js';
 export interface DataURLStoreOptions extends StoreExtensionOptions {
+    /** Where the extension can find the WebWorker to use */
+    workersURL?: URL;
 }
 export declare const DataURLStore: import("./common/createExtension.js").Extension;
 declare module '../index.js' {

package/types/extensions/file-name-transform.d.ts

@@ -8,7 +8,7 @@ export interface FileNameTransformOptions extends TransformExtensionOptions {
     /** Allows requesting a new filename. */
     renameEntry?: (entry: FilePondFileEntry, options: {
         basename: string;
-        extentsion: string;
+        extension: string;
         history: string[];
     }) => Promise<string>;
 }

package/types/extensions/file-size-validator.d.ts

@@ -4,6 +4,8 @@ export interface FileSizeValidatorOptions extends ValidatorExtensionOptions {
     minSize?: number | string;
     /** Max file size in bytes or a natural file size. Defaults to `Infinity` */
     maxSize?: number | string;
+    /** The natural file size format to use, defaults to `'mega'` if no natural file size supplied for `minSize` or `maxSize` */
+    byteUnits?: 'mega' | 'mebi';
 }
 export declare const FileSizeValidator: (pond: import("../core/extensionManager.js").ExtensionManagerAPI) => import("./common/createExtension.js").ExtensionInstance;
 declare module '../index.js' {

package/types/extensions/image-bitmap-transform.d.ts

@@ -0,0 +1,32 @@
+import { type TransformExtensionOptions } from './common/createTransformExtension.js';
+export interface ImageBitmapTransformOptions extends TransformExtensionOptions {
+    /** Image target width, defaults to `undefined` */
+    width?: number;
+    /** Image target height, defaults to `undefined` */
+    height?: number;
+    /** How to fit image in target size bounds, defaults to `'contain'` */
+    fit?: 'cover' | 'contain' | 'force';
+    /** Should we upscale images, defaults to `false` */
+    upscale?: boolean;
+    /** Output aspect ratio, defaults to input image aspect ratio */
+    aspectRatio?: number;
+    /** Output format type, defaults to input image type, some example types are `'image/jpeg'`, `'image/wepb'`, and `'image/png'`, limited to what the canvas `toBlob` method can output for the current browser */
+    type?: string;
+    /** Resize quality. Defaults to `'medium'` */
+    quality?: 'pixelated' | 'low' | 'medium' | 'high';
+    /** Compression quality. Value between `0` and `1`, defaults to `.98`, only applies to JPEG and WEBP output */
+    compression?: number;
+    /** Where the extension can find the WebWorker to use */
+    workersURL?: URL;
+    /** Action name to use for rename. Defaults to `'transformImage'` */
+    actionTransform?: string;
+}
+export declare const ImageBitmapTransform: (pond: import("../core/extensionManager.js").ExtensionManagerAPI) => import("./common/createExtension.js").ExtensionInstance;
+declare module '../index.js' {
+    interface FilePondElement {
+        ImageBitmapTransform: ImageBitmapTransformOptions;
+    }
+    interface defineFilePondOptions {
+        ImageBitmapTransform: ImageBitmapTransformOptions;
+    }
+}

package/types/extensions/index.d.ts

@@ -27,4 +27,5 @@ export { ChunkedUploadStore } from './chunked-upload-store.js';
 export { DataURLStore } from './data-url-store.js';
 export { SimulatedStore } from './simulated-store.js';
 export { FileNameTransform } from './file-name-transform.js';
+export { ImageBitmapTransform } from './image-bitmap-transform.js';
 export { ConsoleView } from './console-view.js';