@dryui/ui 0.3.0 → 0.4.1

package/dist/drawer/drawer-header.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const DrawerHeader: import('svelte').Component<Props, {}, ''>;
+declare const DrawerHeader: import("svelte").Component<Props, {}, "">;
 type DrawerHeader = ReturnType<typeof DrawerHeader>;
 export default DrawerHeader;

package/dist/drawer/drawer-overlay.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes } from 'svelte/elements';
-interface Props extends HTMLAttributes<HTMLDivElement> {}
-declare const DrawerOverlay: import('svelte').Component<Props, {}, ''>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+}
+declare const DrawerOverlay: import("svelte").Component<Props, {}, "">;
 type DrawerOverlay = ReturnType<typeof DrawerOverlay>;
 export default DrawerOverlay;

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

@@ -1,9 +1,9 @@
 import type { Snippet } from 'svelte';
 interface Props {
-	open?: boolean;
-	side?: 'top' | 'right' | 'bottom' | 'left';
-	children: Snippet;
+    open?: boolean;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    children: Snippet;
 }
-declare const DrawerRoot: import('svelte').Component<Props, {}, 'open'>;
+declare const DrawerRoot: import("svelte").Component<Props, {}, "open">;
 type DrawerRoot = ReturnType<typeof DrawerRoot>;
 export default DrawerRoot;

package/dist/drawer/drawer-trigger.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const DrawerTrigger: import('svelte').Component<Props, {}, ''>;
+declare const DrawerTrigger: import("svelte").Component<Props, {}, "">;
 type DrawerTrigger = ReturnType<typeof DrawerTrigger>;
 export default DrawerTrigger;

package/dist/drawer/index.d.ts

@@ -5,7 +5,7 @@ export interface DrawerBodyProps extends PrimitiveDrawerBodyProps {
 }
 import DrawerRoot from './drawer-root.svelte';
 import DrawerTrigger from './drawer-trigger.svelte';
-import DrawerContent from './drawer-content.svelte';
+import DrawerContent from './drawer-dialog-content.svelte';
 import DrawerOverlay from './drawer-overlay.svelte';
 import DrawerHeader from './drawer-header.svelte';
 import DrawerBody from './drawer-body.svelte';

package/dist/drawer/index.js

@@ -1,6 +1,6 @@
 import DrawerRoot from './drawer-root.svelte';
 import DrawerTrigger from './drawer-trigger.svelte';
-import DrawerContent from './drawer-content.svelte';
+import DrawerContent from './drawer-dialog-content.svelte';
 import DrawerOverlay from './drawer-overlay.svelte';
 import DrawerHeader from './drawer-header.svelte';
 import DrawerBody from './drawer-body.svelte';

package/dist/drop-zone/drop-zone.svelte.d.ts

@@ -1,10 +1,10 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	accept?: string;
-	onDrop?: (files: File[]) => void;
-	children?: Snippet;
+    accept?: string;
+    onDrop?: (files: File[]) => void;
+    children?: Snippet;
 }
-declare const DropZone: import('svelte').Component<Props, {}, ''>;
+declare const DropZone: import("svelte").Component<Props, {}, "">;
 type DropZone = ReturnType<typeof DropZone>;
 export default DropZone;

package/dist/dropdown-menu/dropdown-menu-content.svelte.d.ts

@@ -1,22 +1,11 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
+import type { Placement } from '@dryui/primitives';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	placement?:
-		| 'top'
-		| 'top-start'
-		| 'top-end'
-		| 'bottom'
-		| 'bottom-start'
-		| 'bottom-end'
-		| 'left'
-		| 'left-start'
-		| 'left-end'
-		| 'right'
-		| 'right-start'
-		| 'right-end';
-	offset?: number;
-	children: Snippet;
+    placement?: Placement;
+    offset?: number;
+    children: Snippet;
 }
-declare const DropdownMenuContent: import('svelte').Component<Props, {}, ''>;
+declare const DropdownMenuContent: import("svelte").Component<Props, {}, "">;
 type DropdownMenuContent = ReturnType<typeof DropdownMenuContent>;
 export default DropdownMenuContent;

package/dist/dropdown-menu/dropdown-menu-group.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const DropdownMenuGroup: import('svelte').Component<Props, {}, ''>;
+declare const DropdownMenuGroup: import("svelte").Component<Props, {}, "">;
 type DropdownMenuGroup = ReturnType<typeof DropdownMenuGroup>;
 export default DropdownMenuGroup;

