ui-ingredients 0.0.62 → 0.0.63

package/dist/editable/editable-edit-trigger.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const EditableEditTrigger: $$__sveltets_2_IsomorphicComponent<EditableEditTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type EditableEditTrigger = InstanceType<typeof EditableEditTrigger>;
 export default EditableEditTrigger;

package/dist/editable/editable-input.svelte

@@ -9,7 +9,7 @@
   import {mergeProps} from '../merge-props.js';
   import {getEditableContext} from './editable-context.svelte.js';
 
-  let {this: e, asChild, ...props}: EditableInputProps = $props();
+  let {ref = $bindable(null), asChild, ...props}: EditableInputProps = $props();
 
   let editable = getEditableContext();
 
@@ -19,5 +19,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <input bind:this={e} {...mergedProps} />
+  <input bind:this={ref} {...mergedProps} />
 {/if}

package/dist/editable/editable-input.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const EditableInput: $$__sveltets_2_IsomorphicComponent<EditableInputProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type EditableInput = InstanceType<typeof EditableInput>;
 export default EditableInput;

package/dist/editable/editable-label.svelte

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getEditableContext} from './editable-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: EditableLabelProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: EditableLabelProps = $props();
 
   let editable = getEditableContext();
 
@@ -19,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <label bind:this={e} {...mergedProps}>
+  <label bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </label>
 {/if}

package/dist/editable/editable-label.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const EditableLabel: $$__sveltets_2_IsomorphicComponent<EditableLabelProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type EditableLabel = InstanceType<typeof EditableLabel>;
 export default EditableLabel;

package/dist/editable/editable-preview.svelte

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getEditableContext} from './editable-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: EditablePreviewProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: EditablePreviewProps = $props();
 
   let editable = getEditableContext();
 
