filepond 5.0.0-beta.20 → 5.0.0-beta.21

package/esm/elements/FilePondEntryList/index.svelte.js

@@ -1,57 +1,57 @@
 /*!
-* FilePond v5.0.0-beta.20
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
 */
 import { get as e, untrack as b } from "../../svelte/svelte/src/internal/client/runtime.js";
-import { push as xe, pop as Ie } from "../../svelte/svelte/src/internal/client/context.js";
-import { _$window as Ae, child as ht, sibling as Re } from "../../svelte/svelte/src/internal/client/dom/operations.js";
+import { push as Ie, pop as Ae } from "../../svelte/svelte/src/internal/client/context.js";
+import { _$window as Re, child as ht, sibling as Ce } from "../../svelte/svelte/src/internal/client/dom/operations.js";
 import { set as n, state as u } from "../../svelte/svelte/src/internal/client/reactivity/sources.js";
-import { user_effect as T, template_effect as Ce } from "../../svelte/svelte/src/internal/client/reactivity/effects.js";
+import { user_effect as k, template_effect as Te } from "../../svelte/svelte/src/internal/client/reactivity/effects.js";
 import { set_text as ke } from "../../svelte/svelte/src/internal/client/render.js";
-import { from_html as Te, append as we } from "../../svelte/svelte/src/internal/client/dom/template.js";
+import { from_html as we, append as Pe } from "../../svelte/svelte/src/internal/client/dom/template.js";
 import { user_derived as l } from "../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
 import { attach as Y } from "../../svelte/svelte/src/internal/client/dom/elements/attachments.js";
-import { delegate as Pe, event as Me, delegated as St } from "../../svelte/svelte/src/internal/client/dom/elements/events.js";
-import { proxy as _e } from "../../svelte/svelte/src/internal/client/proxy.js";
-import { bind_this as Oe } from "../../svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
+import { delegate as Me, event as _e, delegated as St } from "../../svelte/svelte/src/internal/client/dom/elements/events.js";
+import { proxy as Oe } from "../../svelte/svelte/src/internal/client/proxy.js";
+import { bind_this as Ge } from "../../svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
 import { bind_window_size as Dt } from "../../svelte/svelte/src/internal/client/dom/elements/bindings/window.js";
-import { prop as s } from "../../svelte/svelte/src/internal/client/reactivity/props.js";
+import { prop as a } from "../../svelte/svelte/src/internal/client/reactivity/props.js";
 import { dragarea as Ne } from "../attachments/dragarea.js";
 import { droparea as Fe } from "../attachments/droparea.js";
 import { arrayMove as xt, arrayInsertAtIndex as It } from "../../utils/array.js";
-import { ORIGIN as _, vectorCreate as Z, vectorEqual as Ke, vectorSubtract as Be, vectorAdd as Ge } from "../../utils/vector.js";
-import { rectPad as $, rectContainsPoint as tt, rectFromBounds as At, rectCenter as Le } from "../../utils/rect.js";
-import { passthrough as Ue, noop as O } from "../../utils/placeholder.js";
+import { ORIGIN as _, vectorCreate as Z, vectorEqual as Ke, vectorSubtract as Be, vectorAdd as Le } from "../../utils/vector.js";
+import { rectPad as $, rectContainsPoint as tt, rectFromBounds as At, rectCenter as Ue } from "../../utils/rect.js";
+import { passthrough as ze, noop as O } from "../../utils/placeholder.js";
 import { measurable as Rt } from "../attachments/measurable.js";
-import { dispatchCustomEvent as L, setBooleanAttribute as ze } from "../../utils/dom.js";
-import { computeAnimationPreference as je, getShouldReduceMotion as Ve, getGlobalPreventAnimations as qe } from "../common/animationPreference.svelte.js";
-import { setAppContext as He } from "./contexts/appContext.js";
-import { setDragContext as We } from "./contexts/dragContext.js";
-import { setDropContext as Xe } from "./contexts/dropContext.js";
+import { dispatchCustomEvent as L, setBooleanAttribute as je } from "../../utils/dom.js";
+import { computeAnimationPreference as Ve, getShouldReduceMotion as qe, getGlobalPreventAnimations as He } from "../common/animationPreference.svelte.js";
+import { setAppContext as We } from "./contexts/appContext.js";
+import { setDragContext as Xe } from "./contexts/dragContext.js";
+import { setDropContext as Je } from "./contexts/dropContext.js";
 import { getUniqueId as Ct } from "../../utils/string.js";