package/dist/dropdown-menu/dropdown-menu-item.svelte

@@ -50,7 +50,10 @@
 		align-items: center;
 		gap: var(--dry-space-2);
 		padding: var(--dry-menu-item-padding, var(--dry-space-3) var(--dry-space-4));
-		border-radius: var(--dry-radius-sm);
+		border-radius: var(
+			--dry-menu-item-radius,
+			min(var(--dry-control-radius, var(--dry-radius-sm)), var(--dry-space-4))
+		);
 		font-size: var(--dry-type-small-size, var(--dry-text-sm-size));
 		cursor: pointer;
 		user-select: none;

package/dist/dropdown-menu/dropdown-menu-item.svelte.d.ts

@@ -1,9 +1,9 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	disabled?: boolean;
-	children: Snippet;
+    disabled?: boolean;
+    children: Snippet;
 }
-declare const DropdownMenuItem: import('svelte').Component<Props, {}, ''>;
+declare const DropdownMenuItem: import("svelte").Component<Props, {}, "">;
 type DropdownMenuItem = ReturnType<typeof DropdownMenuItem>;
 export default DropdownMenuItem;

package/dist/dropdown-menu/dropdown-menu-label.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const DropdownMenuLabel: import('svelte').Component<Props, {}, ''>;
+declare const DropdownMenuLabel: import("svelte").Component<Props, {}, "">;
 type DropdownMenuLabel = ReturnType<typeof DropdownMenuLabel>;
 export default DropdownMenuLabel;

package/dist/dropdown-menu/dropdown-menu-root.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 interface Props {
-	open?: boolean;
-	children: Snippet;
+    open?: boolean;
+    children: Snippet;
 }
-declare const DropdownMenuRoot: import('svelte').Component<Props, {}, 'open'>;
+declare const DropdownMenuRoot: import("svelte").Component<Props, {}, "open">;
 type DropdownMenuRoot = ReturnType<typeof DropdownMenuRoot>;
 export default DropdownMenuRoot;

package/dist/dropdown-menu/dropdown-menu-separator.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes } from 'svelte/elements';
-interface Props extends HTMLAttributes<HTMLDivElement> {}
-declare const DropdownMenuSeparator: import('svelte').Component<Props, {}, ''>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+}
+declare const DropdownMenuSeparator: import("svelte").Component<Props, {}, "">;
 type DropdownMenuSeparator = ReturnType<typeof DropdownMenuSeparator>;
 export default DropdownMenuSeparator;

package/dist/dropdown-menu/dropdown-menu-trigger.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const DropdownMenuTrigger: import('svelte').Component<Props, {}, ''>;
+declare const DropdownMenuTrigger: import("svelte").Component<Props, {}, "">;
 type DropdownMenuTrigger = ReturnType<typeof DropdownMenuTrigger>;
 export default DropdownMenuTrigger;

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

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLParagraphElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const FieldDescription: import('svelte').Component<Props, {}, ''>;
+declare const FieldDescription: import("svelte").Component<Props, {}, "">;
 type FieldDescription = ReturnType<typeof FieldDescription>;
 export default FieldDescription;

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

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLParagraphElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const FieldError: import('svelte').Component<Props, {}, ''>;
+declare const FieldError: import("svelte").Component<Props, {}, "">;
 type FieldError = ReturnType<typeof FieldError>;
 export default FieldError;

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

@@ -1,11 +1,11 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	children: Snippet;
-	error?: string;
-	required?: boolean;
-	disabled?: boolean;
+    children: Snippet;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
 }
-declare const FieldRoot: import('svelte').Component<Props, {}, ''>;
+declare const FieldRoot: import("svelte").Component<Props, {}, "">;
 type FieldRoot = ReturnType<typeof FieldRoot>;
 export default FieldRoot;

package/dist/fieldset/fieldset-content.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const FieldsetContent: import('svelte').Component<Props, {}, ''>;
+declare const FieldsetContent: import("svelte").Component<Props, {}, "">;
 type FieldsetContent = ReturnType<typeof FieldsetContent>;
 export default FieldsetContent;

