ui-ingredients 0.12.0 → 0.14.0

package/README.md

@@ -13,7 +13,7 @@ npm install ui-ingredients
 ## Usage
 
 ```svelte
-<script>
+<script lang="ts">
   import {Dialog, Portal} from 'ui-ingredients';
   import {XCloseIcon, Button} from '$lib';
 </script>

package/dist/accordion/accordion-item-trigger.svelte

@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/alert-dialog/alert-dialog-close-trigger.svelte

@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/alert-dialog/alert-dialog-trigger.svelte

@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/carousel/carousel-indicator.svelte

@@ -35,7 +35,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/carousel/carousel-next-trigger.svelte

@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/carousel/carousel-prev-trigger.svelte

@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/clipboard/clipboard-trigger.svelte

@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/collapsible/collapsible-trigger.svelte

@@ -23,7 +23,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/color-picker/color-picker-channel-slider-label.svelte

@@ -1,9 +1,8 @@
 <script lang="ts" module>
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {ChannelProps} from '@zag-js/color-picker';
+  import type {HtmlIngredientProps} from '../types.js';
 
   export interface ColorPickerChannelSliderLabelProps
-    extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, ChannelProps> {}
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">
@@ -15,8 +14,6 @@
 
   let {
     ref = $bindable(null),
-    channel,
-    orientation,
     asChild,
     children,
     ...props

package/dist/color-picker/color-picker-channel-slider-label.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign, HtmlIngredientProps } from '../types.js';
-import type { ChannelProps } from '@zag-js/color-picker';
-export interface ColorPickerChannelSliderLabelProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, ChannelProps> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface ColorPickerChannelSliderLabelProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/color-picker/color-picker-swatch-trigger.svelte

@@ -38,7 +38,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/color-picker/create-color-picker.svelte.d.ts

@@ -1,9 +1,8 @@
 import type { GenericObject } from '../types.js';
 import * as colorPicker from '@zag-js/color-picker';
-type Omitted = 'id' | 'dir' | 'value' | 'getRootNode' | 'open.controlled';
+type Omitted = 'id' | 'dir' | 'getRootNode' | 'open.controlled';
 export interface CreateColorPickerProps extends Omit<colorPicker.Context, Omitted> {
     id?: string;
-    value?: string;
     openControlled?: boolean;
 }
 export interface CreateColorPickerReturn extends colorPicker.Api {

package/dist/color-picker/create-color-picker.svelte.js

@@ -12,7 +12,6 @@ export function createColorPicker(props) {
         id,
         dir: locale?.dir,
         ...props,
-        value: props.value ? colorPicker.parse(props.value) : undefined,
         getRootNode: environment?.getRootNode,
         'open.controlled': props.openControlled,
     }));

package/dist/color-picker/index.d.ts

@@ -26,5 +26,6 @@ export type { ColorPickerTriggerProps } from './color-picker-trigger.svelte';
 export type { ColorPickerValueSwatchProps } from './color-picker-value-swatch.svelte';
 export type { ColorPickerValueTextProps } from './color-picker-value-text.svelte';
 export type { ColorPickerViewTextProps } from './color-picker-view.svelte';
+export type { Color } from '@zag-js/color-picker';
 export { anatomy as colorPickerAnatomy } from './color-picker-anatomy.js';
 export { getColorPickerContext } from './color-picker-context.svelte.js';

package/dist/combobox/combobox-clear-trigger.svelte

@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/combobox/combobox-root.svelte

@@ -6,15 +6,15 @@
     CreateComboboxReturn,
   } from './create-combobox.svelte.js';
 
-  export interface ComboboxProps<T>
+  export interface ComboboxProps
     extends Assign<
         HtmlIngredientProps<'div', HTMLDivElement, CreateComboboxReturn>,
-        CreateComboboxProps<T>
+        CreateComboboxProps
       >,
       PresenceStrategyProps {}
 </script>
 
-<script lang="ts" generics="T">
+<script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {createPresence} from '../presence/create-presence.svelte.js';
   import {setPresenceContext} from '../presence/presence-context.svelte.js';
@@ -28,7 +28,7 @@
     asChild,
     children,
     ...props
-  }: ComboboxProps<T> = $props();
+  }: ComboboxProps = $props();
 
   let [presenceStrategyProps, rest] = $derived(
     createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
@@ -37,14 +37,14 @@
   );
 
   let [createComboboxProps, localProps] = $derived(
-    createSplitProps<CreateComboboxProps<T>>([
+    createSplitProps<CreateComboboxProps>([
       'id',
       'ids',
       'name',
       'form',
       'open',
       'openControlled',
-      'items',
+      'collection',
       'value',
       'invalid',
       'disabled',
@@ -67,9 +67,6 @@
       'allowCustomValue',
       'highlightedValue',
       'selectionBehavior',
-      'itemToString',
-      'itemToValue',
-      'isItemDisabled',
       'onOpenChange',
       'onValueChange',
       'onFocusOutside',
@@ -77,7 +74,6 @@
       'onInteractOutside',
       'onInputValueChange',
       'onPointerDownOutside',
-      'getSelectionValue',
       'scrollToIndexFn',
     ])(rest),
   );

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

@@ -1,26 +1,23 @@
 import type { PresenceStrategyProps } from '../presence/create-presence.svelte.js';
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateComboboxProps, CreateComboboxReturn } from './create-combobox.svelte.js';
-export interface ComboboxProps<T> extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateComboboxReturn>, CreateComboboxProps<T>>, PresenceStrategyProps {
+export interface ComboboxProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateComboboxReturn>, CreateComboboxProps>, PresenceStrategyProps {
 }
-declare class __sveltets_Render<T> {
-    props(): ComboboxProps<T>;
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots(): {};
-    bindings(): "ref";
-    exports(): {};
+    z_$$bindings?: Bindings;
 }
-interface $$IsomorphicComponent {
-    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
-        $$events?: ReturnType<__sveltets_Render<T>['events']>;
-    }): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const ComboboxRoot: $$IsomorphicComponent;
-type ComboboxRoot<T> = InstanceType<typeof ComboboxRoot<T>>;
+declare const ComboboxRoot: $$__sveltets_2_IsomorphicComponent<ComboboxProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "ref">;
+type ComboboxRoot = InstanceType<typeof ComboboxRoot>;
 export default ComboboxRoot;

package/dist/combobox/combobox-trigger.svelte

@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/combobox/combobox.d.ts

@@ -1,3 +1,4 @@
+export { collection } from '@zag-js/combobox';
 export { default as ClearTrigger } from './combobox-clear-trigger.svelte';
 export { default as Content } from './combobox-content.svelte';
 export { default as Control } from './combobox-control.svelte';

package/dist/combobox/combobox.js

@@ -1,3 +1,4 @@
+export { collection } from '@zag-js/combobox';
 export { default as ClearTrigger } from './combobox-clear-trigger.svelte';
 export { default as Content } from './combobox-content.svelte';
 export { default as Control } from './combobox-control.svelte';

package/dist/combobox/create-combobox.svelte.d.ts

@@ -1,10 +1,10 @@
 import * as combobox from '@zag-js/combobox';
-type Omitted = 'id' | 'dir' | 'collection' | 'getRootNode' | 'open.controlled';
-export interface CreateComboboxProps<T> extends combobox.CollectionOptions<T>, Omit<combobox.Context, Omitted> {
+type Omitted = 'id' | 'dir' | 'getRootNode' | 'open.controlled';
+export interface CreateComboboxProps extends Omit<combobox.Context, Omitted> {
     id?: string;
     openControlled?: boolean;
 }
 export interface CreateComboboxReturn extends combobox.Api {
 }
-export declare function createCombobox<T>(props: CreateComboboxProps<T>): CreateComboboxReturn;
+export declare function createCombobox(props: CreateComboboxProps): CreateComboboxReturn;
 export {};

package/dist/combobox/create-combobox.svelte.js

@@ -4,15 +4,7 @@ import { getFieldContext } from '../field/field-context.svelte.js';
 import { getLocaleContext } from '../locale-provider/local-provider-context.svelte.js';
 import * as combobox from '@zag-js/combobox';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
-import { createSplitProps } from '@zag-js/utils';
 export function createCombobox(props) {
-    const [collectionProps, comboboxProps] = $derived(createSplitProps([
-        'items',
-        'itemToValue',
-        'itemToString',
-        'isItemDisabled',
-    ])(props));
-    const collection = $derived(combobox.collection(collectionProps));
     const field = getFieldContext();
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
@@ -28,10 +20,9 @@ export function createCombobox(props) {
         disabled: field?.disabled,
         readOnly: field?.readOnly,
         required: field?.required,
-        ...comboboxProps,
+        ...props,
         getRootNode: environment?.getRootNode,
         'open.controlled': props.openControlled,
-        collection,
     }));
     const [state, send, service] = useMachine(combobox.machine(context));
     $effect(() => {

package/dist/create-context.svelte.d.ts

@@ -7,7 +7,7 @@ type CreateContextReturn<T, Strict extends boolean> = [
     setContext: SetContext<T>,
     hasContext: HasContext
 ];
-export declare function createContext<T extends GenericObject>(key: string): CreateContextReturn<T, true>;
 export declare function createContext<T extends GenericObject>(key: string, strict: true): CreateContextReturn<T, true>;
 export declare function createContext<T extends GenericObject>(key: string, strict: false): CreateContextReturn<T, false>;
+export declare function createContext<T extends GenericObject>(key: string): CreateContextReturn<T, true>;
 export {};

package/dist/date-picker/create-date-picker.svelte.d.ts

@@ -1,12 +1,8 @@
 import * as datePicker from '@zag-js/date-picker';
 import type { HTMLAttributes } from 'svelte/elements';
-type Omitted = 'id' | 'dir' | 'min' | 'max' | 'value' | 'focusedValue' | 'getRootNode' | 'open.controlled';
+type Omitted = 'id' | 'dir' | 'getRootNode' | 'open.controlled';
 export interface CreateDatePickerProps extends Omit<datePicker.Context, Omitted> {
     id?: string;
-    min?: string | Date;
-    max?: string | Date;
-    value?: string[] | Date[];
-    focusedValue?: string | Date;
     openControlled?: boolean;
 }
 export interface CreateDatePickerReturn extends datePicker.Api {

package/dist/date-picker/create-date-picker.svelte.js

@@ -13,12 +13,6 @@ export function createDatePicker(props) {
         dir: locale?.dir,
         locale: locale?.locale,
         ...props,
-        min: props.min ? datePicker.parse(props.min) : undefined,
-        max: props.max ? datePicker.parse(props.max) : undefined,
-        value: props.value ? datePicker.parse(props.value) : undefined,
-        focusedValue: props.focusedValue
-            ? datePicker.parse(props.focusedValue)
-            : undefined,
         getRootNode: environment?.getRootNode,
         'open.controlled': props.openControlled,
     }));

package/dist/date-picker/date-picker-clear-trigger.svelte

@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/date-picker/date-picker-day-table-cell-trigger.svelte

@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/date-picker/date-picker-month-table-cell-trigger.svelte

@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/date-picker/date-picker-next-trigger.svelte

@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/date-picker/date-picker-preset-trigger.svelte

@@ -31,7 +31,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/date-picker/date-picker-prev-trigger.svelte

@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/date-picker/date-picker-trigger.svelte

@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/date-picker/date-picker-view-trigger.svelte

@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/date-picker/date-picker-year-table-cell-trigger.svelte

@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/date-picker/index.d.ts

@@ -27,5 +27,6 @@ export type { DatePickerViewProps } from './date-picker-view.svelte';
 export type { DatePickerYearSelectProps } from './date-picker-year-select.svelte';
 export type { DatePickerYearTableCellTriggerProps } from './date-picker-year-table-cell-trigger.svelte';
 export type { DatePickerYearTableCellProps } from './date-picker-year-table-cell.svelte';
+export type { DateValue } from '@zag-js/date-picker';
 export { anatomy as datePickerAnatomy } from './date-picker-anatomy.js';
 export { getDatePickerContext } from './date-picker-context.svelte.js';

package/dist/dialog/dialog-close-trigger.svelte

@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/dialog/dialog-trigger.svelte

@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/drawer/drawer-close-trigger.svelte

@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/drawer/drawer-trigger.svelte

@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

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

@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

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

@@ -24,7 +24,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

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

@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

package/dist/field/field-textarea.svelte

@@ -1,25 +1,51 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
+  import {autoresizeTextarea} from '@zag-js/auto-resize';
+  import type {Action} from 'svelte/action';
 
   export interface FieldTextareaProps
-    extends HtmlIngredientProps<'textarea', HTMLTextAreaElement> {}
+    extends HtmlIngredientProps<
+      'textarea',
+      HTMLTextAreaElement,
+      never,
+      Action<HTMLTextAreaElement>
+    > {
+    autoResize?: boolean;
+  }
+
+  function action(node: HTMLTextAreaElement) {
+    const destroy = autoresizeTextarea(node);
+
+    return {
+      destroy,
+    };
+  }
 </script>
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {getFieldContext} from './field-context.svelte.js';
 
-  let {ref = $bindable(null), asChild, ...props}: FieldTextareaProps = $props();
+  let {
+    ref = $bindable(null),
+    autoResize,
+    asChild,
+    ...props
+  }: FieldTextareaProps = $props();
 
   let field = getFieldContext();
 
   let mergedProps = $derived(
     mergeProps(field?.getTextareaProps() ?? {}, props),
   );
+
+  function wrappedAction(node: HTMLTextAreaElement) {
+    return autoResize ? action(node) : {};
+  }
 </script>
 
 {#if asChild}
-  {@render asChild(mergedProps)}
+  {@render asChild(wrappedAction, mergedProps)}
 {:else}
-  <textarea bind:this={ref} {...mergedProps}></textarea>
+  <textarea bind:this={ref} use:wrappedAction {...mergedProps}></textarea>
 {/if}

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

@@ -1,5 +1,7 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface FieldTextareaProps extends HtmlIngredientProps<'textarea', HTMLTextAreaElement> {
+import type { Action } from 'svelte/action';
+export interface FieldTextareaProps extends HtmlIngredientProps<'textarea', HTMLTextAreaElement, never, Action<HTMLTextAreaElement>> {
+    autoResize?: boolean;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

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

@@ -26,7 +26,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}

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

@@ -30,7 +30,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <button bind:this={ref} type="button" {...mergedProps}>
+  <button bind:this={ref} {...mergedProps}>
     {@render children?.()}
   </button>
 {/if}