@dryui/ui 0.2.2 → 0.4.0

package/dist/drag-and-drop/drag-and-drop-root.svelte.d.ts

@@ -1,39 +1,31 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 declare function $$render<T>(): {
-	props: HTMLAttributes<HTMLDivElement> & {
-		items: T[];
-		onReorder: (items: T[]) => void;
-		orientation?: 'vertical' | 'horizontal';
-		children: Snippet;
-	};
-	exports: {};
-	bindings: '';
-	slots: {};
-	events: {};
+    props: HTMLAttributes<HTMLDivElement> & {
+        items: T[];
+        onReorder: (items: T[]) => void;
+        orientation?: "vertical" | "horizontal";
+        listId?: string;
+        children: Snippet;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
 };
 declare class __sveltets_Render<T> {
-	props(): ReturnType<typeof $$render<T>>['props'];
-	events(): ReturnType<typeof $$render<T>>['events'];
-	slots(): ReturnType<typeof $$render<T>>['slots'];
-	bindings(): '';
-	exports(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
 }
 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']> & {}
-	): ReturnType<__sveltets_Render<T>['exports']>;
-	z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    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']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
 declare const DragAndDropRoot: $$IsomorphicComponent;
 type DragAndDropRoot<T> = InstanceType<typeof DragAndDropRoot<T>>;

package/dist/drag-and-drop/group-context.svelte.d.ts

@@ -0,0 +1,13 @@
+export interface DragAndDropGroupContext {
+    register(listId: string, element: HTMLElement): void;
+    unregister(listId: string): void;
+    getRoots(): Map<string, HTMLElement>;
+    readonly activeTarget: {
+        listId: string;
+        index: number;
+    } | null;
+    setActiveTarget(listId: string | null, index: number | null): void;
+    move(fromListId: string, fromIndex: number, toListId: string, toIndex: number): void;
+}
+export declare function setGroupCtx(ctx: DragAndDropGroupContext): void;
+export declare function getGroupCtx(): DragAndDropGroupContext | null;

package/dist/drag-and-drop/group-context.svelte.js

@@ -0,0 +1,8 @@
+import { getContext, setContext, hasContext } from 'svelte';
+const GROUP_KEY = Symbol('drag-and-drop-group');
+export function setGroupCtx(ctx) {
+    setContext(GROUP_KEY, ctx);
+}
+export function getGroupCtx() {
+    return hasContext(GROUP_KEY) ? getContext(GROUP_KEY) : null;
+}

package/dist/drag-and-drop/index.d.ts

@@ -2,8 +2,10 @@ export type { DragAndDropRootProps, DragAndDropItemProps, DragAndDropHandleProps
 import DragAndDropRoot from './drag-and-drop-root.svelte';
 import DragAndDropItem from './drag-and-drop-item.svelte';
 import DragAndDropHandle from './drag-and-drop-handle.svelte';
+import DragAndDropGroup from './drag-and-drop-group.svelte';
 export declare const DragAndDrop: {
     Root: typeof DragAndDropRoot;
     Item: typeof DragAndDropItem;
     Handle: typeof DragAndDropHandle;
+    Group: typeof DragAndDropGroup;
 };

package/dist/drag-and-drop/index.js

@@ -1,8 +1,10 @@
 import DragAndDropRoot from './drag-and-drop-root.svelte';
 import DragAndDropItem from './drag-and-drop-item.svelte';
 import DragAndDropHandle from './drag-and-drop-handle.svelte';
+import DragAndDropGroup from './drag-and-drop-group.svelte';
 export const DragAndDrop = {
     Root: DragAndDropRoot,
     Item: DragAndDropItem,
-    Handle: DragAndDropHandle
+    Handle: DragAndDropHandle,
+    Group: DragAndDropGroup
 };

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

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

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

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

package/dist/drawer/{drawer-content.svelte → drawer-dialog-content.svelte}

@@ -45,7 +45,7 @@
 
 <style>
 	[data-drawer-content] {
-		all: unset;
+		margin: 0;
 		position: fixed;
 		inset: 0;
 		height: 100vh;
@@ -108,7 +108,8 @@
 		box-shadow: var(--dry-drawer-shadow, var(--dry-shadow-overlay));
 		padding: 0;
 		display: grid;
-		overflow: auto;
+		grid-template-rows: max-content minmax(0, 1fr) max-content;
+		overflow: hidden;
 
 		transition:
 			transform var(--dry-duration-slow) var(--dry-ease-spring-snappy),

package/dist/drawer/drawer-dialog-content.svelte.d.ts

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

package/dist/drawer/drawer-footer.svelte

@@ -20,7 +20,7 @@
 		display: grid;
 		grid-auto-flow: column;
 		grid-auto-columns: max-content;
-		justify-items: end;
+		justify-content: end;
 		gap: var(--dry-space-2);
 	}
 </style>

package/dist/drawer/drawer-footer.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 DrawerFooter: import('svelte').Component<Props, {}, ''>;
+declare const DrawerFooter: import("svelte").Component<Props, {}, "">;
 type DrawerFooter = ReturnType<typeof DrawerFooter>;
 export default DrawerFooter;

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,