package/dist/fieldset/fieldset-description.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLParagraphElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const FieldsetDescription: import('svelte').Component<Props, {}, ''>;
+declare const FieldsetDescription: import("svelte").Component<Props, {}, "">;
 type FieldsetDescription = ReturnType<typeof FieldsetDescription>;
 export default FieldsetDescription;

package/dist/fieldset/fieldset-legend.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLLegendElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const FieldsetLegend: import('svelte').Component<Props, {}, ''>;
+declare const FieldsetLegend: import("svelte").Component<Props, {}, "">;
 type FieldsetLegend = ReturnType<typeof FieldsetLegend>;
 export default FieldsetLegend;

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

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLFieldSetElement> {
-	children: Snippet;
+    children: Snippet;
 }
-declare const FieldsetRoot: import('svelte').Component<Props, {}, ''>;
+declare const FieldsetRoot: import("svelte").Component<Props, {}, "">;
 type FieldsetRoot = ReturnType<typeof FieldsetRoot>;
 export default FieldsetRoot;

package/dist/file-select/file-select-button-clear.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLButtonAttributes } from 'svelte/elements';
+	import CloseButtonBase from '../internal/close-button-base.svelte';
+	import { getFileSelectCtx } from './context.svelte.js';
+
+	interface Props extends Omit<HTMLButtonAttributes, 'children'> {
+		children?: Snippet | undefined;
+	}
+
+	let { children, ...rest }: Props = $props();
+	const ctx = getFileSelectCtx();
+
+	const hidden = $derived(!ctx.value || ctx.disabled);
+</script>
+
+{#if !hidden}
+	<CloseButtonBase
+		aria-label="Clear selection"
+		disabled={ctx.disabled}
+		onclick={ctx.clear}
+		{...rest}
+	>
+		{#if children}
+			{@render children()}
+		{:else}
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				aria-hidden="true"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></svg
+			>
+		{/if}
+	</CloseButtonBase>
+{/if}

package/dist/file-select/file-select-button-clear.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+interface Props extends Omit<HTMLButtonAttributes, 'children'> {
+    children?: Snippet | undefined;
+}
+declare const FileSelectButtonClear: import("svelte").Component<Props, {}, "">;
+type FileSelectButtonClear = ReturnType<typeof FileSelectButtonClear>;
+export default FileSelectButtonClear;

package/dist/file-select/file-select-button-trigger.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLButtonAttributes } from 'svelte/elements';
+	import Button from '../button/button.svelte';
+	import { getFileSelectCtx } from './context.svelte.js';
+
+	interface Props extends HTMLButtonAttributes {
+		size?: 'sm' | 'md' | 'lg';
+		children: Snippet;
+	}
+
+	let { children, size = 'md', ...rest }: Props = $props();
+	const ctx = getFileSelectCtx();
+</script>
+
+<Button
+	variant="outline"
+	type="button"
+	{size}
+	onclick={ctx.request}
+	disabled={ctx.disabled || ctx.loading || undefined}
+	data-loading={ctx.loading || undefined}
+	{...rest}
+>
+	{@render children()}
+</Button>

package/dist/file-select/file-select-button-trigger.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+interface Props extends HTMLButtonAttributes {
+    size?: 'sm' | 'md' | 'lg';
+    children: Snippet;
+}
+declare const FileSelectButtonTrigger: import("svelte").Component<Props, {}, "">;
+type FileSelectButtonTrigger = ReturnType<typeof FileSelectButtonTrigger>;
+export default FileSelectButtonTrigger;

package/dist/file-select/file-select-root.svelte.d.ts

@@ -1,12 +1,11 @@
 import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'onchange'> {
-	value?: string | null;
-	onrequest?: (() => Promise<string | null>) | undefined;
-	onchange?: ((value: string | null) => void) | undefined;
-	disabled?: boolean | undefined;
-	children: Snippet;
+interface Props {
+    value?: string | null;
+    onrequest?: (() => Promise<string | null>) | undefined;
+    onchange?: ((value: string | null) => void) | undefined;
+    disabled?: boolean | undefined;
+    children: Snippet;
 }
-declare const FileSelectRoot: import('svelte').Component<Props, {}, 'value'>;
+declare const FileSelectRoot: import("svelte").Component<Props, {}, "value">;
 type FileSelectRoot = ReturnType<typeof FileSelectRoot>;
 export default FileSelectRoot;

package/dist/file-select/file-select-value.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLSpanElement> {
-	placeholder?: string;
+    placeholder?: string;
 }
-declare const FileSelectValue: import('svelte').Component<Props, {}, ''>;
+declare const FileSelectValue: import("svelte").Component<Props, {}, "">;
 type FileSelectValue = ReturnType<typeof FileSelectValue>;
 export default FileSelectValue;

package/dist/file-select/index.d.ts

@@ -6,9 +6,9 @@ export interface FileSelectTriggerProps extends PrimitiveFileSelectTriggerProps
 export interface FileSelectClearProps extends PrimitiveFileSelectClearProps {
 }
 import FileSelectRoot from './file-select-root.svelte';
-import FileSelectTrigger from './file-select-trigger.svelte';
+import FileSelectTrigger from './file-select-button-trigger.svelte';
 import FileSelectValue from './file-select-value.svelte';
-import FileSelectClear from './file-select-clear.svelte';
+import FileSelectClear from './file-select-button-clear.svelte';
 export declare const FileSelect: {
     Root: typeof FileSelectRoot;
     Trigger: typeof FileSelectTrigger;

package/dist/file-select/index.js

@@ -1,7 +1,7 @@
 import FileSelectRoot from './file-select-root.svelte';
-import FileSelectTrigger from './file-select-trigger.svelte';
+import FileSelectTrigger from './file-select-button-trigger.svelte';
 import FileSelectValue from './file-select-value.svelte';
-import FileSelectClear from './file-select-clear.svelte';
+import FileSelectClear from './file-select-button-clear.svelte';
 export const FileSelect = {
     Root: FileSelectRoot,
     Trigger: FileSelectTrigger,

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

@@ -0,0 +1,36 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLButtonAttributes } from 'svelte/elements';
+	import CloseButtonBase from '../internal/close-button-base.svelte';
+	import { getFileUploadCtx } from './context.svelte.js';
+
+	interface Props extends Omit<HTMLButtonAttributes, 'children'> {
+		index: number;
+		children?: Snippet | undefined;
+	}
+
+	let { index, children, onclick, ...rest }: Props = $props();
+
+	const ctx = getFileUploadCtx();
+
+	function handleClick(e: MouseEvent & { currentTarget: HTMLButtonElement }) {
+		e.stopPropagation();
+		ctx.removeFile(index);
+		if (onclick) (onclick as (e: MouseEvent & { currentTarget: HTMLButtonElement }) => void)(e);
+	}
+</script>
+
+<CloseButtonBase aria-label="Remove file" disabled={ctx.disabled} {...rest} onclick={handleClick}>
+	{#if children}
+		{@render children()}
+	{:else}
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 24 24"
+			fill="none"
+			stroke="currentColor"
+			stroke-width="2"
+			aria-hidden="true"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></svg
+		>
+	{/if}
+</CloseButtonBase>

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

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+interface Props extends Omit<HTMLButtonAttributes, 'children'> {
+    index: number;
+    children?: Snippet | undefined;
+}
+declare const FileUploadButtonItemDelete: import("svelte").Component<Props, {}, "">;
+type FileUploadButtonItemDelete = ReturnType<typeof FileUploadButtonItemDelete>;
+export default FileUploadButtonItemDelete;

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

@@ -0,0 +1,31 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLButtonAttributes } from 'svelte/elements';
+	import Button from '../button/button.svelte';
+	import { getFileUploadCtx } from './context.svelte.js';
+
+	interface Props extends HTMLButtonAttributes {
+		size?: 'sm' | 'md' | 'lg';
+		children: Snippet;
+	}
+
+	let { children, onclick, size = 'md', ...rest }: Props = $props();
+
+	const ctx = getFileUploadCtx();
+
+	function handleClick(e: MouseEvent & { currentTarget: HTMLButtonElement }) {
+		if (!ctx.disabled) ctx.openFileDialog();
+		if (onclick) (onclick as (e: MouseEvent & { currentTarget: HTMLButtonElement }) => void)(e);
+	}
+</script>
+
+<Button
+	variant="solid"
+	type="button"
+	{size}
+	disabled={ctx.disabled}
+	onclick={handleClick}
+	{...rest}
+>
+	{@render children()}
+</Button>

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

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+interface Props extends HTMLButtonAttributes {
+    size?: 'sm' | 'md' | 'lg';
+    children: Snippet;
+}
+declare const FileUploadButtonTrigger: import("svelte").Component<Props, {}, "">;
+type FileUploadButtonTrigger = ReturnType<typeof FileUploadButtonTrigger>;
+export default FileUploadButtonTrigger;

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

@@ -1,9 +1,9 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
-	size?: 'sm' | 'md' | 'lg';
-	children: Snippet;
+    size?: 'sm' | 'md' | 'lg';
+    children: Snippet;
 }
-declare const FileUploadDropzone: import('svelte').Component<Props, {}, ''>;
+declare const FileUploadDropzone: import("svelte").Component<Props, {}, "">;
 type FileUploadDropzone = ReturnType<typeof FileUploadDropzone>;
 export default FileUploadDropzone;

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

@@ -0,0 +1,14 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    files?: File[];
+    accept?: string | undefined;
+    multiple?: boolean | undefined;
+    maxSize?: number | undefined;
+    maxFiles?: number | undefined;
+    disabled?: boolean | undefined;
+    onFilesChange?: ((files: File[]) => void) | undefined;
+    children: Snippet;
+}
+declare const FileUploadInputRoot: import("svelte").Component<Props, {}, "files">;
+type FileUploadInputRoot = ReturnType<typeof FileUploadInputRoot>;
+export default FileUploadInputRoot;

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

@@ -1,11 +1,11 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLLIElement> {
-	file: File;
-	index: number;
-	size?: 'sm' | 'md' | 'lg';
-	children?: Snippet;
+    file: File;
+    index: number;
+    size?: 'sm' | 'md' | 'lg';
+    children: Snippet;
 }
-declare const FileUploadItem: import('svelte').Component<Props, {}, ''>;
+declare const FileUploadItem: import("svelte").Component<Props, {}, "">;
 type FileUploadItem = ReturnType<typeof FileUploadItem>;
 export default FileUploadItem;

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

@@ -1,16 +1,12 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends Omit<HTMLAttributes<HTMLUListElement>, 'children'> {
-	size?: 'sm' | 'md' | 'lg';
-	children: Snippet<
-		[
-			{
-				file: File;
-				index: number;
-			}
-		]
-	>;
+    size?: 'sm' | 'md' | 'lg';
+    children: Snippet<[{
+        file: File;
+        index: number;
+    }]>;
 }
-declare const FileUploadList: import('svelte').Component<Props, {}, ''>;
+declare const FileUploadList: import("svelte").Component<Props, {}, "">;
 type FileUploadList = ReturnType<typeof FileUploadList>;
 export default FileUploadList;

package/dist/file-upload/index.d.ts

@@ -16,12 +16,12 @@ export interface FileUploadItemProps extends Omit<PrimitiveFileUploadItemProps,
 }
 export interface FileUploadItemDeleteProps extends PrimitiveFileUploadItemDeleteProps {
 }