@@ -19,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <span bind:this={e} {...mergedProps}>
+  <span bind:this={ref} {...mergedProps}>
     {#if children}
       {@render children?.()}
     {:else}

package/dist/editable/editable-preview.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const EditablePreview: $$__sveltets_2_IsomorphicComponent<EditablePreviewProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type EditablePreview = InstanceType<typeof EditablePreview>;
 export default EditablePreview;

package/dist/editable/editable-root.svelte

@@ -19,7 +19,12 @@
   import {createEditable} from './create-editable.svelte.js';
   import {setEditableContext} from './editable-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: EditableProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: EditableProps = $props();
 
   let [createEditableProps, localProps] = $derived(
     createSplitProps<CreateEditableProps>([
@@ -62,7 +67,7 @@
 {#if asChild}
   {@render asChild(mergedProps, editable)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.(editable)}
   </div>
 {/if}

package/dist/editable/editable-root.svelte.d.ts

@@ -17,6 +17,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const EditableRoot: $$__sveltets_2_IsomorphicComponent<EditableProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type EditableRoot = InstanceType<typeof EditableRoot>;
 export default EditableRoot;

package/dist/editable/editable-submit-trigger.svelte

@@ -10,7 +10,7 @@
   import {getEditableContext} from './editable-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={e} type="button" {...mergedProps}>
+  <button bind:this={ref} type="button" {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/editable/editable-submit-trigger.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const EditableSubmitTrigger: $$__sveltets_2_IsomorphicComponent<EditableSubmitTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type EditableSubmitTrigger = InstanceType<typeof EditableSubmitTrigger>;
 export default EditableSubmitTrigger;

package/dist/field/field-error-text.svelte

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getFieldContext} from './field-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: FieldErrorTextProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: FieldErrorTextProps = $props();
 
   let field = getFieldContext();
 
@@ -19,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

package/dist/field/field-error-text.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FieldErrorText: $$__sveltets_2_IsomorphicComponent<FieldErrorTextProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FieldErrorText = InstanceType<typeof FieldErrorText>;
 export default FieldErrorText;

package/dist/field/field-helper-text.svelte

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getFieldContext} from './field-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: FieldHelperTextProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: FieldHelperTextProps = $props();
 
   let field = getFieldContext();
 
@@ -19,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

package/dist/field/field-helper-text.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FieldHelperText: $$__sveltets_2_IsomorphicComponent<FieldHelperTextProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FieldHelperText = InstanceType<typeof FieldHelperText>;
 export default FieldHelperText;

package/dist/field/field-input.svelte

@@ -9,7 +9,7 @@
   import {mergeProps} from '../merge-props.js';
   import {getFieldContext} from './field-context.svelte.js';
 
-  let {this: e, asChild, ...props}: FieldInputProps = $props();
+  let {ref = $bindable(null), asChild, ...props}: FieldInputProps = $props();
 
   let field = getFieldContext();
 
@@ -19,5 +19,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <input bind:this={e} {...mergedProps} />
+  <input bind:this={ref} {...mergedProps} />
 {/if}

package/dist/field/field-input.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FieldInput: $$__sveltets_2_IsomorphicComponent<FieldInputProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FieldInput = InstanceType<typeof FieldInput>;
 export default FieldInput;

package/dist/field/field-label.svelte

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getFieldContext} from './field-context.svelte.js';
 
-  let {this: e, children, asChild, ...props}: FieldLabelProps = $props();
+  let {
+    ref = $bindable(null),
+    children,
+    asChild,
+    ...props
+  }: FieldLabelProps = $props();
 
   let field = getFieldContext();
 
@@ -19,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <label bind:this={e} {...mergedProps}>
+  <label bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </label>
 {/if}

package/dist/field/field-label.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FieldLabel: $$__sveltets_2_IsomorphicComponent<FieldLabelProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FieldLabel = InstanceType<typeof FieldLabel>;
 export default FieldLabel;

package/dist/field/field-root.svelte

@@ -19,7 +19,12 @@
   import {createField} from './create-field.svelte.js';
   import {setFieldContext} from './field-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: FieldProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: FieldProps = $props();
 
   let [createFieldProps, localProps] = $derived(
     createSplitProps<CreateFieldProps>([
@@ -42,7 +47,7 @@
 {#if asChild}
   {@render asChild(mergedProps, field)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.(field)}
   </div>
 {/if}

package/dist/field/field-root.svelte.d.ts

@@ -17,6 +17,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FieldRoot: $$__sveltets_2_IsomorphicComponent<FieldProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FieldRoot = InstanceType<typeof FieldRoot>;
 export default FieldRoot;

package/dist/field/field-select.svelte

@@ -9,7 +9,12 @@
   import {mergeProps} from '../merge-props.js';
   import {getFieldContext} from './field-context.svelte.js';
 
-  let {this: e, children, asChild, ...props}: FieldSelectProps = $props();
+  let {
+    ref = $bindable(null),
+    children,
+    asChild,
+    ...props
+  }: FieldSelectProps = $props();
 
   let field = getFieldContext();
 
@@ -19,5 +24,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <select bind:this={e} {...mergedProps}>{@render children?.()}</select>
+  <select bind:this={ref} {...mergedProps}>{@render children?.()}</select>
 {/if}

package/dist/field/field-select.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FieldSelect: $$__sveltets_2_IsomorphicComponent<FieldSelectProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FieldSelect = InstanceType<typeof FieldSelect>;
 export default FieldSelect;

package/dist/field/field-textarea.svelte

@@ -9,7 +9,7 @@
   import {mergeProps} from '../merge-props.js';
   import {getFieldContext} from './field-context.svelte.js';
 
-  let {this: e, asChild, ...props}: FieldTextareaProps = $props();
+  let {ref = $bindable(null), asChild, ...props}: FieldTextareaProps = $props();
 
   let field = getFieldContext();
 
@@ -19,5 +19,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <textarea bind:this={e} {...mergedProps}></textarea>
+  <textarea bind:this={ref} {...mergedProps}></textarea>
 {/if}

package/dist/field/field-textarea.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FieldTextarea: $$__sveltets_2_IsomorphicComponent<FieldTextareaProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FieldTextarea = InstanceType<typeof FieldTextarea>;
 export default FieldTextarea;

package/dist/file-upload/file-upload-clear-trigger.svelte

@@ -10,7 +10,7 @@
   import {getFileUploadContext} from './file-upload-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={e} type="button" {...mergedProps}>
+  <button bind:this={ref} type="button" {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/file-upload/file-upload-clear-trigger.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FileUploadClearTrigger: $$__sveltets_2_IsomorphicComponent<FileUploadClearTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FileUploadClearTrigger = InstanceType<typeof FileUploadClearTrigger>;
 export default FileUploadClearTrigger;

package/dist/file-upload/file-upload-dropzone.svelte

@@ -10,7 +10,7 @@
   import {getFileUploadContext} from './file-upload-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

package/dist/file-upload/file-upload-dropzone.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FileUploadDropzone: $$__sveltets_2_IsomorphicComponent<FileUploadDropzoneProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FileUploadDropzone = InstanceType<typeof FileUploadDropzone>;
 export default FileUploadDropzone;

package/dist/file-upload/file-upload-hidden-input.svelte

@@ -9,7 +9,11 @@
   import {mergeProps} from '../merge-props.js';
   import {getFileUploadContext} from './file-upload-context.svelte.js';
 
-  let {this: e, asChild, ...props}: FileUploadHiddenInputProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    ...props
+  }: FileUploadHiddenInputProps = $props();
 
   let fileUpload = getFileUploadContext();
 
@@ -21,5 +25,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <input bind:this={e} {...mergedProps} />
+  <input bind:this={ref} {...mergedProps} />
 {/if}

package/dist/file-upload/file-upload-hidden-input.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FileUploadHiddenInput: $$__sveltets_2_IsomorphicComponent<FileUploadHiddenInputProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FileUploadHiddenInput = InstanceType<typeof FileUploadHiddenInput>;
 export default FileUploadHiddenInput;

package/dist/file-upload/file-upload-item-delete-trigger.svelte

@@ -13,7 +13,7 @@
   } from './file-upload-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={e} type="button" {...mergedProps}>
+  <button bind:this={ref} type="button" {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/file-upload/file-upload-item-delete-trigger.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FileUploadItemDeleteTrigger: $$__sveltets_2_IsomorphicComponent<FileUploadItemDeleteTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FileUploadItemDeleteTrigger = InstanceType<typeof FileUploadItemDeleteTrigger>;
 export default FileUploadItemDeleteTrigger;

package/dist/file-upload/file-upload-item-group.svelte

@@ -10,7 +10,7 @@
   import {getFileUploadContext} from './file-upload-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

package/dist/file-upload/file-upload-item-group.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FileUploadItemGroup: $$__sveltets_2_IsomorphicComponent<FileUploadItemGroupProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FileUploadItemGroup = InstanceType<typeof FileUploadItemGroup>;
 export default FileUploadItemGroup;

package/dist/file-upload/file-upload-item-name.svelte

@@ -13,7 +13,7 @@
   } from './file-upload-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <span bind:this={e} {...mergedProps}>
+  <span bind:this={ref} {...mergedProps}>
     {#if children}
       {@render children()}
     {:else}

package/dist/file-upload/file-upload-item-name.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FileUploadItemName: $$__sveltets_2_IsomorphicComponent<FileUploadItemNameProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FileUploadItemName = InstanceType<typeof FileUploadItemName>;
 export default FileUploadItemName;

package/dist/file-upload/file-upload-item-preview-image.svelte

@@ -12,7 +12,11 @@
     getFileUploadItemPropsContext,
   } from './file-upload-context.svelte.js';
 
-  let {this: e, asChild, ...props}: FileUploadItemPreviewImageProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    ...props
+  }: FileUploadItemPreviewImageProps = $props();
 
   let url = $state('');
 
@@ -33,5 +37,5 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <img bind:this={e} {...mergedProps} />
+  <img bind:this={ref} {...mergedProps} />
 {/if}

package/dist/file-upload/file-upload-item-preview-image.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FileUploadItemPreviewImage: $$__sveltets_2_IsomorphicComponent<FileUploadItemPreviewImageProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FileUploadItemPreviewImage = InstanceType<typeof FileUploadItemPreviewImage>;
 export default FileUploadItemPreviewImage;

package/dist/file-upload/file-upload-item-preview.svelte

@@ -13,7 +13,7 @@
   } from './file-upload-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

package/dist/file-upload/file-upload-item-preview.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FileUploadItemPreview: $$__sveltets_2_IsomorphicComponent<FileUploadItemPreviewProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FileUploadItemPreview = InstanceType<typeof FileUploadItemPreview>;
 export default FileUploadItemPreview;

package/dist/file-upload/file-upload-item-size-text.svelte

@@ -13,7 +13,7 @@
   } from './file-upload-context.svelte.js';
 
   let {
-    this: e,
+    ref = $bindable(null),
     asChild,
     children,
     ...props
@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <span bind:this={e} {...mergedProps}>
+  <span bind:this={ref} {...mergedProps}>
     {#if children}
       {@render children()}
     {:else}

package/dist/file-upload/file-upload-item-size-text.svelte.d.ts

@@ -16,6 +16,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const FileUploadItemSizeText: $$__sveltets_2_IsomorphicComponent<FileUploadItemSizeTextProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
+}, {}, {}, "ref">;
 type FileUploadItemSizeText = InstanceType<typeof FileUploadItemSizeText>;
 export default FileUploadItemSizeText;

package/dist/file-upload/file-upload-item.svelte

@@ -14,7 +14,12 @@
     setFileUploadItemPropsContext,
   } from './file-upload-context.svelte.js';
 
-  let {this: e, asChild, children, ...props}: FileUploadItemProps = $props();
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: FileUploadItemProps = $props();
 
   let fileUpload = getFileUploadContext();
 
@@ -32,7 +37,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div bind:this={e} {...mergedProps}>
+  <div bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}