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

package/esm/elements/common/string.js

@@ -1,89 +1,109 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
 */
-import { lowerCaseFirstLetter as V, upperCaseFirstLetter as g } from "../../utils/string.js";
-import { arrayRemoveFalsy as L } from "../../utils/array.js";
-import { isString as m, isNullOrUndefined as l } from "../../utils/test.js";
-import { createDefaultIcon as j } from "./html.js";
-import { hasOwnProp as x } from "../../utils/object.js";
+import { lowerCaseFirstLetter as V, upperCaseFirstLetter as d } from "../../utils/string.js";
+import { arrayRemoveFalsy as j } from "../../utils/array.js";
+import { isString as h, isNullOrUndefined as m, isObject as x } from "../../utils/test.js";
+import { createDefaultIcon as L } from "./html.js";
+import { hasOwnProp as v } from "../../utils/object.js";
 import { cache as S } from "../../utils/cache.js";
-function A(...t) {
-  return L(t).join(" ") || void 0;
+function $(...t) {
+  return j(t).join(" ") || void 0;
 }
 function w(t) {
   return V(
-    `${t.split("_").map((e) => g(e.toLowerCase())).join("")}`
+    `${t.split("_").map((e) => d(e.toLowerCase())).join("")}`
   );
 }
 function F(t, e) {
-  return d(t.substring(2, t.length - 2), e);
+  return p(t.substring(2, t.length - 2), e);
 }
-function d(t, e) {
-  const o = t.split(".");
-  for (const n of o)
-    if (e = e[n], l(e))
+function p(t, e) {
+  const n = t.split(".");
+  for (const r of n)
+    if (e = e[r], m(e))
       return "";
   return e;
 }
-function h(t, e, o = {}) {
-  if (m(t)) {
+function l(t, e, n = {}) {
+  if (h(t)) {
     if (!e)
       return t;
-    const s = Array.from(t.matchAll(/\{{[\.a-z]+\}}/gi));
-    for (const { 0: c } of s) {
-      const i = F(c, e), f = o[i] ?? i;
-      t = t.replace(c, f);
+    const c = Array.from(t.matchAll(/\{{[\.a-z]+\}}/gi));
+    if (!c.length)
+      return t;
+    for (const { 0: s } of c) {
+      const i = F(s, e);
+      let u = n[i] ?? i;
+      if (x(u) && i.startsWith("unit")) {
+        const a = s.substring(2, s.length - 6);
+        u = l(
+          {
+            template: "{{v}}",
+            variables: {
+              v: {
+                context: a,
+                // @ts-ignore
+                map: u
+              }
+            }
+          },
+          e,
+          n
+        );
+      }
+      t = t.replace(s, u);
     }
-    return t;
+    return l(t, e, n);
   }
-  const { variables: n, template: u } = t, r = Object.entries(n).reduce((s, [c, i]) => {
-    let f, a;
-    "context" in i && m(i.context) ? (f = i.context, a = i.map) : (f = c, a = i);
-    const y = d(f, e), p = l(a[y]) ? a.else : a[y];
-    return s.replace(`{{${c}}}`, p);
-  }, u);
-  return h(r, e, o);
+  const { variables: r, template: f } = t, o = Object.entries(r).reduce((c, [s, i]) => {
+    let u, a;
+    "context" in i && h(i.context) ? (u = i.context, a = i.map) : (u = s, a = i);
+    const y = p(u, e), g = m(a[y]) ? a.else : a[y];
+    return c.replace(`{{${s}}}`, `${g}`);
+  }, f);
+  return l(o, e, n);
 }
-function C(t, e, o = "") {
-  return m(t) ? e[t] ?? t : o;
+function A(t, e, n = "") {
+  return h(t) ? e[t] ?? t : n;
 }
-function D({ code: t, subcode: e, values: o }, n) {
-  const r = S(w, [e ?? t]), s = !l(n[r]);
-  if (s)
-    return s ? h(n[r], o, n) : void 0;
+function C({ code: t, subcode: e, values: n }, r) {
+  const o = S(w, [e ?? t]), c = !m(r[o]);
+  if (c)
+    return c ? l(r[o], n, r) : void 0;
 }
-function $({ type: t }, e, o) {
-  const n = t, u = !l(o[n]), r = !l(e[n]);
-  if (!(!u || !r))
-    return j(o[n], {
+function D({ type: t }, e, n) {
+  const r = t, f = !m(n[r]), o = !m(e[r]);
+  if (!(!f || !o))
+    return L(n[r], {
       // Should also have title
-      title: e[n]
+      title: e[r]
     });
 }
-function b(t, e, o) {
-  const n = Object.keys(e);
-  if (!n.some((r) => x(t, r)))
+function O(t, e, n) {
+  const r = Object.keys(e);
+  if (!r.some((o) => v(t, o)))
     return t;
-  const u = {
+  const f = {
     ...t
   };
-  for (const r of n) {
-    if (t[r] === void 0) continue;
-    const s = e[r], c = t[r];
-    u[r] = o[s][c] ?? c;
+  for (const o of r) {
+    if (t[o] === void 0) continue;
+    const c = e[o], s = t[o];
+    f[o] = n[c][s] ?? s;
   }
-  return u;
+  return f;
 }
 export {
-  d as getObjectValueByString,
-  C as getValueByKeyFromData,
+  p as getObjectValueByString,
+  A as getValueByKeyFromData,
   w as statusCodeToLocaleKey,
-  $ as statusToIcon,
-  D as statusToLabel,
-  h as stringReplaceVariables,
-  A as toSpaceSeparatedString,
-  b as withResources
+  D as statusToIcon,
+  C as statusToLabel,
+  l as stringReplaceVariables,
+  $ as toSpaceSeparatedString,
+  O as withResources
 };

package/esm/elements/common/transition.js

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

package/esm/elements/components/BooleanInput/index.css.js

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

package/esm/elements/components/BooleanInput/index.js

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

package/esm/elements/components/BooleanInput/index.svelte.js

@@ -1,62 +1,60 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
 */
 import { get as c } from "../../../svelte/svelte/src/internal/client/runtime.js";
 import { pop as U, push as W } from "../../../svelte/svelte/src/internal/client/context.js";
-import { sibling as _, child as d } from "../../../svelte/svelte/src/internal/client/dom/operations.js";
-import { user_effect as j, template_effect as p } from "../../../svelte/svelte/src/internal/client/reactivity/effects.js";
-import { user_derived as s } from "../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
+import { sibling as u, child as p } from "../../../svelte/svelte/src/internal/client/dom/operations.js";
+import { user_effect as j, template_effect as s } from "../../../svelte/svelte/src/internal/client/reactivity/effects.js";
+import { user_derived as h } from "../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
 import { set_text as w } from "../../../svelte/svelte/src/internal/client/render.js";
-import { from_html as v, append as h } from "../../../svelte/svelte/src/internal/client/dom/template.js";
+import { from_html as k, append as _ } from "../../../svelte/svelte/src/internal/client/dom/template.js";
 import { if_block as z } from "../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
 import { html as A } from "../../../svelte/svelte/src/internal/client/dom/blocks/html.js";
-import { set_custom_element_data as E, set_attribute as n, set_checked as F } from "../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
-import { set_class as b } from "../../../svelte/svelte/src/internal/client/dom/elements/class.js";
-import { delegate as G } from "../../../svelte/svelte/src/internal/client/dom/elements/events.js";
-import { clsx as g } from "../../../svelte/svelte/src/internal/shared/attributes.js";
+import { set_custom_element_data as E, set_attribute as a, set_checked as F } from "../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
+import { set_class as g } from "../../../svelte/svelte/src/internal/client/dom/elements/class.js";
+import { delegate as G, delegated as b } from "../../../svelte/svelte/src/internal/client/dom/elements/events.js";
+import { clsx as v } from "../../../svelte/svelte/src/internal/shared/attributes.js";
 import { bind_this as H } from "../../../svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
-import { prop as a } from "../../../svelte/svelte/src/internal/client/reactivity/props.js";
+import { prop as n } from "../../../svelte/svelte/src/internal/client/reactivity/props.js";
 import { createDefaultIcon as J } from "../../common/html.js";
-import { stopPropagation as K, updateDataset as L } from "../../../utils/dom.js";
+import { updateDataset as K, stopPropagation as L } from "../../../utils/dom.js";
 import { getUniqueId as M } from "../../../utils/string.js";
 import { toSpaceSeparatedString as N } from "../../common/string.js";
-var Q = v('<span class="icon"><!></span>'), R = v("<boolean-input><label> </label> <input/> <!></boolean-input>", 2);
-function _t(k, t) {
+var Q = k('<span class="icon"></span>'), R = k("<boolean-input><label> </label> <input/> <!></boolean-input>", 2);
+function pt(x, t) {
   W(t, !0);
-  const x = a(t, "class", 3, void 0), I = a(t, "part", 3, void 0), y = a(t, "dataset", 3, void 0), f = a(t, "id", 19, () => `bool-${M()}`), S = a(t, "type", 3, "checkbox");
+  const I = n(t, "class", 3, void 0), y = n(t, "part", 3, void 0), S = n(t, "dataset", 3, void 0), d = n(t, "id", 19, () => `bool-${M()}`), D = n(t, "type", 3, "checkbox");
   let m;
-  const l = s(() => t.icon ? t.icon.startsWith("<svg") ? t.icon : J(t.icon) : void 0);
+  const l = h(() => t.icon ? t.icon.startsWith("<svg") ? t.icon : J(t.icon) : void 0);
   j(() => {
-    L(m, y());
+    K(m, S());
   });
-  function D(e) {
+  function P(e) {
     t.onchange?.(e.target.checked);
   }
-  const P = s(() => N(I(), t.checked ? "checked" : void 0));
+  const q = h(() => N(y(), t.checked ? "checked" : void 0));
   var o = R();
-  p(() => E(o, "part", c(P)));
-  var r = d(o), q = d(r), i = _(r, 2);
-  i.__change = D, i.__input = function(...e) {
-    K?.apply(this, e);
-  };
-  var B = _(i, 2);
+  s(() => E(o, "part", c(q)));
+  var r = p(o), B = p(r), i = u(r, 2), C = u(i, 2);
   {
-    var C = (e) => {
-      var u = Q(), O = d(u);
-      A(O, () => c(l)), h(e, u);
+    var O = (e) => {
+      var f = Q();
+      A(f, () => c(l), !0), _(e, f);
     };
-    z(B, (e) => {
-      c(l) && e(C);
+    z(C, (e) => {
+      c(l) && e(O);
     });
   }
-  H(o, (e) => m = e, () => m), p(() => {
-    b(o, 1, g(x())), n(r, "for", f()), b(r, 1, g(t.labelIsImplicit ? "implicit" : void 0)), w(q, t.label), n(i, "type", S()), n(i, "id", f()), n(i, "name", t.name), F(i, t.checked), n(i, "title", t.title?.length ? t.title : void 0);
-  }), h(k, o), U();
+  H(o, (e) => m = e, () => m), s(() => {
+    g(o, 1, v(I())), a(r, "for", d()), g(r, 1, v(t.labelIsImplicit ? "implicit" : void 0)), w(B, t.label), a(i, "type", D()), a(i, "id", d()), a(i, "name", t.name), F(i, t.checked), a(i, "title", t.title?.length ? t.title : void 0);
+  }), b("change", i, P), b("input", i, function(...e) {
+    L?.apply(this, e);
+  }), _(x, o), U();
 }
 G(["change", "input"]);
 export {
-  _t as default
+  pt as default
 };

package/esm/elements/components/Button/index.css.js

@@ -1,10 +1,10 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
 */
-const n = '.button{--spring: ease-out;--btn-opacity: 1;--_btn-size: var(--btn-size, auto);--_btn-font-size: var(--font-size-m, auto);--_btn-border-radius: var(--btn-border-radius, 0);--_btn-color: var(--btn-color, currentColor);--_btn-background-color: var(--btn-background-color, transparent);--_btn-backdrop-filter: var(--btn-backdrop-filter, none);--_btn-shadow: var(--btn-shadow, none);--_btn-hover-color: var(--btn-hover-color, currentColor);--_btn-hover-shadow: var(--btn-hover-shadow, none);--_btn-hover-background-color: var(--btn-hover-background-color, transparent);--_btn-focus-color: var(--btn-focus-color, currentColor);--_btn-focus-shadow: var(--btn-focus-shadow, none);--_btn-focus-background-color: var(--btn-focus-background-color, transparent);--_btn-icon-size: var(--btn-icon-size, 1em);--_btn-icon-stroke: var(--btn-icon-stroke, 1.5);--_btn-icon-color: var(--btn-icon-color, currentColor);--_btn-icon-transform: var(--btn-icon-transform, scale(1));--_btn-icon-transition-duration: var(--btn-icon-transition-duration, var(--_500ms, 0));--_btn-icon-transition-easing: var(--btn-icon-transition-easing, var(--spring, linear));--_btn-transition-duration: var(--btn-transition-duration, var(--_150ms, 0));display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:all;width:var(--_btn-size);height:var(--_btn-size);border-radius:var(--_btn-border-radius);background-color:var(--_btn-background-color);backdrop-filter:var(--_btn-backdrop-filter);-webkit-backdrop-filter:var(--_btn-backdrop-filter);transition:color var(--_btn-transition-duration) ease-in-out,background-color var(--_btn-transition-duration) ease-in-out,box-shadow var(--_btn-transition-duration) ease-in-out,width var(--_btn-transition-duration) ease-in-out,height var(--_btn-transition-duration) ease-in-out,opacity var(--_btn-transition-duration) ease-in-out;opacity:var(--btn-opacity, 1);outline:none;box-shadow:var(--_btn-shadow);color:currentColor}@supports (animation: linear(1,2 3%)){.button{--spring: linear(0,.0066,.105,.268,.452,.635,.8,.936,1.04,1.11,1.14,1.15,1.15,1.13,1.1,1.07,1.04,1.02,1,.989,.981,.978,.977,.979,.983,.987,.991,.995,.998,1,1,1,1,1,1,1,1,1,1,1)}}.button .icon{flex-shrink:0;color:var(--_btn-icon-color);width:var(--_btn-icon-size);height:var(--_btn-icon-size);stroke-width:var(--_btn-icon-stroke);transform:var(--_btn-icon-transform);transition:transform var(--_btn-icon-transition-duration) var(--_btn-icon-transition-easing),opacity var(--_btn-icon-transition-duration) var(--_btn-icon-transition-easing);margin:max(0px,calc((var(--_btn-size) - var(--_btn-icon-size)) * .5));pointer-events:none}.button .icon>svg{display:block;width:100%;height:100%}.button .label{flex-shrink:1;overflow:hidden;color:currentColor;font-size:var(--_btn-font-size)}.button[disabled]{pointer-events:none}.button[disabled] .icon,.button[disabled] .label{opacity:calc(var(--btn-opacity, 1) * .3)}@media (pointer: coarse){.button{position:relative}.button:after{--size: 44px;--offset: calc((var(--_btn-size) - var(--size)) * .5);content:"";position:absolute;top:var(--offset);left:var(--offset);width:var(--size);height:var(--size);z-index:1}}';
+const n = '.button{--spring: ease-out;--btn-opacity: 1;--_btn-size: var(--btn-size, auto);--_btn-font-size: var(--font-size-m, auto);--_btn-border-radius: var(--btn-border-radius, 0);--_btn-color: var(--btn-color, currentColor);--_btn-background-color: var(--btn-background-color, transparent);--_btn-backdrop-filter: var(--btn-backdrop-filter, none);--_btn-shadow: var(--btn-shadow, none);--_btn-hover-color: var(--btn-hover-color, currentColor);--_btn-hover-shadow: var(--btn-hover-shadow, none);--_btn-hover-background-color: var(--btn-hover-background-color, transparent);--_btn-focus-color: var(--btn-focus-color, currentColor);--_btn-focus-shadow: var(--btn-focus-shadow, none);--_btn-focus-background-color: var(--btn-focus-background-color, transparent);--_btn-icon-size: var(--btn-icon-size, 1em);--_btn-icon-stroke: var(--btn-icon-stroke, 1.5);--_btn-icon-color: var(--btn-icon-color, currentColor);--_btn-icon-transform: var(--btn-icon-transform, scale(1));--_btn-icon-transition-duration: var(--btn-icon-transition-duration, var(--_500ms, 0));--_btn-icon-transition-easing: var(--btn-icon-transition-easing, var(--spring, linear));--_btn-transition-duration: var(--btn-transition-duration, var(--_150ms, 0));display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:all;width:var(--_btn-size);height:var(--_btn-size);border-radius:var(--_btn-border-radius);background-color:var(--_btn-background-color);backdrop-filter:var(--_btn-backdrop-filter);-webkit-backdrop-filter:var(--_btn-backdrop-filter);transition:color var(--_btn-transition-duration) ease-in-out,background-color var(--_btn-transition-duration) ease-in-out,box-shadow var(--_btn-transition-duration) ease-in-out,width var(--_btn-transition-duration) ease-in-out,height var(--_btn-transition-duration) ease-in-out,opacity var(--_btn-transition-duration) ease-in-out;opacity:var(--btn-opacity, 1);outline:none;box-shadow:var(--_btn-shadow);color:currentColor}@supports (animation: linear(1,2 3%)){.button{--spring: linear(0,.0066,.105,.268,.452,.635,.8,.936,1.04,1.11,1.14,1.15,1.15,1.13,1.1,1.07,1.04,1.02,1,.989,.981,.978,.977,.979,.983,.987,.991,.995,.998,1,1,1,1,1,1,1,1,1,1,1)}}.button .icon{flex-shrink:0;color:var(--_btn-icon-color);width:var(--_btn-icon-size);height:var(--_btn-icon-size);stroke-width:var(--_btn-icon-stroke);transform:var(--_btn-icon-transform);transition:transform var(--_btn-icon-transition-duration) var(--_btn-icon-transition-easing),opacity var(--_btn-icon-transition-duration) var(--_btn-icon-transition-easing);margin:max(0px,calc((var(--_btn-size) - var(--_btn-icon-size)) * .5));pointer-events:none}.button .icon>svg{display:block;width:100%;height:100%}.button .label{flex-shrink:1;overflow:hidden;color:currentColor;font-size:var(--_btn-font-size)}.button:disabled{cursor:default}.button:disabled .icon,.button:disabled .label{opacity:calc(var(--btn-opacity, 1) * .3)}@media (pointer: coarse){.button{position:relative}.button:after{--size: 44px;--offset: calc((var(--_btn-size) - var(--size)) * .5);content:"";position:absolute;top:var(--offset);left:var(--offset);width:var(--size);height:var(--size);z-index:1}}';
 export {
   n as default
 };

package/esm/elements/components/Button/index.js

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

package/esm/elements/components/Button/index.svelte.js

@@ -1,69 +1,69 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
 */
-import { get as l } from "../../../svelte/svelte/src/internal/client/runtime.js";
-import { push as E, pop as F } from "../../../svelte/svelte/src/internal/client/context.js";
-import { sibling as G, child as m } from "../../../svelte/svelte/src/internal/client/dom/operations.js";
-import { user_effect as v, template_effect as h } from "../../../svelte/svelte/src/internal/client/reactivity/effects.js";
+import { get as f } from "../../../svelte/svelte/src/internal/client/runtime.js";
+import { push as G, pop as H } from "../../../svelte/svelte/src/internal/client/context.js";
+import { sibling as J, child as h } from "../../../svelte/svelte/src/internal/client/dom/operations.js";
+import { user_effect as l, template_effect as y } from "../../../svelte/svelte/src/internal/client/reactivity/effects.js";
 import { user_derived as s } from "../../../svelte/svelte/src/internal/client/reactivity/deriveds.js";
-import { set_text as H } from "../../../svelte/svelte/src/internal/client/render.js";
+import { set_text as K } from "../../../svelte/svelte/src/internal/client/render.js";
 import { from_html as c, append as d } from "../../../svelte/svelte/src/internal/client/dom/template.js";
-import { if_block as g } from "../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
-import { html as J } from "../../../svelte/svelte/src/internal/client/dom/blocks/html.js";
-import { set_attribute as k } from "../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
-import { set_class as K } from "../../../svelte/svelte/src/internal/client/dom/elements/class.js";
-import { delegate as L } from "../../../svelte/svelte/src/internal/client/dom/elements/events.js";
-import { clsx as M } from "../../../svelte/svelte/src/internal/shared/attributes.js";
-import { bind_this as N } from "../../../svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
-import { prop as o } from "../../../svelte/svelte/src/internal/client/reactivity/props.js";
-import { createDefaultIcon as O } from "../../common/html.js";
-import { toSpaceSeparatedString as P } from "../../common/string.js";
-import { updateDataset as Q, updateStyles as R } from "../../../utils/dom.js";
-import { noop as T } from "../../../utils/placeholder.js";
-var U = c('<span class="icon"><!></span>'), V = c('<span class="label"> </span>'), X = c('<button type="button"><!> <!></button>');
-function bt(y, t) {
-  E(t, !0);
-  let x = o(t, "class", 3, void 0), S = o(t, "onclick", 3, T), C = o(t, "part", 3, void 0), n = o(t, "icon", 3, void 0), u = o(t, "label", 3, void 0), p = o(t, "title", 3, void 0), D = o(t, "disabled", 3, !1), B = o(t, "inert", 3, !1), I = o(t, "dataset", 3, void 0), W = o(t, "styles", 3, void 0);
-  const _ = s(() => n() ? n().startsWith("<svg") ? n() : O(n()) : void 0);
+import { if_block as k } from "../../../svelte/svelte/src/internal/client/dom/blocks/if.js";
+import { html as L } from "../../../svelte/svelte/src/internal/client/dom/blocks/html.js";
+import { set_attribute as m } from "../../../svelte/svelte/src/internal/client/dom/elements/attributes.js";
+import { set_class as M } from "../../../svelte/svelte/src/internal/client/dom/elements/class.js";
+import { delegate as N, delegated as O } from "../../../svelte/svelte/src/internal/client/dom/elements/events.js";
+import { clsx as P } from "../../../svelte/svelte/src/internal/shared/attributes.js";
+import { bind_this as Q } from "../../../svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
+import { prop as e } from "../../../svelte/svelte/src/internal/client/reactivity/props.js";
+import { createDefaultIcon as R } from "../../common/html.js";
+import { toSpaceSeparatedString as T } from "../../common/string.js";
+import { updateDataset as U, updateStyles as V } from "../../../utils/dom.js";
+import { noop as X } from "../../../utils/placeholder.js";
+var Y = c('<span class="icon"></span>'), Z = c('<span class="label"> </span>'), $ = c('<button type="button"><!> <!></button>');
+function ht(S, t) {
+  G(t, !0);
+  let x = e(t, "class", 3, void 0), D = e(t, "onclick", 3, X), C = e(t, "part", 3, void 0), n = e(t, "icon", 3, void 0), u = e(t, "label", 3, void 0), b = e(t, "title", 3, void 0), B = e(t, "disabled", 3, !1), p = e(t, "inert", 3, !1), I = e(t, "dataset", 3, void 0), W = e(t, "styles", 3, void 0), j = e(t, "ariaDescribedby", 3, void 0), v = e(t, "autofocus", 7, !1);
+  const _ = s(() => n() ? n().startsWith("<svg") ? n() : R(n()) : void 0);
   let a;
-  v(() => {
-    Q(a, I());
-  }), v(() => {
-    R(a, W());
+  l(() => {
+    U(a, I());
+  }), l(() => {
+    V(a, W());
+  }), l(() => {
+    v() && !p() && (a.focus({ preventScroll: !0 }), v(!1));
   });
-  const j = s(x), q = s(() => P("button", l(j)));
-  var r = X();
-  r.__click = function(...e) {
-    S()?.apply(this, e);
-  };
-  var b = m(r);
+  const q = s(x), w = s(() => T("button", f(q)));
+  var o = $(), g = h(o);
   {
-    var w = (e) => {
-      var i = U(), f = m(i);
-      J(f, () => l(_)), d(e, i);
+    var z = (r) => {
+      var i = Y();
+      L(i, () => f(_), !0), d(r, i);
     };
-    g(b, (e) => {
-      l(_) && e(w);
+    k(g, (r) => {
+      f(_) && r(z);
     });
   }
-  var z = G(b, 2);
+  var A = J(g, 2);
   {
-    var A = (e) => {
-      var i = V(), f = m(i);
-      h(() => H(f, u())), d(e, i);
+    var E = (r) => {
+      var i = Z(), F = h(i);
+      y(() => K(F, u())), d(r, i);
     };
-    g(z, (e) => {
-      u()?.length && e(A);
+    k(A, (r) => {
+      u()?.length && r(E);
     });
   }
-  N(r, (e) => a = e, () => a), h(() => {
-    K(r, 1, M(l(q))), k(r, "part", C()), r.disabled = D(), r.inert = B(), k(r, "title", p()?.length ? p() : void 0);
-  }), d(y, r), F();
+  Q(o, (r) => a = r, () => a), y(() => {
+    M(o, 1, P(f(w))), m(o, "part", C()), o.disabled = B(), o.inert = p(), m(o, "aria-describedby", j()), m(o, "title", b()?.length ? b() : void 0);
+  }), O("click", o, function(...r) {
+    D()?.apply(this, r);
+  }), d(S, o), H();
 }
-L(["click"]);
+N(["click"]);
 export {
-  bt as default
+  ht as default
 };

package/esm/elements/components/ElementPane/index.css.js

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

package/esm/elements/components/ElementPane/index.js

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

package/esm/elements/components/ElementPane/index.svelte.js

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

package/esm/elements/components/ElementSkeleton/index.css.js

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

package/esm/elements/components/ElementSkeleton/index.js

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

package/esm/elements/components/ElementSkeleton/index.svelte.js

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

package/esm/elements/components/FilenameInput/index.css.js

@@ -1,10 +1,10 @@
 /*!
-* FilePond v5.0.0-beta.2
+* FilePond v5.0.0-beta.21
 * Copyright (c) 2017-2026 Pqina B.V.
 * Released under the MIT License
 * https://filepond.com
 */
-const i = "filename-input{--input-transition-duration: var(--_150ms);display:inline-flex;width:min(var(--value-width),calc(100% + var(--extension-width)));white-space:nowrap}filename-input input{width:min(var(--value-width),100%);transition:background-color var(--input-transition-duration) ease-out}filename-input input:focus,filename-input input:hover{background-color:color-mix(in srgb,currentColor 15%,transparent)}filename-input:focus-within{width:min(var(--value-width),100%)}filename-input[data-overflow] input{text-overflow:ellipsis}filename-input[data-overflow] span{visibility:hidden}filename-input[data-overflow] input:focus+span{visibility:visible}filename-input span{display:inline-block;color:currentColor;background-color:transparent}filename-input .measure-island{position:absolute;top:0;left:0;width:0;height:0;contain:strict;overflow:hidden}filename-input .measure{box-sizing:border-box;pointer-events:none;position:absolute;white-space:pre}";
+const i = "filename-input{--input-transition-duration: var(--_150ms);display:inline-flex;width:min(var(--value-width),calc(100% + var(--extension-width)));white-space:nowrap}filename-input input{width:min(var(--value-width),100%);transition:background-color var(--input-transition-duration) ease-out}filename-input input:focus-visible,filename-input input:hover{background-color:color-mix(in srgb,currentColor 15%,transparent)}filename-input:focus-within{width:min(var(--value-width),100%)}filename-input[data-overflow] input{text-overflow:ellipsis}filename-input[data-overflow] span{visibility:hidden}filename-input[data-overflow] input:focus-visible+span{visibility:visible}filename-input span{display:inline-block;color:currentColor;background-color:transparent}filename-input .measure-island{position:absolute;top:0;left:0;width:0;height:0;contain:strict;overflow:hidden}filename-input .measure{box-sizing:border-box;pointer-events:none;position:absolute;white-space:pre}";
 export {
   i as default
 };

package/esm/elements/components/FilenameInput/index.js

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

package/esm/elements/components/FilenameInput/index.svelte.js

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