-import FileUploadRoot from './file-upload-root.svelte';
+import FileUploadRoot from './file-upload-input-root.svelte';
 import FileUploadDropzone from './file-upload-dropzone.svelte';
-import FileUploadTrigger from './file-upload-trigger.svelte';
+import FileUploadTrigger from './file-upload-button-trigger.svelte';
 import FileUploadList from './file-upload-list.svelte';
 import FileUploadItem from './file-upload-item.svelte';
-import FileUploadItemDelete from './file-upload-item-delete.svelte';
+import FileUploadItemDelete from './file-upload-button-item-delete.svelte';
 export declare const FileUpload: {
     Root: typeof FileUploadRoot;
     Dropzone: typeof FileUploadDropzone;

package/dist/file-upload/index.js

@@ -1,9 +1,9 @@
-import FileUploadRoot from './file-upload-root.svelte';
+import FileUploadRoot from './file-upload-input-root.svelte';
 import FileUploadDropzone from './file-upload-dropzone.svelte';
-import FileUploadTrigger from './file-upload-trigger.svelte';
+import FileUploadTrigger from './file-upload-button-trigger.svelte';
 import FileUploadList from './file-upload-list.svelte';
 import FileUploadItem from './file-upload-item.svelte';
-import FileUploadItemDelete from './file-upload-item-delete.svelte';
+import FileUploadItemDelete from './file-upload-button-item-delete.svelte';
 export const FileUpload = {
     Root: FileUploadRoot,
     Dropzone: FileUploadDropzone,