-import { setSpringElementTreeContext as Je } from "./contexts/springElementTreeContext.js";
-import { sizeFromRect as Qe } from "../../utils/size.js";
-import { isNumber as kt } from "../../utils/test.js";
-import Ye from "../components/NodeList/index.svelte.js";
-import { hasOwnProp as Ze } from "../../utils/object.js";
-import { getDragTargetIndex as $e, getDropTargetIndex as tr } from "../common/dragDrop.js";
-import { clamp as er } from "../../utils/math.js";
-import { isActivationKeyboardEvent as Tt, isArrowKeyboardEvent as rr, getDirectionFromKeyboardEvent as nr, isTabKeyboardEvent as ir, isCancelKeyboardEvent as or } from "../../utils/keyboard.js";
-import { stringReplaceVariables as ar } from "../common/string.js";
-var sr = Te('<div class="root"><!> <div role="status" aria-live="polite" class="implicit"> </div></div>');
-function Vr(wt, i) {
-  xe(i, !0);
-  let H = s(i, "disabled", 3, !1), et = s(i, "assets", 19, () => ({})), U = s(i, "locale", 19, () => ({})), Pt = s(i, "template", 19, () => []), Mt = s(i, "propResourceMap", 19, () => ({ title: "locale", label: "locale", icon: "assets" })), rt = s(i, "drag", 3, !0), _t = s(i, "dragDetachMargin", 3, 40), nt = s(i, "dragSafetyMargin", 3, 80), it = s(i, "drop", 3, !0), Ot = s(i, "dropRoot", 3, void 0), ot = s(i, "dropPadding", 3, 20), Nt = s(i, "animations", 3, "auto"), Ft = s(i, "entryAnimationOriginMap", 19, () => ({})), Kt = s(i, "entryAnimationProps", 19, () => ({})), at = s(i, "entryAnimationStaggerInterval", 3, 50), Bt = s(i, "beforeRenderNode", 3, Ue), Gt = s(i, "byteUnits", 3, void 0);
-  const Lt = qe(), Ut = Ve(), W = l(() => je(Nt(), Lt.current, Ut.current)), zt = 50;
+import { setSpringElementTreeContext as Qe } from "./contexts/springElementTreeContext.js";
+import { sizeFromRect as Ye } from "../../utils/size.js";
+import { isNumber as Tt } from "../../utils/test.js";
+import Ze from "../components/NodeList/index.svelte.js";
+import { hasOwnProp as $e } from "../../utils/object.js";
+import { getDragTargetIndex as tr, getDropTargetIndex as er } from "../common/dragDrop.js";
+import { clamp as rr } from "../../utils/math.js";
+import { isActivationKeyboardEvent as kt, isArrowKeyboardEvent as nr, getDirectionFromKeyboardEvent as ir, isTabKeyboardEvent as or, isCancelKeyboardEvent as ar } from "../../utils/keyboard.js";
+import { stringReplaceVariables as sr } from "../common/string.js";
+var dr = we('<div class="root"><!> <div role="status" aria-live="polite" class="implicit"> </div></div>');
+function qr(wt, i) {
+  Ie(i, !0);
+  let H = a(i, "disabled", 3, !1), et = a(i, "assets", 19, () => ({})), U = a(i, "locale", 19, () => ({})), Pt = a(i, "template", 19, () => []), Mt = a(i, "propResourceMap", 19, () => ({ title: "locale", label: "locale", icon: "assets" })), rt = a(i, "drag", 3, !0), _t = a(i, "dragGrabTimeout", 3, 100), Ot = a(i, "dragDetachMargin", 3, 40), nt = a(i, "dragSafetyMargin", 3, 80), it = a(i, "drop", 3, !0), Gt = a(i, "dropRoot", 3, void 0), ot = a(i, "dropPadding", 3, 20), Nt = a(i, "animations", 3, "auto"), Ft = a(i, "entryAnimationOriginMap", 19, () => ({})), Kt = a(i, "entryAnimationProps", 19, () => ({})), at = a(i, "entryAnimationStaggerInterval", 3, 50), Bt = a(i, "beforeRenderNode", 3, ze), Lt = a(i, "byteUnits", 3, void 0);
+  const Ut = He(), zt = qe(), W = l(() => Ve(Nt(), Ut.current, zt.current)), jt = 50;
   let h = u(void 0), st = u(void 0), X = u(void 0), g = u([]), S = u([]), f = u({}), dt = u(0), ut = u(0);
-  const jt = l(() => ({
+  const Vt = l(() => ({
     top: 0,
     right: e(dt),
     bottom: e(ut),
     left: 0
-  })), o = _e({
+  })), o = Oe({
     setEntries: ct,
     insertEntries: O,
     removeEntries: O,
@@ -61,43 +61,43 @@ function Vr(wt, i) {
     pushTask: O,
     abortTask: O
   });
-  function Vt(t) {
+  function qt(t) {
     o.setEntries = t;
   }
-  function qt(t) {
+  function Ht(t) {
     o.insertEntries = t;
   }
-  function Ht(t) {
+  function Wt(t) {
     o.removeEntries = t;
   }
-  function Wt(t) {
+  function Xt(t) {
     o.updateEntry = t;
   }
-  function Xt(t) {
+  function Jt(t) {
     o.getEntryExtensionState = t;
   }
-  function Jt(t) {
+  function Qt(t) {
     o.setEntryExtensionState = t;
   }
-  function Qt(t) {
+  function Yt(t) {
     o.pushTask = t;
   }
-  function Yt(t) {
+  function Zt(t) {
     o.abortTask = t;
   }
   function ct(t) {
     t && n(g, t);
   }
-  function Zt(t) {
+  function $t(t) {
     const r = Ft()[t.origin];
-    r && N(t, r, { stagger: at() });
+    r && G(t, r, { stagger: at() });
   }
-  function $t({ entry: t, index: r }) {
-    r[0] !== -1 && (ee(t, r[0]), N(t, "fall", {
+  function te({ entry: t, index: r }) {
+    r[0] !== -1 && (re(t, r[0]), G(t, "fall", {
       stagger: at(),
       oncomplete: () => {
         lt(() => {
-          re(t.id);
+          ne(t.id);
         });
       }
     }));
@@ -110,21 +110,21 @@ function Vr(wt, i) {
       0
     );
   }
-  function te(t) {
+  function ee(t) {
     e(m) && L(e(m), "updateplaceholder", { detail: t });
   }
-  function ee(t, r) {
+  function re(t, r) {
     n(S, [...e(S), { index: r, entry: t }]);
   }
-  function re(t) {
+  function ne(t) {
     n(S, e(S).filter(({ entry: r }) => r.id !== t));
   }
-  const ne = l(() => Math.max(e(S).length, e(g).length));
-  T(() => {
-    L(e(m), "updateentries", { detail: e(ne) });
+  const ie = l(() => Math.max(e(S).length, e(g).length));
+  k(() => {
+    L(e(m), "updateentries", { detail: e(ie) });
   });
   const ft = {};
-  function N(t, r, d) {
+  function G(t, r, d) {
     if (!t)
       return;
     const { stagger: v, oncomplete: p, retain: P = !1 } = d ?? {};
@@ -134,18 +134,18 @@ function Vr(wt, i) {
     }
     if (e(f)[t.id]?.animation === r)
       return;
-    if (Object.keys(e(f)).length > zt) {
+    if (Object.keys(e(f)).length > jt) {
       p && p();
       return;
     }
-    let R = !1, K = !1, C = 0;
-    if (kt(v)) {
-      const y = ft[r] || 0, k = Date.now();
-      if (y + v > k) {
-        const B = k - y;
-        C = v - B;
+    let R = !1, F = !1, C = 0;
+    if (Tt(v)) {
+      const y = ft[r] || 0, T = Date.now();
+      if (y + v > T) {
+        const K = T - y;
+        C = v - K;
       }
-      ft[r] = k + C;
+      ft[r] = T + C;
     }
     let M;
     const x = {
@@ -157,7 +157,7 @@ function Vr(wt, i) {
         }), p && p());
       },
       oncomplete: () => {
-        K || (K = !0, P || b(() => {
+        F || (F = !0, P || b(() => {
           mt(t, r);
         }), p && p());
       }
@@ -175,7 +175,7 @@ function Vr(wt, i) {
       C
     ));
   }
-  function ie(t) {
+  function oe(t) {
     for (const r of Object.values(e(f)))
       if (t === r.animation)
         return r.entry;
@@ -184,7 +184,7 @@ function Vr(wt, i) {
   function mt(t, r) {
     e(f)[t.id]?.animation === r && (delete e(f)[t.id], n(f, { ...e(f) }));
   }
-  He({
+  We({
     get enableAnimations() {
       return e(W);
     },
@@ -216,7 +216,7 @@ function Vr(wt, i) {
       return Kt();
     },
     // so others can know of the placeholder rectangle location
-    updateEntryPlaceholderRect: te,
+    updateEntryPlaceholderRect: ee,
     // copy over AppCallbacks to AppContext
     ...Object.keys(o).reduce(
       (t, r) => (t[r] = (...d) => o[r](...d), t),
@@ -224,43 +224,43 @@ function Vr(wt, i) {
     )
   });
   let z = u(void 0);
-  function oe(t) {
+  function ae(t) {
     n(z, At(t));
   }
-  let m = u(void 0), a = u(void 0);
-  const ae = l(it), gt = l(() => Ot() ?? e(m));
+  let m = u(void 0), s = u(void 0);
+  const se = l(it), gt = l(() => Gt() ?? e(m));
   let E = u(void 0);
-  T(() => {
-    if (!e(a) || nt() === 1 / 0)
+  k(() => {
+    if (!e(s) || nt() === 1 / 0)
       return;
-    const { viewPosition: t } = e(a);
+    const { viewPosition: t } = e(s);
     if (!t)
       return;
     const r = $(b(() => e(z)), nt());
     tt(r, t) ? e(E) && n(E, void 0) : e(E) || n(E, { remove: !0 });
   });
-  let j, F, V, w = u(_);
-  T(() => {
+  let j, N, V, w = u(_);
+  k(() => {
     if (!e(h)) {
       n(w, _);
       return;
     }
-    if (!e(a)) {
+    if (!e(s)) {
       j = { ...e(h) }, n(w, _), V = _;
       return;
     }
     const t = j ? Z(j.x - e(h).x, j.y - e(h).y) : _;
-    if (F && Ke(t, F)) {
+    if (N && Ke(t, N)) {
       V = _;
       return;
     }
-    F && (V = Be(t, F)), F = { ...t }, lt(() => {
+    N && (V = Be(t, N)), N = { ...t }, lt(() => {
       n(w, t);
     });
   });
   let pt = -1, c = u(void 0);
-  T(() => {
-    if (!e(a)) {
+  k(() => {
+    if (!e(s)) {
       n(c, void 0);
       return;
     }
@@ -272,8 +272,8 @@ function Vr(wt, i) {
       vector: p = Z(),
       viewPosition: P = Z(),
       direction: R
-    } = e(a);
-    if (!r && e(ae) && ot() < 1 / 0) {
+    } = e(s);
+    if (!r && e(se) && ot() < 1 / 0) {
       const y = $(b(() => e(z)), ot());
       if (!tt(y, P)) {
         n(c, void 0);
@@ -282,38 +282,38 @@ function Vr(wt, i) {
     }
     if (r && R) {
       let y;
-      const B = r.closest("ul").children, G = Array.from(B).indexOf(r);
+      const K = r.closest("ul").children, B = Array.from(K).indexOf(r);
       if (R !== "none") {
-        let I = G;
-        R === "up" ? I-- : R === "down" && I++, I = er(I, 0, B.length - 1), b(() => {
-          o.setEntries(xt([...e(g)], G, I));
+        let I = B;
+        R === "up" ? I-- : R === "down" && I++, I = rr(I, 0, K.length - 1), b(() => {
+          o.setEntries(xt([...e(g)], B, I));
         }), y = I, b(() => {
           n(A, {
             key: "ariaDragStateSort",
             name: e(g)[I].name,
             position: I + 1,
-            total: B.length
+            total: K.length
           });
         });
       } else
-        y = G, b(() => {
+        y = B, b(() => {
           n(A, {
             key: "ariaDragStateGrab",
-            name: e(g)[G].name,
-            position: G + 1
+            name: e(g)[B].name,
+            position: B + 1
           });
         });
       n(c, { id: t, index: y, element: r });
       return;
     }
-    const K = !tt($(b(() => e(z)), _t()), P), C = e(w).x !== 0 || e(w).y !== 0, Q = {
-      searchBounds: e(jt),
+    const F = !tt($(b(() => e(z)), Ot()), P), C = e(w).x !== 0 || e(w).y !== 0, Q = {
+      searchBounds: e(Vt),
       cacheClientRectangles: C ? 0 : 250
-    }, M = Ge(V, p), x = K ? pt : r ? $e(r, P, M, Q) : tr(e(m), P, M, Q);
+    }, M = Le(V, p), x = F ? pt : r ? tr(r, P, M, Q) : er(e(m), P, M, Q);
     if (r && x > -1) {
-      const y = r.closest("ul"), k = Array.from(y.children).indexOf(r);
-      k !== x && b(() => {
-        o.setEntries(xt([...e(g)], k, x));
+      const y = r.closest("ul"), T = Array.from(y.children).indexOf(r);
+      T !== x && b(() => {
+        o.setEntries(xt([...e(g)], T, x));
       });
     }
     pt = x, n(c, {
@@ -323,44 +323,44 @@ function Vr(wt, i) {
       offset: d,
       translation: v,
       parentTranslation: e(w),
-      outside: K
+      outside: F
     });
   });
-  const se = l(() => e(c) ? e(c).id : void 0), q = l(() => e(c) ? e(c).index : void 0), yt = l(() => e(c) ? e(c).element : void 0), de = l(() => !!(e(c) && !e(yt) && e(q) !== void 0));
-  T(() => {
+  const de = l(() => e(c) ? e(c).id : void 0), q = l(() => e(c) ? e(c).index : void 0), yt = l(() => e(c) ? e(c).element : void 0), ue = l(() => !!(e(c) && !e(yt) && e(q) !== void 0));
+  k(() => {
     if (!e(yt)) {
-      const r = ie("lift");
-      r && N(r, "release");
+      const r = oe("lift");
+      r && G(r, "release");
       return;
     }
-    if (!kt(e(q)))
+    if (!Tt(e(q)))
       return;
     const t = e(g)[e(q)];
     if (e(E)?.remove) {
-      N(t, "disolve", { retain: !0 });
+      G(t, "disolve", { retain: !0 });
       return;
     }
-    N(t, "lift", { retain: !0 });
+    G(t, "lift", { retain: !0 });
   });
-  function ue(t) {
-    L(e(m), "dragentrystart"), n(a, t);
-  }
   function ce(t) {
-  }
-  function Et(t) {
-    L(e(m), "dragentry"), n(a, t);
+    L(e(m), "dragentrystart"), n(s, t);
   }
   function le(t) {
-    n(a, t);
+  }
+  function Et(t) {
+    L(e(m), "dragentry"), n(s, t);
   }
   function fe(t) {
-    n(a, void 0);
+    n(s, t);
+  }
+  function me(t) {
+    n(s, void 0);
   }
   function vt(t) {
     if (L(e(m), "dragentryend"), !e(c))
       return;
     const { index: r } = e(c);
-    if (n(a, void 0), Ze(t, "dataTransfer")) {
+    if (n(s, void 0), $e(t, "dataTransfer")) {
       const d = t.dataTransfer;
       if (!d.types.includes("Files"))
         return;
@@ -373,9 +373,9 @@ function Vr(wt, i) {
       return;
     }
   }
-  const me = l(() => {
+  const ge = l(() => {
     let t = e(g);
-    if (e(de) && (t = It(
+    if (e(ue) && (t = It(
       // array to insert the placeholder into
       [...e(g)],
       e(
@@ -383,7 +383,7 @@ function Vr(wt, i) {
         q
       ),
       // item placeholder when dropping a new file
-      { id: e(se) }
+      { id: e(de) }
     )), !e(S).length)
       return t;
     let r = [...t];
@@ -391,25 +391,25 @@ function Vr(wt, i) {
       r = It(r, v, d);
     }), r;
   });
-  We({
+  Xe({
     get current() {
       return e(c);
     }
-  }), Xe({
+  }), Je({
     get current() {
       return e(E);
     }
-  }), T(() => {
+  }), k(() => {
     if (!e(gt))
       return;
-    const t = Rt({ onmeasure: oe })(e(gt));
+    const t = Rt({ onmeasure: ae })(e(gt));
     return () => {
       t();
     };
-  }), T(() => {
-    ze(e(m), "data-disabled", H());
+  }), k(() => {
+    je(e(m), "data-disabled", H());
   });
-  const ge = l(() => ({
+  const pe = l(() => ({
     insertEntries: o.insertEntries,
     removeEntries: o.removeEntries,
     updateEntry: o.updateEntry,
@@ -417,10 +417,10 @@ function Vr(wt, i) {
       o.updateEntry(t, { state: r });
     }
   }));
-  function pe(t) {
-    n(h, At(t), !0), n(st, Le(e(h)), !0), n(X, Qe(e(h)), !0);
+  function ye(t) {
+    n(h, At(t), !0), n(st, Ue(e(h)), !0), n(X, Ye(e(h)), !0);
   }
-  Je({
+  Qe({
     parent: null,
     get isReady() {
       return !0;
@@ -443,67 +443,67 @@ function Vr(wt, i) {
     childSpringCount: 0,
     childSpringReadyCount: 0
   });
-  function ye(t) {
-    e(a) && t.preventDefault();
+  function Ee(t) {
+    e(s) && t.preventDefault();
   }
   function J() {
-    return e(a) ? (n(a, void 0), n(A, {
+    return e(s) ? (n(s, void 0), n(A, {
       key: "ariaDragStateDrop",
       name: e(A).name,
       position: e(A).position
     }), !0) : !1;
   }
-  function Ee(t) {
-    if (t.target.dataset.draggable === "" && Tt(t) && t.preventDefault(), e(a) && rr(t)) {
-      n(a, {
-        ...e(a),
-        direction: nr(t)
+  function ve(t) {
+    if (t.target.dataset.draggable === "" && kt(t) && t.preventDefault(), e(s) && nr(t)) {
+      n(s, {
+        ...e(s),
+        direction: ir(t)
       }), t.preventDefault();
       return;
     }
   }
-  function ve(t) {
-    if (ir(t)) {
+  function be(t) {
+    if (or(t)) {
       J();
       return;
     }
-    if (Tt(t)) {
+    if (kt(t)) {
       const r = t.target;
       if (!(r?.dataset.draggable === "") || (t.preventDefault(), J()))
         return;
-      n(a, { id: Ct(), element: r, direction: "none" });
+      n(s, { id: Ct(), element: r, direction: "none" });
       return;
     }
-    if (or(t) && J()) {
+    if (ar(t) && J()) {
       t.preventDefault();
       return;
     }
   }
   let A = u(void 0);
-  const be = l(() => {
+  const he = l(() => {
     if (!e(A))
       return "";
     const { key: t, ...r } = e(A);
-    return ar(U()[t], r, U());
+    return sr(U()[t], r, U());
   });
-  var he = {
-    setSetEntriesCallback: Vt,
-    setInsertEntriesCallback: qt,
-    setRemoveEntriesCallback: Ht,
-    setUpdateEntryCallback: Wt,
-    setGetEntryExtensionStateCallback: Xt,
-    setSetEntryExtensionStateCallback: Jt,
-    setPushTaskCallback: Qt,
-    setAbortTaskCallback: Yt,
+  var Se = {
+    setSetEntriesCallback: qt,
+    setInsertEntriesCallback: Ht,
+    setRemoveEntriesCallback: Wt,
+    setUpdateEntryCallback: Xt,
+    setGetEntryExtensionStateCallback: Jt,
+    setSetEntryExtensionStateCallback: Qt,
+    setPushTaskCallback: Yt,
+    setAbortTaskCallback: Zt,
     onSetEntries: ct,
-    onInsertEntry: Zt,
-    onRemoveEntry: $t
-  }, D = sr();
-  Me("contextmenu", Ae, ye);
+    onInsertEntry: $t,
+    onRemoveEntry: te
+  }, D = dr();
+  _e("contextmenu", Re, Ee);
   var bt = ht(D);
   {
-    let t = l(() => ({ entries: e(me) }));
-    Ye(bt, {
+    let t = l(() => ({ entries: e(ge) }));
+    Ze(bt, {
       get nodes() {
         return Pt();
       },
@@ -511,35 +511,35 @@ function Vr(wt, i) {
         return e(t);
       },
       get sharedContext() {
-        return e(ge);
+        return e(pe);
       },
       beforeRenderNode: (r, d, v) => Bt()(r, d, v),
       beforeSetProps: (r) => ({
         ...r,
-        byteUnits: Gt(),
+        byteUnits: Lt(),
         enableAnimations: e(W),
         springDefaults: i.springDefaults
       })
     });
   }
-  var Se = Re(bt, 2), De = ht(Se);
-  return Oe(D, (t) => n(m, t), () => e(m)), Y(D, () => Rt({ onmeasure: pe })), Y(D, () => Ne({
+  var De = Ce(bt, 2), xe = ht(De);
+  return Ge(D, (t) => n(m, t), () => e(m)), Y(D, () => Rt({ onmeasure: ye })), Y(D, () => Ne({
     disabled: !rt() || H(),
-    grabTimeout: 100,
     itemSelector: "[data-draggable]",
-    ongrabitem: ue,
-    ongrabitemcancel: ce,
+    grabTimeout: _t(),
+    ongrabitem: ce,
+    ongrabitemcancel: le,
     ondragitem: Et,
     ondropitem: vt
   })), Y(D, () => Fe({
     disabled: !it() || H(),
     ondragitem: Et,
-    ondragitemin: le,
-    ondragitemout: fe,
+    ondragitemin: fe,
+    ondragitemout: me,
     ondropitem: vt
-  })), Ce(() => ke(De, e(be))), Dt("innerWidth", (t) => n(dt, t, !0)), Dt("innerHeight", (t) => n(ut, t, !0)), St("keydown", D, Ee), St("keyup", D, ve), we(wt, D), Ie(he);
+  })), Te(() => ke(xe, e(he))), Dt("innerWidth", (t) => n(dt, t, !0)), Dt("innerHeight", (t) => n(ut, t, !0)), St("keydown", D, ve), St("keyup", D, be), Pe(wt, D), Ae(Se);
 }
-Pe(["keydown", "keyup"]);
+Me(["keydown", "keyup"]);
 export {
-  Vr as default
+  qr as default
 };

package/esm/elements/FilePondInput/index.css.js

@@ -1,5 +1,5 @@
 /*!
-* FilePond v5.0.0-beta.20
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com