filepond 5.0.0-alpha.4 → 5.0.0-alpha.6

package/dist/esm/core/entryTree.js

@@ -107,7 +107,7 @@ function createEntryTree(options) {
       const result = findTree(tree.entries, (entry) => {
         return deepOverlap(needle, entry);
       });
-      return result && treeIndexes.get(result.id);
+      return result;
     }
   }
   function updateSingleEntryWithProps(entry, ...propGroups) {

package/dist/esm/elements/FilePondBase/index.css.js

@@ -1,37 +1,4 @@
-const defaultStyles = `:host {
-    /* default effects duration */
-    --animate: 1;
-
-    /* improve font rendering */
-    -webkit-font-smoothing: antialiased;
-
-    /* default styles */
-    display: block;
-    position: relative;
-    isolation: isolate;
-    line-height: var(--default-line-height, 1.5);
-    font-family: var(--default-font-family, inherit);
-    padding: var(--default-padding, 0);
-
-    /* needs to have a height for form validation to work */
-    min-height: 1px;
-
-    /*  */
-    & slot {
-        display: block;
-    }
-}
-
-/* apply "never" animation state */
-:host([animations='never']) {
-    --animate: 0;
-}
-
-/* move to top when dragging */
-:host([dragging]) {
-    z-index: 2147483647;
-}
-`;
+const defaultStyles = ':host{--animate: 1;-webkit-font-smoothing:antialiased;display:block;position:relative;isolation:isolate;line-height:var(--default-line-height, 1.5);font-family:var(--default-font-family, inherit);padding:var(--default-padding, 0);min-height:1px}:host slot{display:block}:host([animations="never"]){--animate: 0}:host([dragging]){z-index:2147483647}';
 export {
   defaultStyles as default
 };

package/dist/esm/elements/FilePondDefault/index.css.js

@@ -1,4 +1,4 @@
-const defaultStyles = "/* Default FilePond Styles */\n:host {\n    /* Supported color schemes */\n    color-scheme: light dark;\n\n    /*  Default colors */\n    --default-color: FieldText;\n    --default-background-color: color-mix(in srgb, FieldText 10%, Canvas 100%);\n    --default-padding: 1em;\n    --default-border-radius: 1.25em;\n    --default-backdrop-filter: blur(20px) saturate(1.25);\n    --default-primary-color: AccentColor;\n    --default-border: 1px solid rgb(from FieldText r g b / 0.1);\n\n    /* entry list positioning */\n    display: flex;\n    flex-direction: column;\n    gap: var(--default-padding);\n\n    /* slot element layout */\n    & slot {\n        position: relative;\n        isolation: isolate;\n    }\n}\n\nfile-pond-entry-list[empty] {\n    margin-top: calc(-1 * var(--default-padding));\n}\n\n/* slot and slotted element styles */\n::slotted(input[type='file']) {\n    position: absolute;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    z-index: -1;\n    pointer-events: none;\n    user-select: none;\n\n    /* hide from view */\n    mask: linear-gradient(transparent, transparent);\n\n    /* we align it to the top so Safari tooltip points to the field */\n    top: 0;\n    left: 0;\n}\n\n::slotted(label) {\n    --width-px: calc(var(--width) * 1px);\n    --center-px: calc((var(--width-px) - (2 * var(--default-padding))) * 0.5);\n\n    display: inline-block;\n    transform: translateX(calc(var(--center-px) - 50%));\n    align-self: flex-start;\n    text-align: center;\n\n    padding-top: var(--default-padding);\n    padding-bottom: var(--default-padding);\n}\n\n/* sub elements */\nfile-pond-drop-area {\n    --border-radius: var(--default-border-radius);\n    --border: var(--default-border);\n}\n\nfile-pond-drop-indicator {\n    --border-radius: var(--default-border-radius);\n    --background-color: rgb(from var(--default-color) r g b / 0.1);\n}\n\nfile-pond-entry-list {\n    --entry-color: var(--default-color);\n    --entry-background-color: var(--default-background-color);\n\n    --entry-shadow: 0 1px 4px rgb(0 0 0 / 0.2);\n    --entry-lifted-shadow: 0 4px 8px rgb(0 0 0 / 0.5);\n\n    --entry-button-outline: 0 0 0 1.5px currentColor;\n\n    &::part(entry-button) {\n        --btn-size: 1.5em;\n        --btn-border-radius: calc(var(--entry-border-radius) - var(--entry-padding) * 0.625);\n        --btn-background-color: rgb(from var(--entry-color) r g b / 0.15);\n        --btn-icon-stroke: 2.5;\n\n        box-shadow: 0 0 0 0 transparent;\n        transition:\n            box-shadow var(--_150ms, 0) ease-in-out,\n            background-color var(--_150ms, 0) ease-in-out;\n    }\n\n    &::part(entry-button):hover {\n        background-color: rgb(from var(--entry-color) r g b / 0.25);\n        box-shadow: var(--entry-button-outline);\n    }\n\n    &::part(entry-button):focus-visible {\n        box-shadow: var(--entry-button-outline);\n    }\n\n    &::part(media-button) {\n        --btn-border-radius: var(--panel-border-radius);\n        transition:\n            box-shadow var(--_150ms, 0) ease-in-out,\n            background-color var(--_150ms, 0) ease-in-out;\n    }\n\n    &::part(media-button):hover {\n        background-color: rgb(from currentColor r g b / 0.15);\n        box-shadow: var(--entry-button-outline);\n    }\n\n    &::part(media-button):focus-visible {\n        box-shadow: var(--entry-button-outline);\n    }\n\n    &::part(list) {\n        display: flex;\n        flex-direction: column;\n        gap: calc(var(--default-padding) * 0.5);\n    }\n\n    &::part(entry) {\n        display: grid;\n        grid: min-content 1fr min-content / min-content 1fr min-content;\n    }\n\n    &::part(entry-load-state) {\n        grid-row: 1;\n        grid-column: 1;\n        padding: var(--entry-padding);\n    }\n\n    &::part(entry-info) {\n        grid-row: 1;\n        grid-column: 2;\n        padding-top: var(--entry-padding);\n        padding-bottom: var(--entry-padding);\n    }\n\n    &::part(entry-store-state) {\n        grid-row: 1;\n        grid-column: 3;\n        padding: var(--entry-padding);\n    }\n\n    &::part(entry-status) {\n        grid-row: 2;\n        grid-column: 1 / 4;\n    }\n\n    &::part(entry-media) {\n        grid-row: 2;\n        grid-column: 1 / 4;\n    }\n\n    &::part(media-controls) {\n        grid-row: 2;\n        grid-column: 1 / 4;\n        align-self: end;\n        color: #fff;\n        margin: 0.6125em;\n\n        /* style for buttons in this component */\n        --btn-size: 1.25em;\n        --btn-icon-stroke: 2.5;\n        --btn-icon-size: 0.75em;\n\n        /* panel style in this component */\n        --panel-border-radius: 0.25em;\n        --panel-border-radius: calc(var(--entry-border-radius) - 0.3125em);\n        --panel-background-color: rgb(0 0 0 / 0.35);\n        --panel-backdrop-filter: var(--default-backdrop-filter);\n    }\n}\n\n/* Powered by FilePond */\n:host a {\n    --font-size: 0.625;\n    --inset: calc(var(--default-padding) / var(--font-size));\n    --text-opacity: 0.5;\n    --line-opacity: 0.2;\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    line-height: 2;\n    transform: translate(calc(var(--x, 0) * 1px), calc(var(--y, 0) * 1px))\n        translateX(calc(-100% - var(--inset)));\n    font-size: calc(var(--font-size) * 1em);\n    color: rgb(from var(--default-color) r g b / var(--text-opacity));\n    text-underline-offset: 1px;\n    text-decoration-color: rgb(from var(--default-color) r g b / var(--line-opacity));\n    text-transform: lowercase;\n    transition: color var(--_150ms) ease-in-out;\n    user-select: none;\n    &:hover {\n        --text-opacity: 0.75;\n        --line-opacity: 0.25;\n    }\n}\n";
+const defaultStyles = ':host{--default-color: FieldText;--default-background-color: color-mix(in srgb, FieldText 10%, Canvas 100%);--default-padding: 1em;--default-border-radius: 1.25em;--default-backdrop-filter: blur(20px) saturate(1.25);--default-primary-color: AccentColor;--default-border: 1px solid rgb(from FieldText r g b / .1);display:flex;flex-direction:column;gap:var(--default-padding)}:host slot{position:relative;isolation:isolate}::slotted(input[type="file"]){position:absolute;width:100%;padding:0;margin:0;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;mask:linear-gradient(transparent,transparent);top:0;left:0}::slotted(label){--width-px: calc(var(--width) * 1px);--center-px: calc((var(--width-px) - (2 * var(--default-padding))) * .5);display:inline-block;transform:translate(calc(var(--center-px) - 50%));align-self:flex-start;text-align:center;padding-top:var(--default-padding);padding-bottom:var(--default-padding)}file-pond-drop-area{--border-radius: var(--default-border-radius);--border: var(--default-border)}file-pond-drop-indicator{--border-radius: var(--default-border-radius);--background-color: rgb(from var(--default-color) r g b / .1)}file-pond-entry-list{--entry-color: var(--default-color);--entry-background-color: var(--default-background-color);--entry-shadow: 0 1px 4px rgb(0 0 0 / .2);--entry-lifted-shadow: 0 4px 8px rgb(0 0 0 / .5);--entry-button-outline: 0 0 0 1.5px currentColor}file-pond-entry-list[empty]{margin-top:calc(-1 * var(--default-padding))}file-pond-entry-list::part(entry-button){--btn-size: 1.5em;--btn-border-radius: calc(var(--entry-border-radius) - var(--entry-padding) * .625);--btn-background-color: rgb(from var(--entry-color) r g b / .15);--btn-icon-stroke: 2.5;box-shadow:0 0 0 0 transparent;transition:box-shadow var(--_150ms, 0) ease-in-out,background-color var(--_150ms, 0) ease-in-out}file-pond-entry-list::part(entry-button):hover{background-color:rgb(from var(--entry-color) r g b / .25);box-shadow:var(--entry-button-outline)}file-pond-entry-list::part(entry-button):focus-visible{box-shadow:var(--entry-button-outline)}file-pond-entry-list::part(media-button){--btn-border-radius: var(--panel-border-radius);transition:box-shadow var(--_150ms, 0) ease-in-out,background-color var(--_150ms, 0) ease-in-out}file-pond-entry-list::part(media-button):hover{background-color:rgb(from currentColor r g b / .15);box-shadow:var(--entry-button-outline)}file-pond-entry-list::part(media-button):focus-visible{box-shadow:var(--entry-button-outline)}file-pond-entry-list::part(list){display:flex;flex-direction:column;gap:calc(var(--default-padding) * .5)}file-pond-entry-list::part(entry){display:grid;grid:min-content 1fr min-content / min-content 1fr min-content}file-pond-entry-list::part(entry-load-state){grid-row:1;grid-column:1;padding:var(--entry-padding)}file-pond-entry-list::part(entry-info){grid-row:1;grid-column:2;padding-top:var(--entry-padding);padding-bottom:var(--entry-padding)}file-pond-entry-list::part(entry-store-state){grid-row:1;grid-column:3;padding:var(--entry-padding)}file-pond-entry-list::part(entry-status){grid-row:2;grid-column:1 / 4}file-pond-entry-list::part(entry-media){grid-row:2;grid-column:1 / 4}file-pond-entry-list::part(media-controls){grid-row:2;grid-column:1 / 4;align-self:end;color:#fff;margin:.6125em;--btn-size: 1.25em;--btn-icon-stroke: 2.5;--btn-icon-size: .75em;--panel-border-radius: .25em;--panel-border-radius: calc(var(--entry-border-radius) - .3125em);--panel-background-color: rgb(0 0 0 / .35);--panel-backdrop-filter: var(--default-backdrop-filter)}:host a{--font-size: .625;--inset: calc(var(--default-padding) / var(--font-size));--text-opacity: .5;--line-opacity: .2;position:absolute;z-index:-1;top:0;left:0;line-height:2;transform:translate(calc(var(--x, 0) * 1px),calc(var(--y, 0) * 1px)) translate(calc(-100% - var(--inset)));font-size:calc(var(--font-size) * 1em);color:rgb(from var(--default-color) r g b / var(--text-opacity));text-underline-offset:1px;text-decoration-color:rgb(from var(--default-color) r g b / var(--line-opacity));text-transform:lowercase;transition:color var(--_150ms) ease-in-out;-webkit-user-select:none;user-select:none}:host a:hover{--text-opacity: .75;--line-opacity: .25}';
 export {
   defaultStyles as default
 };

package/dist/esm/elements/FilePondDropArea/index.css.js

@@ -1,4 +1,4 @@
-const styles = "/*\n\nCustom properties passed to `element-pane`\n\n--border: none;\n--border-radius: none;\n--background-color: none;\n\n*/\n:host {\n    contain: layout;\n}\n\n:host,\n.root {\n    position: absolute;\n    inset: 0;\n}\n";
+const styles = ":host{contain:layout}:host,.root{position:absolute;inset:0}";
 export {
   styles as default
 };

package/dist/esm/elements/FilePondDropArea/index.js

@@ -1,6 +1,6 @@
 import { FilePondSvelteComponentElement } from "../FilePondSvelteComponent/index.svelte.js";
-import { roundPrecision } from "../../utils/math.js";
 import FilePondDropArea from "./index.svelte.js";
+import { roundPrecision } from "../../utils/math.js";
 import styles from "./index.css.js";
 import elementPaneStyles from "../components/ElementPane/index.css.js";
 class FilePondDropAreaElement extends FilePondSvelteComponentElement {

package/dist/esm/elements/FilePondDropArea/index.svelte.js

@@ -13,7 +13,6 @@ import { Spring } from "../../views/svelte/svelte/src/motion/spring.js";
 import { measurable } from "../attachments/measurable.js";
 import { createAnimationState } from "../common/animationPreference.svelte.js";
 import { rectFromBounds } from "../../utils/rect.js";
-import "../components/ElementPane/index.js";
 import ElementPane from "../components/ElementPane/index.svelte.js";
 var root = from_html(`<div class="root"><!></div>`);
 function FilePondDropArea(_$anchor, _$props) {

package/dist/esm/elements/FilePondDropIndicator/index.css.js

@@ -1,4 +1,4 @@
-const styles = "/*\n\nCustom properties passed to `.root` and `element-pane`\n\n--border: none;\n--border-radius: none;\n--background-color: none;\n\n*/\n\n:host {\n    /* no user interaction with this element */\n    pointer-events: none;\n\n    /* always render behind items */\n    contain: layout;\n}\n\n:host,\n.root {\n    /* expand to fill parent */\n    position: absolute;\n    inset: 0;\n}\n\n.root {\n    /* mask drop indicator with container edges */\n    border-radius: calc(var(--border-radius) - 1px);\n    overflow: hidden;\n\n    & > div {\n        position: absolute;\n        top: 0;\n        left: 0;\n        transform-origin: center center;\n    }\n}\n";
+const styles = ":host{pointer-events:none;contain:layout}:host,.root{position:absolute;inset:0}.root{border-radius:calc(var(--border-radius) - 1px);overflow:hidden}.root>div{position:absolute;top:0;left:0;transform-origin:center center}";
 export {
   styles as default
 };

package/dist/esm/elements/FilePondDropIndicator/index.svelte.js

@@ -2,7 +2,7 @@ import "../../views/svelte/svelte/src/internal/disclose-version.js";
 import { get } from "../../views/svelte/svelte/src/internal/client/runtime.js";
 import { pop, push } from "../../views/svelte/svelte/src/internal/client/context.js";
 import { child } from "../../views/svelte/svelte/src/internal/client/dom/operations.js";
-import { state, set } from "../../views/svelte/svelte/src/internal/client/reactivity/sources.js";
+import { set, state } from "../../views/svelte/svelte/src/internal/client/reactivity/sources.js";
 import { user_effect, template_effect } from "../../views/svelte/svelte/src/internal/client/reactivity/effects.js";
 import { from_html, append } from "../../views/svelte/svelte/src/internal/client/dom/template.js";
 import { user_derived } from "../../views/svelte/svelte/src/internal/client/reactivity/deriveds.js";
@@ -11,13 +11,12 @@ import { attach } from "../../views/svelte/svelte/src/internal/client/dom/elemen
 import { set_style } from "../../views/svelte/svelte/src/internal/client/dom/elements/style.js";
 import { prop, spread_props } from "../../views/svelte/svelte/src/internal/client/reactivity/props.js";
 import { Spring } from "../../views/svelte/svelte/src/motion/spring.js";
-import { rectPad, rectContainsPoint, rectCenter, rectFromBounds } from "../../utils/rect.js";
+import { rectPad, rectContainsPoint, rectFromBounds, rectCenter } from "../../utils/rect.js";
 import { vectorFromRect, vectorElastify, vectorSubtract } from "../../utils/vector.js";
 import { droparea } from "../attachments/droparea.js";
 import { measurable } from "../attachments/measurable.js";
 import { createAnimationState } from "../common/animationPreference.svelte.js";
 import { sizeFromRect } from "../../utils/size.js";
-import "../components/ElementPane/index.js";
 import ElementPane from "../components/ElementPane/index.svelte.js";
 var root_1 = from_html(`<div><!></div>`);
 var root = from_html(`<div class="root"><!></div>`);

package/dist/esm/elements/FilePondEntryList/components/Entry/index.svelte.js

@@ -13,7 +13,6 @@ import { set_style } from "../../../../views/svelte/svelte/src/internal/client/d
 import { bind_this } from "../../../../views/svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
 import { prop, spread_props } from "../../../../views/svelte/svelte/src/internal/client/reactivity/props.js";
 import { clsx } from "../../../../views/svelte/svelte/src/internal/shared/attributes.js";
-import "../../../components/ElementPane/index.js";
 import { getAppContext } from "../../contexts/appContext.js";
 import { getEntryContext } from "../../contexts/entryContext.js";
 import { getSpringElementTreeContext } from "../../contexts/springElementTreeContext.js";

package/dist/esm/elements/FilePondEntryList/components/EntryActivityIndicator/index.svelte.js

@@ -21,16 +21,7 @@ import { withResources, getValueByKeyFromData } from "../../../common/string.js"
 import { getAppContext } from "../../contexts/appContext.js";
 import { getEntryContext } from "../../contexts/entryContext.js";
 import { gate } from "../../../common/store.svelte.js";
-import "../../../components/ElementPane/index.js";
-import "../../../components/TextInput/index.js";
-import "../../../components/FilenameInput/index.js";
-import "../../../components/RangeInput/index.js";
-import "../../../components/BooleanInput/index.js";
-import "../../../components/ElementSkeleton/index.js";
-import "../../../components/Button/index.js";
-import "../../../components/ProgressIndicator/index.js";
 import SpringElement from "../../../components/SpringElement.svelte.js";
-import "../../../../utils/test.js";
 import Button from "../../../components/Button/index.svelte.js";
 import ProgressIndicator from "../../../components/ProgressIndicator/index.svelte.js";
 var root_2 = from_html(`<element-stack></element-stack>`, 2);

package/dist/esm/elements/FilePondEntryList/components/EntryList/index.svelte.js

@@ -25,17 +25,9 @@ import { getDropContext } from "../../contexts/dropContext.js";
 import { measurable, VIEWPORT_MARGIN } from "../../../attachments/measurable.js";
 import { isNumber } from "../../../../utils/test.js";
 import { noop } from "../../../../utils/placeholder.js";
-import "../../../components/ElementPane/index.js";
-import "../../../components/TextInput/index.js";
-import "../../../components/FilenameInput/index.js";
-import "../../../components/RangeInput/index.js";
-import "../../../components/BooleanInput/index.js";
-import "../../../components/ElementSkeleton/index.js";
-import "../../../components/Button/index.js";
-import "../../../components/ProgressIndicator/index.js";
-import SpringElement from "../../../components/SpringElement.svelte.js";
-import { toClassName } from "../../../common/string.js";
 import { sizeFromRect } from "../../../../utils/size.js";
+import { toClassName } from "../../../common/string.js";
+import SpringElement from "../../../components/SpringElement.svelte.js";
 var root_6 = from_html(`<li class="entry-list-item" data-placeholder=""></li>`);
 var root_2 = from_html(`<ul class="entry-list"></ul>`);
 function EntryList(_$anchor, _$props) {

package/dist/esm/elements/FilePondEntryList/components/EntryStatus/index.svelte.js

@@ -13,21 +13,12 @@ import { set_custom_element_data } from "../../../../views/svelte/svelte/src/int
 import { set_class } from "../../../../views/svelte/svelte/src/internal/client/dom/elements/class.js";
 import { clsx } from "../../../../views/svelte/svelte/src/internal/shared/attributes.js";
 import { prop } from "../../../../views/svelte/svelte/src/internal/client/reactivity/props.js";
-import "../../../components/ElementPane/index.js";
-import "../../../components/TextInput/index.js";
-import "../../../components/FilenameInput/index.js";
-import "../../../components/RangeInput/index.js";
-import "../../../components/BooleanInput/index.js";
-import "../../../components/ElementSkeleton/index.js";
-import "../../../components/Button/index.js";
-import "../../../components/ProgressIndicator/index.js";
-import SpringElement from "../../../components/SpringElement.svelte.js";
-import { arrayRemoveFalsy } from "../../../../utils/array.js";
-import "../../../../utils/test.js";
+import { getExtensionStatusItems } from "../../../../common/entry.js";
 import { statusToLabel, statusToIcon } from "../../../common/string.js";
+import { arrayRemoveFalsy } from "../../../../utils/array.js";
 import { getAppContext } from "../../contexts/appContext.js";
-import { getExtensionStatusItems } from "../../../../common/entry.js";
 import { getEntryContext } from "../../contexts/entryContext.js";
+import SpringElement from "../../../components/SpringElement.svelte.js";
 import ElementPane from "../../../components/ElementPane/index.svelte.js";
 var root_3 = from_html(`<!> <span> </span> <!>`, 1);
 var root_1 = from_html(`<entry-status><ul></ul></entry-status>`, 2);

package/dist/esm/elements/FilePondEntryList/components/MediaImage/index.svelte.js

@@ -12,7 +12,6 @@ import { set_custom_element_data } from "../../../../views/svelte/svelte/src/int
 import { set_class } from "../../../../views/svelte/svelte/src/internal/client/dom/elements/class.js";
 import { clsx } from "../../../../views/svelte/svelte/src/internal/shared/attributes.js";
 import { prop } from "../../../../views/svelte/svelte/src/internal/client/reactivity/props.js";
-import "../MediaPane/index.js";
 import { arrayRemoveFalsy } from "../../../../utils/array.js";
 import { isImageFile, isString } from "../../../../utils/test.js";
 import { getAppContext } from "../../contexts/appContext.js";

package/dist/esm/elements/FilePondEntryList/components/MediaVideo/index.svelte.js

@@ -18,7 +18,6 @@ import { prop } from "../../../../views/svelte/svelte/src/internal/client/reacti
 import { toTime } from "../../../../utils/date.js";
 import { isIOS, isSafari, isNumber } from "../../../../utils/test.js";
 import { videoHasAudioTrack } from "../../../../utils/dom.js";
-import "../MediaPane/index.js";
 import { once } from "../../../common/event.js";
 import { createObjectURL } from "../../../../utils/objectURL.js";
 import { getAppContext } from "../../contexts/appContext.js";

package/dist/esm/elements/FilePondEntryList/index.css.js

@@ -1,4 +1,4 @@
-const styles = "/* No nested styles in this CSS file as for some weird reason this crashed Safari (tested on 17.6 Sonoma) */\n\n/* Used to animate disabled between true/false */\n@property --disabled-state {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0;\n}\n\n.root {\n    /* create new stacking context for FilePondEntryList and its subtree */\n    isolation: isolate;\n\n    /* Default styles */\n    text-align: left;\n    font-weight: 500;\n}\n\n:host {\n    --entry-padding: calc(var(--default-padding) * 0.5);\n    --entry-shadow: none;\n    --entry-lifted-shadow: none;\n    --entry-min-height: 2.5em;\n    --entry-color: currentColor;\n    --entry-background-color: inherit;\n    --entry-border-radius: calc(var(--default-border-radius, 0) * 0.5);\n    --entry-border: var(--default-border, none);\n    --entry-border-top: var(--entry-border);\n    --entry-border-right: var(--entry-border);\n    --entry-border-bottom: var(--entry-border);\n    --entry-border-left: var(--entry-border);\n\n    --data-transfer-background-color: color-mix(\n        in srgb,\n        var(--entry-color) 10%,\n        var(--entry-background-color)\n    );\n\n    --media-background-color: black;\n\n    --font-size-m: 0.75em;\n    --font-size-s: 0.625em;\n    --font-size-xs: 0.5em;\n\n    --status-info: #a7d6fb;\n    --status-success: #97e1a8;\n    --status-warning: #f9db82;\n    --status-error: #f7938c;\n    --status-system: #d3d3d3;\n\n    --_100ms: calc(100ms * var(--animate));\n    --_150ms: calc(150ms * var(--animate));\n    --_200ms: calc(200ms * var(--animate));\n    --_250ms: calc(250ms * var(--animate));\n    --_500ms: calc(500ms * var(--animate));\n}\n\n/* basic style reset */\n* {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    user-select: none;\n    -webkit-user-select: none;\n}\n\nli {\n    /* for some reason, if the li is displayed as a list-item, the animation in the skeleton component triggers nodes to be endlessly generated in Chrome & Safari */\n    display: block;\n}\n\nlabel,\nbutton,\nselect,\ntextarea,\ninput {\n    -webkit-user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    font: inherit;\n    box-sizing: content-box;\n}\n\nelement-stack {\n    display: flex;\n    flex-direction: row;\n}\n\nelement-stack[layout='split'] {\n    justify-content: space-between;\n}\n\nelement-stack[layout='col'] {\n    flex-direction: column;\n}\n\nelement-stack[layout='pile'] {\n    display: grid;\n    grid-template: 1fr / 1fr;\n}\n\nelement-stack[layout='pile'] > * {\n    grid-area: 1 / 1;\n}\n\n/* disabled state */\n.root {\n    --disabled-state: 0;\n    --disabled-state-duration: var(--_150ms);\n    transition: --disabled-state var(--disabled-state-duration) ease-in-out;\n}\n\n.root[disabled] {\n    --disabled-state: 1;\n    filter: grayscale(var(--disabled-state));\n}\n\n.root[disabled] * {\n    pointer-events: none !important;\n}\n\n/* Hide element from screen but still leave accessible to screenreader */\n.implicit {\n    clip: rect(0 0 0 0);\n    clip-path: inset(50%);\n    height: 1px;\n    overflow: hidden;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n}\n\n/* Covers the parent element, useful for expanding buttons or labels so an entire element is clickable */\n.cover {\n    position: absolute;\n    inset: 0;\n    background: transparent;\n    color: transparent;\n}\n";
+const styles = '@property --disabled-state{syntax: "<number>"; inherits: true; initial-value: 0;}.root{isolation:isolate;text-align:left;font-weight:500}:host{--entry-padding: calc(var(--default-padding) * .5);--entry-shadow: none;--entry-lifted-shadow: none;--entry-min-height: 2.5em;--entry-color: currentColor;--entry-background-color: inherit;--entry-border-radius: calc(var(--default-border-radius, 0) * .5);--entry-border: var(--default-border, none);--entry-border-top: var(--entry-border);--entry-border-right: var(--entry-border);--entry-border-bottom: var(--entry-border);--entry-border-left: var(--entry-border);--data-transfer-background-color: color-mix( in srgb, var(--entry-color) 10%, var(--entry-background-color) );--media-background-color: black;--font-size-m: .75em;--font-size-s: .625em;--font-size-xs: .5em;--status-info: #a7d6fb;--status-success: #97e1a8;--status-warning: #f9db82;--status-error: #f7938c;--status-system: #d3d3d3;--_100ms: calc(.1s * var(--animate));--_150ms: calc(.15s * var(--animate));--_200ms: calc(.2s * var(--animate));--_250ms: calc(.25s * var(--animate));--_500ms: calc(.5s * var(--animate))}*{margin:0;padding:0;border:0;user-select:none;-webkit-user-select:none}li{display:block}label,button,select,textarea,input{-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font:inherit;box-sizing:content-box}element-stack{display:flex;flex-direction:row}element-stack[layout=split]{justify-content:space-between}element-stack[layout=col]{flex-direction:column}element-stack[layout=pile]{display:grid;grid-template:1fr / 1fr}element-stack[layout=pile]>*{grid-area:1 / 1}.root{--disabled-state: 0;--disabled-state-duration: var(--_150ms);transition:--disabled-state var(--disabled-state-duration) ease-in-out}.root[disabled]{--disabled-state: 1;filter:grayscale(var(--disabled-state))}.root[disabled] *{pointer-events:none!important}.implicit{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.cover{position:absolute;inset:0;background:transparent;color:transparent}';
 export {
   styles as default
 };

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

@@ -15,9 +15,9 @@ import { prop } from "../../views/svelte/svelte/src/internal/client/reactivity/p
 import { dragarea } from "../attachments/dragarea.js";
 import { droparea } from "../attachments/droparea.js";
 import { arrayMove, arrayInsertAtIndex } from "../../utils/array.js";
-import { ORIGIN, vectorCreate, vectorEqual, vectorSubtract, vectorAdd } from "../../utils/vector.js";
+import { vectorCreate, ORIGIN, vectorEqual, vectorSubtract, vectorAdd } from "../../utils/vector.js";
 import { rectPad, rectContainsPoint, rectFromBounds, rectCenter } from "../../utils/rect.js";
-import { noop, passthrough } from "../../utils/placeholder.js";
+import { passthrough, noop } from "../../utils/placeholder.js";
 import { measurable } from "../attachments/measurable.js";
 import { dispatchCustomEvent, setBooleanAttribute } from "../../utils/dom.js";
 import { createAnimationState } from "../common/animationPreference.svelte.js";
@@ -29,17 +29,9 @@ import { getUniqueId } from "../../utils/string.js";
 import { setSpringElementTreeContext } from "./contexts/springElementTreeContext.js";
 import { sizeFromRect } from "../../utils/size.js";
 import { isNumber } from "../../utils/test.js";
-import "../components/ElementPane/index.js";
-import "../components/TextInput/index.js";
-import "../components/FilenameInput/index.js";
-import "../components/RangeInput/index.js";
-import "../components/BooleanInput/index.js";
-import "../components/ElementSkeleton/index.js";
-import "../components/Button/index.js";
-import "../components/ProgressIndicator/index.js";
-import NodeList_1 from "../components/NodeList/index.svelte.js";
 import { hasOwnProp } from "../../utils/object.js";
 import { getDragTargetIndex, getDropTargetIndex } from "../common/dragDrop.js";
+import NodeList_1 from "../components/NodeList/index.svelte.js";
 var root_1 = from_html(`<div class="root"><!></div>`);
 function FilePondEntryList(_$anchor, _$props) {
   push(_$props, true);

package/dist/esm/elements/common/animationPreference.svelte.js

@@ -1,6 +1,6 @@
 import { get } from "../../views/svelte/svelte/src/internal/client/runtime.js";
 import { proxy } from "../../views/svelte/svelte/src/internal/client/proxy.js";
-import { set, state } from "../../views/svelte/svelte/src/internal/client/reactivity/sources.js";
+import { state, set } from "../../views/svelte/svelte/src/internal/client/reactivity/sources.js";
 import { user_derived } from "../../views/svelte/svelte/src/internal/client/reactivity/deriveds.js";
 import { createAnimationGuard } from "./animationGuard.js";
 import { isBrowser } from "../../utils/test.js";

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

@@ -1,4 +1,4 @@
-const elementPaneStyles = "element-pane {\n    contain: size layout style;\n    pointer-events: none;\n    user-select: none;\n    position: absolute;\n    z-index: -1;\n    inset: 0;\n\n    & div {\n        position: absolute;\n        left: 0;\n        top: 0;\n        isolation: isolate;\n        box-sizing: border-box;\n        border-top: var(--border-top, var(--border));\n        border-right: var(--border-right, var(--border));\n        border-bottom: var(--border-bottom, var(--border));\n        border-left: var(--border-left, var(--border));\n        border-radius: var(--border-radius, 0);\n        background-color: var(--background-color, transparent);\n        box-shadow: var(--box-shadow, none);\n        backdrop-filter: var(--backdrop-filter, none);\n        -webkit-backdrop-filter: var(--backdrop-filter, none);\n        transition: var(--transition, none);\n        opacity: var(--opacity, 1);\n    }\n}\n";
+const elementPaneStyles = "element-pane{contain:size layout style;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;z-index:-1;inset:0}element-pane div{position:absolute;left:0;top:0;isolation:isolate;box-sizing:border-box;border-top:var(--border-top, var(--border));border-right:var(--border-right, var(--border));border-bottom:var(--border-bottom, var(--border));border-left:var(--border-left, var(--border));border-radius:var(--border-radius, 0);background-color:var(--background-color, transparent);box-shadow:var(--box-shadow, none);backdrop-filter:var(--backdrop-filter, none);-webkit-backdrop-filter:var(--backdrop-filter, none);transition:var(--transition, none);opacity:var(--opacity, 1)}";
 export {
   elementPaneStyles as default
 };

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

@@ -1,4 +1,4 @@
-const styles = "element-skeleton {\n    --skeleton-color: currentColor;\n    --skeleton-duration: var(--_500ms);\n    --skeleton-radius: 0.125em;\n\n    /* calculated based on amount of skeleton loaders on the page */\n    --skeleton-delay: calc(var(--skeleton-offset, 0) * -0.1s);\n\n    /* skeleton intro/outro */\n    --skeleton-visibility: 0;\n    --skeleton-rag: calc(mod(var(--skeleton-offset, 0), 4) * 1em);\n\n    /* width of skeleton panel */\n    --skeleton-width: 1em;\n    --skeleton-max-width: 1em;\n\n    /* box style */\n    position: relative;\n    display: block;\n\n    /* just so it always takes up some space while loading*/\n    min-height: 1lh;\n    &:not([ready]) {\n        min-width: var(--skeleton-width);\n    }\n\n    /* text fades in and --skeleton-visibility fades in background color */\n    --transition-duration: var(--_250ms);\n    transition: color var(--transition-duration) ease-out;\n\n    & > skeleton-pane,\n    & > skeleton-pane::before {\n        position: absolute;\n        inset: 0;\n    }\n\n    & > skeleton-pane {\n        max-width: var(--skeleton-max-width);\n        opacity: 0;\n        transition: opacity var(--transition-duration)\n            calc((0.1s + 0.025s * var(--skeleton-offset, 0)) * var(--animate, 1)) ease-in-out;\n\n        /* the skeleton loader */\n        &::before {\n            content: '';\n\n            box-sizing: border-box;\n            background-clip: content-box;\n\n            /* rag */\n            right: calc(var(--skeleton-rag));\n\n            /* skeletong style */\n            border-radius: var(--skeleton-radius);\n            background-color: var(--skeleton-color);\n\n            animation-name: skeleton-busy;\n            animation-duration: var(--skeleton-duration);\n            animation-delay: var(--skeleton-delay);\n            animation-timing-function: ease-in-out;\n            animation-iteration-count: infinite;\n            animation-direction: alternate;\n\n            /* fade in out and animate */\n            opacity: calc(var(--skeleton-opacity) * var(--skeleton-visibility));\n        }\n    }\n\n    &[ready] {\n        & > skeleton-pane {\n            opacity: 0;\n            max-width: none;\n        }\n    }\n\n    &[ready]:has(skeleton-pane) {\n        width: fit-content;\n    }\n\n    /* specific state styles */\n    &[active],\n    &[frozen] {\n        & > skeleton-pane {\n            opacity: 1;\n        }\n    }\n\n    &[active] {\n        color: transparent;\n    }\n\n    &[frozen] {\n        & > skeleton-pane::before {\n            animation-play-state: paused;\n        }\n    }\n}\n\n/* Skeleton loading animation */\n@keyframes skeleton-busy {\n    from {\n        opacity: 0.1;\n    }\n\n    to {\n        opacity: 0.2;\n    }\n}\n";
+const styles = 'element-skeleton{--skeleton-color: currentColor;--skeleton-duration: var(--_500ms);--skeleton-radius: .125em;--skeleton-delay: calc(var(--skeleton-offset, 0) * -.1s);--skeleton-visibility: 0;--skeleton-rag: calc(mod(var(--skeleton-offset, 0), 4)*1em) ;--skeleton-width: 1em;--skeleton-max-width: 1em;position:relative;display:block;min-height:1lh;--transition-duration: var(--_250ms);transition:color var(--transition-duration) ease-out}element-skeleton:not([ready]){min-width:var(--skeleton-width)}element-skeleton>skeleton-pane,element-skeleton>skeleton-pane:before{position:absolute;inset:0}element-skeleton>skeleton-pane{max-width:var(--skeleton-max-width);opacity:0;transition:opacity var(--transition-duration) calc((.1s + 25ms * var(--skeleton-offset, 0)) * var(--animate, 1)) ease-in-out}element-skeleton>skeleton-pane:before{content:"";box-sizing:border-box;background-clip:content-box;right:calc(var(--skeleton-rag));border-radius:var(--skeleton-radius);background-color:var(--skeleton-color);animation-name:skeleton-busy;animation-duration:var(--skeleton-duration);animation-delay:var(--skeleton-delay);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;opacity:calc(var(--skeleton-opacity) * var(--skeleton-visibility))}element-skeleton[ready]>skeleton-pane{opacity:0;max-width:none}element-skeleton[ready]:has(skeleton-pane){width:fit-content}:is(element-skeleton[active],element-skeleton[frozen])>skeleton-pane{opacity:1}element-skeleton[active]{color:transparent}element-skeleton[frozen]>skeleton-pane:before{animation-play-state:paused}@keyframes skeleton-busy{0%{opacity:.1}to{opacity:.2}}';
 export {
   styles as default
 };

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

@@ -1,5 +1,3 @@
-import "../../../views/svelte/svelte/src/internal/disclose-version.js";
-import "../../../utils/test.js";
 import { extendShadowRootStyles } from "../../common/extendStyles.js";
 import styles from "./index.css.js";
 let instanceCounter = 0;

package/dist/esm/elements/components/RangeInput/index.svelte.js

@@ -4,7 +4,7 @@ import { pop, push } from "../../../views/svelte/svelte/src/internal/client/cont
 import { child, sibling } from "../../../views/svelte/svelte/src/internal/client/dom/operations.js";
 import { set, state } from "../../../views/svelte/svelte/src/internal/client/reactivity/sources.js";
 import { user_effect, template_effect } from "../../../views/svelte/svelte/src/internal/client/reactivity/effects.js";
-import { delegate, event } from "../../../views/svelte/svelte/src/internal/client/dom/elements/events.js";
+import { event, delegate } from "../../../views/svelte/svelte/src/internal/client/dom/elements/events.js";
 import { from_html, append } from "../../../views/svelte/svelte/src/internal/client/dom/template.js";
 import { snippet } from "../../../views/svelte/svelte/src/internal/client/dom/blocks/snippet.js";
 import { user_derived } from "../../../views/svelte/svelte/src/internal/client/reactivity/deriveds.js";
@@ -21,7 +21,6 @@ import { getStylePropertyAsNumber } from "../../../utils/dom.js";
 import { clamp } from "../../../utils/math.js";
 import { noop } from "../../../utils/placeholder.js";
 import { isNumber } from "../../../utils/test.js";
-import "../ElementPane/index.js";
 import ElementPane from "../ElementPane/index.svelte.js";
 var root = from_html(`<range-input><input type="range"/> <div class="range-input-bar range-input-track"><!></div> <div class="range-input-bar range-input-hover"><!></div> <div class="range-input-bar range-input-progress"><!></div> <div class="range-input-knob"></div> <span class="range-input-title"><!></span></range-input>`, 2);
 function RangeInput(_$anchor, _$props) {

package/dist/esm/locales/index.js

@@ -3,12 +3,13 @@ import { locale as locale2 } from "./nl-nl.js";
 import { locale as locale3 } from "./de-de.js";
 import { locale as locale4 } from "./es-es.js";
 import { locale as locale5 } from "./fr-fr.js";
-import { locale as locale6, locale as locale7 } from "./pt-pt.js";
+import { locale as locale6 } from "./pt-pt.js";
+import { locale as locale7 } from "./it-it.js";
 import { locale as locale8 } from "./nb-no.js";
 import { locale as locale9 } from "./sv-se.js";
 import { locale as locale10 } from "./hi-in.js";
 import { locale as locale11 } from "./ko-kr.js";
-import { locale as locale12 } from "./js-jp.js";
+import { locale as locale12 } from "./ja-jp.js";
 import { locale as locale13 } from "./zh-cn.js";
 export {
   locale3 as de_DE,
@@ -16,12 +17,12 @@ export {
   locale4 as es_ES,
   locale5 as fr_FR,
   locale10 as hi_IN,
-  locale6 as it_IT,
+  locale7 as it_IT,
   locale12 as ja_JP,
   locale11 as ko_KR,
   locale8 as nb_NO,
   locale2 as nl_NL,
-  locale7 as pt_PT,
+  locale6 as pt_PT,
   locale9 as sv_SE,
   locale13 as zh_CN
 };

package/dist/esm/locales/it-it.js

@@ -0,0 +1,157 @@
+const core = {
+  abort: "Interrompi",
+  remove: "Rimuovi",
+  reset: "Reimposta",
+  undo: "Annulla",
+  cancel: "Annulla",
+  store: "Salva",
+  revert: "Ripristina",
+  busy: "In corso",
+  loading: "Caricamento",
+  error: "Errore",
+  warning: "Avviso",
+  success: "Completato",
+  info: "Info",
+  system: "Sistema",
+  fileMainTypeImage: "immagine",
+  fileMainTypeVideo: "video",
+  fileMainTypeAudio: "audio",
+  fileMainTypeApplication: "file",
+  assistAbort: "Tocca per annullare",
+  assistUndo: "Tocca per annullare l’azione",
+  loadError: "Impossibile caricare il file.",
+  loadDataTranserProgress: "Caricamento dei file",
+  loadDataTranserInfo: "{{processedFiles}} di {{totalFiles}} file elaborati",
+  validationInvalid: "File non valido.",
+  validationFileNameMissing: "Nome file mancante",
+  validationInvalidEntries: "L’elenco contiene elementi non validi.",
+  validationInvalidState: "L’elenco dei file è in uno stato non valido.",
+  validationInvalidBusy: "L’elenco dei file è occupato.",
+  validationInvalidEmpty: "Compila questo campo."
+};
+const media = {
+  mediaEdit: "Modifica",
+  mediaPlay: "Riproduci",
+  mediaPause: "Pausa",
+  mediaSilent: "Senza audio",
+  mediaUnmute: "Attiva audio",
+  mediaMute: "Disattiva audio",
+  mediaFullscreen: "Schermo intero",
+  mediaLoadError: "Impossibile caricare la {{fileMainType}}.",
+  mediaPlayError: "Impossibile riprodurre il video."
+};
+const store = {
+  storeRestoreProgress: "Caricamento {{progress}}%",
+  storeStorageQueued: "In attesa di caricamento",
+  storeStorageProgress: "Caricamento {{progress}}%",
+  storeStorageComplete: "Caricamento completato",
+  storeError: "Impossibile salvare il file.",
+  storeAwaitingCompletion: "Non tutti i file sono stati salvati."
+};
+const transform = {
+  transformEditBusy: "Modifica del file in corso",
+  transformError: "Impossibile modificare il file. Riprova."
+};
+const validationFileMimeType = {
+  validationFileMimeTypeMismatch: {
+    template: "Questo tipo di file non è consentito. {{details}}.",
+    variables: {
+      details: {
+        context: "count",
+        map: {
+          1: "Il file deve essere di tipo {{accept}}",
+          else: "I tipi consentiti sono: {{accept}}"
+        }
+      }
+    }
+  }
+};
+const validationFileExtension = {
+  validationFileExtensionMismatch: {
+    template: "Questa estensione file non è consentita. {{details}}.",
+    variables: {
+      details: {
+        context: "count",
+        map: {
+          1: "Il file deve avere estensione {{accept}}",
+          else: "Le estensioni consentite sono: {{accept}}"
+        }
+      }
+    }
+  }
+};
+const validationFileName = {
+  validationFileNameMissing: "Nome file mancante",
+  validationFileNameMismatch: "Questo nome file non è valido."
+};
+const validationFileSize = {
+  validationFileSizeUnderflow: "Questo file è troppo piccolo. La dimensione minima è {{minSize}}.",
+  validationFileSizeOverflow: "Questo file è troppo grande. La dimensione massima è {{maxSize}}."
+};
+const validationListSize = {
+  validationListSizeUnderflow: "La dimensione totale dei file è troppo piccola. Il minimo richiesto è {minListSize}.",
+  validationListSizeOverflow: "La dimensione totale dei file è troppo grande. Il massimo consentito è {maxListSize}."
+};
+const validationMediaResolution = {
+  validationMediaSizeUnavailable: "Impossibile leggere le dimensioni del media.",
+  validationMediaWidthRangeMismatch: "La larghezza della {{fileMainType}} non è valida. Deve essere tra {{minWidth}} e {{maxWidth}}.",
+  validationMediaWidthUnderflow: "La {{fileMainType}} è troppo stretta. La larghezza minima è {{minWidth}}.",
+  validationMediaWidthOverflow: "La {{fileMainType}} è troppo larga. La larghezza massima è {{maxWidth}}.",
+  validationMediaHeightRangeMismatch: "L’altezza della {{fileMainType}} non è valida. Deve essere tra {{minHeight}} e {{maxHeight}}.",
+  validationMediaHeightUnderflow: "La {{fileMainType}} è troppo bassa. L’altezza minima è {{minHeight}}.",
+  validationMediaHeightOverflow: "La {{fileMainType}} è troppo alta. L’altezza massima è {{maxHeight}}.",
+  validationMediaResolutionRangeMismatch: "La risoluzione della {{fileMainType}} non è valida. Deve essere tra {{minResolution}} e {maxResolution}.",
+  validationMediaResolutionUnderflow: "La risoluzione della {{fileMainType}} non è valida. La risoluzione minima è {{minResolution}}.",
+  validationMediaResolutionOverflow: "La risoluzione della {{fileMainType}} non è valida. La risoluzione massima è {{maxResolution}}."
+};
+const validationListCount = {
+  validationListEntryCountUnderflow: {
+    template: "Troppi pochi file. Il minimo richiesto è {{minFiles}} {{files}}.",
+    variables: {
+      files: {
+        context: "minFiles",
+        map: { 1: "file", else: "file" }
+      }
+    }
+  },
+  validationListEntryCountOverflow: {
+    template: "Troppi file. Il massimo consentito è {{maxFiles}} {{files}}.",
+    variables: {
+      files: {
+        context: "minFiles",
+        map: { 1: "file", else: "file" }
+      }
+    }
+  }
+};
+const validation = {
+  ...validationFileSize,
+  ...validationFileMimeType,
+  ...validationFileExtension,
+  ...validationFileName,
+  ...validationMediaResolution,
+  ...validationListSize,
+  ...validationListCount
+};
+const locale = {
+  ...core,
+  ...store,
+  ...media,
+  ...validation,
+  ...transform
+};
+export {
+  core,
+  locale,
+  media,
+  store,
+  transform,
+  validation,
+  validationFileExtension,
+  validationFileMimeType,
+  validationFileName,
+  validationFileSize,
+  validationListCount,
+  validationListSize,
+  validationMediaResolution
+};

package/dist/esm/templates/entry.js

@@ -1,31 +1,14 @@
-import "../elements/FilePondEntryList/components/EntryList/index.js";
-import "../elements/FilePondEntryList/components/Entry/index.js";
-import "../elements/FilePondEntryList/components/EntryActivityIndicator/index.js";
-import "../elements/FilePondEntryList/components/EntryStatus/index.js";
-import "../elements/FilePondEntryList/components/MediaPane/index.js";
-import "../elements/FilePondEntryList/components/MediaVideo/index.js";
-import "../elements/FilePondEntryList/components/MediaImage/index.js";
-import "../elements/FilePondEntryList/components/MediaTimeIndicator/index.js";
-import UseEntryContext from "../elements/FilePondEntryList/components/useEntryContext.svelte.js";
-import "../elements/components/ElementPane/index.js";
-import "../elements/components/TextInput/index.js";
-import "../elements/components/FilenameInput/index.js";
-import "../elements/components/RangeInput/index.js";
-import "../elements/components/BooleanInput/index.js";
-import "../elements/components/ElementSkeleton/index.js";
-import "../elements/components/Button/index.js";
-import "../elements/components/ProgressIndicator/index.js";
-import SpringElement from "../elements/components/SpringElement.svelte.js";
-import "../views/svelte/svelte/src/internal/disclose-version.js";
 import { isFileEntry, isDataTransferEntry, isNumber, isString } from "../utils/test.js";
-import { cache } from "../utils/cache.js";
-import { quadInOut } from "../views/svelte/svelte/src/easing/index.js";
 import { bytesToNaturalFileSize } from "../utils/file.js";
 import { fade } from "../elements/common/transition.js";
+import { quadInOut } from "../views/svelte/svelte/src/easing/index.js";
 import { hasExtensionWithStatusCode, getExtensionStatusWithCode } from "./helpers.js";
+import { cache } from "../utils/cache.js";
+import UseEntryContext from "../elements/FilePondEntryList/components/useEntryContext.svelte.js";
 import EntryList from "../elements/FilePondEntryList/components/EntryList/index.svelte.js";
 import Entry from "../elements/FilePondEntryList/components/Entry/index.svelte.js";
 import EntryActivityIndicator from "../elements/FilePondEntryList/components/EntryActivityIndicator/index.svelte.js";
+import SpringElement from "../elements/components/SpringElement.svelte.js";
 import EntryStatus from "../elements/FilePondEntryList/components/EntryStatus/index.svelte.js";
 import ElementSkeleton from "../elements/components/ElementSkeleton/index.svelte.js";
 function createFilePondEntry(options) {

package/dist/esm/templates/helpers.js

@@ -1,23 +1,6 @@
 import { nodeTree } from "../elements/common/nodeTree.js";
-import "../elements/components/ElementPane/index.js";
-import "../elements/components/TextInput/index.js";
-import "../elements/components/FilenameInput/index.js";
-import "../elements/components/RangeInput/index.js";
-import "../elements/components/BooleanInput/index.js";
-import "../elements/components/ElementSkeleton/index.js";
-import "../elements/components/Button/index.js";
-import "../elements/components/ProgressIndicator/index.js";
-import "../views/svelte/svelte/src/internal/disclose-version.js";
 import { isFunction, isRegExp, isFileEntry, isBlobOrFile, isString, isArray, isDirectoryEntry } from "../utils/test.js";
 import { arrayWrap } from "../utils/array.js";
-import "../elements/FilePondEntryList/components/EntryList/index.js";
-import "../elements/FilePondEntryList/components/Entry/index.js";
-import "../elements/FilePondEntryList/components/EntryActivityIndicator/index.js";
-import "../elements/FilePondEntryList/components/EntryStatus/index.js";
-import "../elements/FilePondEntryList/components/MediaPane/index.js";
-import "../elements/FilePondEntryList/components/MediaVideo/index.js";
-import "../elements/FilePondEntryList/components/MediaImage/index.js";
-import "../elements/FilePondEntryList/components/MediaTimeIndicator/index.js";
 import ElementPane from "../elements/components/ElementPane/index.svelte.js";
 import Button from "../elements/components/Button/index.svelte.js";
 function getEntryExtensionsAsArray(entry) {