@14ch/svelte-ui 0.0.11 → 0.0.12

package/dist/components/Datepicker.svelte

@@ -16,6 +16,14 @@
 	import { announceToScreenReader } from '../utils/accessibility';
 	import type { HTMLInputAttributes } from 'svelte/elements';
 	import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
+	import type {
+		BivariantValueHandler,
+		FocusHandler,
+		KeyboardHandler,
+		MouseHandler,
+		TouchHandler,
+		PointerHandler
+	} from '../types/eventHandlers';
 
 	dayjs.extend(localeData);
 
@@ -131,33 +139,33 @@
 		maxDate?: Date;
 
 		// 入力イベント
-		onchange?: (value: Date | { start: Date; end: Date } | undefined) => void;
-		oninput?: (value: string) => void;
+		onchange?: BivariantValueHandler<Date | { start: Date; end: Date } | undefined>;
+		oninput?: BivariantValueHandler<string>;
 
 		// フォーカスイベント
-		onfocus?: Function; // No params for type inference
-		onblur?: Function; // No params for type inference
-		onkeydown?: Function; // No params for type inference
-		onkeyup?: Function; // No params for type inference
-		onclick?: Function; // No params for type inference
-		onmousedown?: Function; // No params for type inference
-		onmouseup?: Function; // No params for type inference
-		onmouseenter?: Function; // No params for type inference
-		onmouseleave?: Function; // No params for type inference
-		onmouseover?: Function; // No params for type inference
-		onmouseout?: Function; // No params for type inference
-		oncontextmenu?: Function; // No params for type inference
-		onauxclick?: Function; // No params for type inference
-		ontouchstart?: Function; // No params for type inference
-		ontouchend?: Function; // No params for type inference
-		ontouchmove?: Function; // No params for type inference
-		ontouchcancel?: Function; // No params for type inference
-		onpointerdown?: Function; // No params for type inference
-		onpointerup?: Function; // No params for type inference
-		onpointerenter?: Function; // No params for type inference
-		onpointerleave?: Function; // No params for type inference
-		onpointermove?: Function; // No params for type inference
-		onpointercancel?: Function; // No params for type inference
+		onfocus?: FocusHandler;
+		onblur?: FocusHandler;
+		onkeydown?: KeyboardHandler;
+		onkeyup?: KeyboardHandler;
+		onclick?: MouseHandler;
+		onmousedown?: MouseHandler;
+		onmouseup?: MouseHandler;
+		onmouseenter?: MouseHandler;
+		onmouseleave?: MouseHandler;
+		onmouseover?: MouseHandler;
+		onmouseout?: MouseHandler;
+		oncontextmenu?: MouseHandler;
+		onauxclick?: MouseHandler;
+		ontouchstart?: TouchHandler;
+		ontouchend?: TouchHandler;
+		ontouchmove?: TouchHandler;
+		ontouchcancel?: TouchHandler;
+		onpointerdown?: PointerHandler;
+		onpointerup?: PointerHandler;
+		onpointerenter?: PointerHandler;
+		onpointerleave?: PointerHandler;
+		onpointermove?: PointerHandler;
+		onpointercancel?: PointerHandler;
 
 		// その他
 		[key: string]: any;
@@ -318,10 +326,9 @@
 		onkeyup(event);
 	};
 
-	const handleInput = (event: Event) => {
+	const handleInput = (inputValue: string | number) => {
 		if (disabled) return;
-		const target = event.target as HTMLInputElement;
-		oninput?.(target.value);
+		oninput?.(String(inputValue));
 	};
 
 	// マウスイベント

package/dist/components/Datepicker.svelte.d.ts

@@ -6,6 +6,7 @@ import 'dayjs/locale/es';
 import 'dayjs/locale/zh-cn';
 import type { HTMLInputAttributes } from 'svelte/elements';
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
+import type { BivariantValueHandler, FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler } from '../types/eventHandlers';
 type $$ComponentProps = {
     value: Date | {
         start: Date;
@@ -33,34 +34,34 @@ type $$ComponentProps = {
     openIfClicked?: boolean;
     minDate?: Date;
     maxDate?: Date;
-    onchange?: (value: Date | {
+    onchange?: BivariantValueHandler<Date | {
         start: Date;
         end: Date;
-    } | undefined) => void;
-    oninput?: (value: string) => void;
-    onfocus?: Function;
-    onblur?: Function;
-    onkeydown?: Function;
-    onkeyup?: Function;
-    onclick?: Function;
-    onmousedown?: Function;
-    onmouseup?: Function;
-    onmouseenter?: Function;
-    onmouseleave?: Function;
-    onmouseover?: Function;
-    onmouseout?: Function;
-    oncontextmenu?: Function;
-    onauxclick?: Function;
-    ontouchstart?: Function;
-    ontouchend?: Function;
-    ontouchmove?: Function;
-    ontouchcancel?: Function;
-    onpointerdown?: Function;
-    onpointerup?: Function;
-    onpointerenter?: Function;
-    onpointerleave?: Function;
-    onpointermove?: Function;
-    onpointercancel?: Function;
+    } | undefined>;
+    oninput?: BivariantValueHandler<string>;
+    onfocus?: FocusHandler;
+    onblur?: FocusHandler;
+    onkeydown?: KeyboardHandler;
+    onkeyup?: KeyboardHandler;
+    onclick?: MouseHandler;
+    onmousedown?: MouseHandler;
+    onmouseup?: MouseHandler;
+    onmouseenter?: MouseHandler;
+    onmouseleave?: MouseHandler;
+    onmouseover?: MouseHandler;
+    onmouseout?: MouseHandler;
+    oncontextmenu?: MouseHandler;
+    onauxclick?: MouseHandler;
+    ontouchstart?: TouchHandler;
+    ontouchend?: TouchHandler;
+    ontouchmove?: TouchHandler;
+    ontouchcancel?: TouchHandler;
+    onpointerdown?: PointerHandler;
+    onpointerup?: PointerHandler;
+    onpointerenter?: PointerHandler;
+    onpointerleave?: PointerHandler;
+    onpointermove?: PointerHandler;
+    onpointercancel?: PointerHandler;
     [key: string]: any;
 };
 declare const Datepicker: import("svelte").Component<$$ComponentProps, {

package/dist/components/DatepickerCalendar.svelte

@@ -14,6 +14,7 @@
 	import IconButton from './IconButton.svelte';
 	import { onMount } from 'svelte';
 	import { t } from '../i18n';
+	import type { BivariantValueHandler } from '../types/eventHandlers';
 
 	dayjs.extend(localeData);
 	dayjs.extend(isSameOrBefore);
@@ -53,9 +54,9 @@
 		mode?: 'single' | 'range';
 
 		// 入力イベント
-		onchange?: (value: Date | { start: Date; end: Date } | undefined) => void;
-		onOpen?: Function;
-		onClose?: Function;
+		onchange?: BivariantValueHandler<Date | { start: Date; end: Date } | undefined>;
+		onOpen?: () => void;
+		onClose?: () => void;
 	} = $props();
 
 	let month: dayjs.Dayjs = $state(dayjs());

package/dist/components/DatepickerCalendar.svelte.d.ts

@@ -4,6 +4,7 @@ import 'dayjs/locale/fr';
 import 'dayjs/locale/de';
 import 'dayjs/locale/es';
 import 'dayjs/locale/zh-cn';
+import type { BivariantValueHandler } from '../types/eventHandlers';
 type $$ComponentProps = {
     value: Date | {
         start: Date;
@@ -14,12 +15,12 @@ type $$ComponentProps = {
     maxDate?: Date;
     id?: string;
     mode?: 'single' | 'range';
-    onchange?: (value: Date | {
+    onchange?: BivariantValueHandler<Date | {
         start: Date;
         end: Date;
-    } | undefined) => void;
-    onOpen?: Function;
-    onClose?: Function;
+    } | undefined>;
+    onOpen?: () => void;
+    onClose?: () => void;
 };
 declare const DatepickerCalendar: import("svelte").Component<$$ComponentProps, {
     reset: () => void;

package/dist/components/Fab.svelte

@@ -6,6 +6,13 @@
 	import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
 	import Icon from './Icon.svelte';
 	import LoadingSpinner from './LoadingSpinner.svelte';
+	import type {
+		FocusHandler,
+		KeyboardHandler,
+		MouseHandler,
+		TouchHandler,
+		PointerHandler
+	} from '../types/eventHandlers';
 
 	// =========================================================================
 	// Props, States & Constants
@@ -98,37 +105,37 @@
 		ariaLabel?: string;
 		ariaDescribedby?: string;
 		// フォーカスイベント
-		onfocus?: Function; // No params for type inference
-		onblur?: Function; // No params for type inference
+		onfocus?: FocusHandler;
+		onblur?: FocusHandler;
 
 		// キーボードイベント
-		onkeydown?: Function; // No params for type inference
-		onkeyup?: Function; // No params for type inference
+		onkeydown?: KeyboardHandler;
+		onkeyup?: KeyboardHandler;
 
 		// マウスイベント
-		onclick?: Function; // No params for type inference
-		onmousedown?: Function; // No params for type inference
-		onmouseup?: Function; // No params for type inference
-		onmouseenter?: Function; // No params for type inference
-		onmouseleave?: Function; // No params for type inference
-		onmouseover?: Function; // No params for type inference
-		onmouseout?: Function; // No params for type inference
-		oncontextmenu?: Function; // No params for type inference
-		onauxclick?: Function; // No params for type inference
+		onclick?: MouseHandler;
+		onmousedown?: MouseHandler;
+		onmouseup?: MouseHandler;
+		onmouseenter?: MouseHandler;
+		onmouseleave?: MouseHandler;
+		onmouseover?: MouseHandler;
+		onmouseout?: MouseHandler;
+		oncontextmenu?: MouseHandler;
+		onauxclick?: MouseHandler;
 
 		// タッチイベント
-		ontouchstart?: Function; // No params for type inference
-		ontouchend?: Function; // No params for type inference
-		ontouchmove?: Function; // No params for type inference
-		ontouchcancel?: Function; // No params for type inference
+		ontouchstart?: TouchHandler;
+		ontouchend?: TouchHandler;
+		ontouchmove?: TouchHandler;
+		ontouchcancel?: TouchHandler;
 
 		// ポインターイベント
-		onpointerdown?: Function; // No params for type inference
-		onpointerup?: Function; // No params for type inference
-		onpointerenter?: Function; // No params for type inference
-		onpointerleave?: Function; // No params for type inference
-		onpointermove?: Function; // No params for type inference
-		onpointercancel?: Function; // No params for type inference
+		onpointerdown?: PointerHandler;
+		onpointerup?: PointerHandler;
+		onpointerenter?: PointerHandler;
+		onpointerleave?: PointerHandler;
+		onpointermove?: PointerHandler;
+		onpointercancel?: PointerHandler;
 		[key: string]: any;
 	} = $props();
 

package/dist/components/Fab.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { Snippet } from 'svelte';
 import type { HTMLButtonAttributes } from 'svelte/elements';
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
+import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler } from '../types/eventHandlers';
 type $$ComponentProps = {
     children?: Snippet;
     buttonAttributes?: HTMLButtonAttributes | undefined;
@@ -21,29 +22,29 @@ type $$ComponentProps = {
     reducedMotion?: boolean;
     ariaLabel?: string;
     ariaDescribedby?: string;
-    onfocus?: Function;
-    onblur?: Function;
-    onkeydown?: Function;
-    onkeyup?: Function;
-    onclick?: Function;
-    onmousedown?: Function;
-    onmouseup?: Function;
-    onmouseenter?: Function;
-    onmouseleave?: Function;
-    onmouseover?: Function;
-    onmouseout?: Function;
-    oncontextmenu?: Function;
-    onauxclick?: Function;
-    ontouchstart?: Function;
-    ontouchend?: Function;
-    ontouchmove?: Function;
-    ontouchcancel?: Function;
-    onpointerdown?: Function;
-    onpointerup?: Function;
-    onpointerenter?: Function;
-    onpointerleave?: Function;
-    onpointermove?: Function;
-    onpointercancel?: Function;
+    onfocus?: FocusHandler;
+    onblur?: FocusHandler;
+    onkeydown?: KeyboardHandler;
+    onkeyup?: KeyboardHandler;
+    onclick?: MouseHandler;
+    onmousedown?: MouseHandler;
+    onmouseup?: MouseHandler;
+    onmouseenter?: MouseHandler;
+    onmouseleave?: MouseHandler;
+    onmouseover?: MouseHandler;
+    onmouseout?: MouseHandler;
+    oncontextmenu?: MouseHandler;
+    onauxclick?: MouseHandler;
+    ontouchstart?: TouchHandler;
+    ontouchend?: TouchHandler;
+    ontouchmove?: TouchHandler;
+    ontouchcancel?: TouchHandler;
+    onpointerdown?: PointerHandler;
+    onpointerup?: PointerHandler;
+    onpointerenter?: PointerHandler;
+    onpointerleave?: PointerHandler;
+    onpointermove?: PointerHandler;
+    onpointercancel?: PointerHandler;
     [key: string]: any;
 };
 declare const Fab: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/components/FileUploader.svelte

@@ -7,6 +7,14 @@
 	import { getStyleFromNumber } from '../utils/style';
 	import { t } from '../i18n';
 	import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
+	import type {
+		BivariantValueHandler,
+		FocusHandler,
+		KeyboardHandler,
+		MouseHandler,
+		TouchHandler,
+		PointerHandler
+	} from '../types/eventHandlers';
 
 	// =========================================================================
 	// Props, States & Constants
@@ -86,27 +94,27 @@
 		removeFileAriaLabel?: string;
 
 		// 入力イベント
-		onchange?: (value: FileList | null | undefined) => void;
+		onchange?: BivariantValueHandler<FileList | null | undefined>;
 
 		// フォーカスイベント
-		onfocus?: Function; // No params for type inference
-		onblur?: Function; // No params for type inference
+		onfocus?: FocusHandler;
+		onblur?: FocusHandler;
 
 		// キーボードイベント
-		onkeydown?: Function; // No params for type inference
-		onkeyup?: Function; // No params for type inference
+		onkeydown?: KeyboardHandler;
+		onkeyup?: KeyboardHandler;
 
 		// マウスイベント
-		onmouseenter?: Function; // No params for type inference
-		onmouseleave?: Function; // No params for type inference
+		onmouseenter?: MouseHandler;
+		onmouseleave?: MouseHandler;
 
 		// タッチイベント
-		ontouchstart?: Function; // No params for type inference
-		ontouchend?: Function; // No params for type inference
+		ontouchstart?: TouchHandler;
+		ontouchend?: TouchHandler;
 
 		// ポインターイベント
-		onpointerenter?: Function; // No params for type inference
-		onpointerleave?: Function; // No params for type inference
+		onpointerenter?: PointerHandler;
+		onpointerleave?: PointerHandler;
 	} = $props();
 
 	let dropAreaRef: HTMLButtonElement;

package/dist/components/FileUploader.svelte.d.ts

@@ -1,4 +1,5 @@
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
+import type { BivariantValueHandler, FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler } from '../types/eventHandlers';
 type $$ComponentProps = {
     value: FileList | null | undefined;
     multiple?: boolean;
@@ -17,17 +18,17 @@ type $$ComponentProps = {
     iconOpticalSize?: IconOpticalSize;
     iconVariant?: IconVariant;
     removeFileAriaLabel?: string;
-    onchange?: (value: FileList | null | undefined) => void;
-    onfocus?: Function;
-    onblur?: Function;
-    onkeydown?: Function;
-    onkeyup?: Function;
-    onmouseenter?: Function;
-    onmouseleave?: Function;
-    ontouchstart?: Function;
-    ontouchend?: Function;
-    onpointerenter?: Function;
-    onpointerleave?: Function;
+    onchange?: BivariantValueHandler<FileList | null | undefined>;
+    onfocus?: FocusHandler;
+    onblur?: FocusHandler;
+    onkeydown?: KeyboardHandler;
+    onkeyup?: KeyboardHandler;
+    onmouseenter?: MouseHandler;
+    onmouseleave?: MouseHandler;
+    ontouchstart?: TouchHandler;
+    ontouchend?: TouchHandler;
+    onpointerenter?: PointerHandler;
+    onpointerleave?: PointerHandler;
 };
 declare const FileUploader: import("svelte").Component<$$ComponentProps, {
     reset: () => void;

package/dist/components/IconButton.svelte

@@ -7,6 +7,13 @@
 	import type { Snippet } from 'svelte';
 	import type { HTMLButtonAttributes } from 'svelte/elements';
 	import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
+	import type {
+		FocusHandler,
+		KeyboardHandler,
+		MouseHandler,
+		TouchHandler,
+		PointerHandler
+	} from '../types/eventHandlers';
 
 	// =========================================================================
 	// Props, States & Constants
@@ -133,37 +140,37 @@
 		reducedMotion?: boolean;
 
 		// フォーカスイベント
-		onfocus?: Function; // No params for type inference
-		onblur?: Function; // No params for type inference
+		onfocus?: FocusHandler;
+		onblur?: FocusHandler;
 
 		// キーボードイベント
-		onkeydown?: Function; // No params for type inference
-		onkeyup?: Function; // No params for type inference
+		onkeydown?: KeyboardHandler;
+		onkeyup?: KeyboardHandler;
 
 		// マウスイベント
-		onclick?: Function; // No params for type inference
-		onmousedown?: Function; // No params for type inference
-		onmouseup?: Function; // No params for type inference
-		onmouseenter?: Function; // No params for type inference
-		onmouseleave?: Function; // No params for type inference
-		onmouseover?: Function; // No params for type inference
-		onmouseout?: Function; // No params for type inference
-		oncontextmenu?: Function; // No params for type inference
-		onauxclick?: Function; // No params for type inference
+		onclick?: MouseHandler;
+		onmousedown?: MouseHandler;
+		onmouseup?: MouseHandler;
+		onmouseenter?: MouseHandler;
+		onmouseleave?: MouseHandler;
+		onmouseover?: MouseHandler;
+		onmouseout?: MouseHandler;
+		oncontextmenu?: MouseHandler;
+		onauxclick?: MouseHandler;
 
 		// タッチイベント
-		ontouchstart?: Function; // No params for type inference
-		ontouchend?: Function; // No params for type inference
-		ontouchmove?: Function; // No params for type inference
-		ontouchcancel?: Function; // No params for type inference
+		ontouchstart?: TouchHandler;
+		ontouchend?: TouchHandler;
+		ontouchmove?: TouchHandler;
+		ontouchcancel?: TouchHandler;
 
 		// ポインターイベント
-		onpointerdown?: Function; // No params for type inference
-		onpointerup?: Function; // No params for type inference
-		onpointerenter?: Function; // No params for type inference
-		onpointerleave?: Function; // No params for type inference
-		onpointermove?: Function; // No params for type inference
-		onpointercancel?: Function; // No params for type inference
+		onpointerdown?: PointerHandler;
+		onpointerup?: PointerHandler;
+		onpointerenter?: PointerHandler;
+		onpointerleave?: PointerHandler;
+		onpointermove?: PointerHandler;
+		onpointercancel?: PointerHandler;
 
 		// その他
 		[key: string]: any;

package/dist/components/IconButton.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { Snippet } from 'svelte';
 import type { HTMLButtonAttributes } from 'svelte/elements';
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
+import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler } from '../types/eventHandlers';
 type $$ComponentProps = {
     children: Snippet;
     buttonAttributes?: HTMLButtonAttributes | undefined;
@@ -30,29 +31,29 @@ type $$ComponentProps = {
     ariaDescribedby?: string;
     ariaPressed?: boolean;
     reducedMotion?: boolean;
-    onfocus?: Function;
-    onblur?: Function;
-    onkeydown?: Function;
-    onkeyup?: Function;
-    onclick?: Function;
-    onmousedown?: Function;
-    onmouseup?: Function;
-    onmouseenter?: Function;
-    onmouseleave?: Function;
-    onmouseover?: Function;
-    onmouseout?: Function;
-    oncontextmenu?: Function;
-    onauxclick?: Function;
-    ontouchstart?: Function;
-    ontouchend?: Function;
-    ontouchmove?: Function;
-    ontouchcancel?: Function;
-    onpointerdown?: Function;
-    onpointerup?: Function;
-    onpointerenter?: Function;
-    onpointerleave?: Function;
-    onpointermove?: Function;
-    onpointercancel?: Function;
+    onfocus?: FocusHandler;
+    onblur?: FocusHandler;
+    onkeydown?: KeyboardHandler;
+    onkeyup?: KeyboardHandler;
+    onclick?: MouseHandler;
+    onmousedown?: MouseHandler;
+    onmouseup?: MouseHandler;
+    onmouseenter?: MouseHandler;
+    onmouseleave?: MouseHandler;
+    onmouseover?: MouseHandler;
+    onmouseout?: MouseHandler;
+    oncontextmenu?: MouseHandler;
+    onauxclick?: MouseHandler;
+    ontouchstart?: TouchHandler;
+    ontouchend?: TouchHandler;
+    ontouchmove?: TouchHandler;
+    ontouchcancel?: TouchHandler;
+    onpointerdown?: PointerHandler;
+    onpointerup?: PointerHandler;
+    onpointerenter?: PointerHandler;
+    onpointerleave?: PointerHandler;
+    onpointermove?: PointerHandler;
+    onpointercancel?: PointerHandler;
     [key: string]: any;
 };
 declare const IconButton: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/components/ImageUploader.svelte

@@ -8,6 +8,14 @@
 	import { onDestroy } from 'svelte';
 	import ImageUploaderPreview from './ImageUploaderPreview.svelte';
 	import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
+	import type {
+		BivariantValueHandler,
+		FocusHandler,
+		KeyboardHandler,
+		MouseHandler,
+		TouchHandler,
+		PointerHandler
+	} from '../types/eventHandlers';
 
 	// =========================================================================
 	// Props, States & Constants
@@ -93,27 +101,27 @@
 		removeFileAriaLabel?: string;
 
 		// 入力イベント
-		onchange?: (value: FileList | null | undefined) => void;
+		onchange?: BivariantValueHandler<FileList | null | undefined>;
 
 		// フォーカスイベント
-		onfocus?: Function; // No params for type inference
-		onblur?: Function; // No params for type inference
+		onfocus?: FocusHandler;
+		onblur?: FocusHandler;
 
 		// キーボードイベント
-		onkeydown?: Function; // No params for type inference
-		onkeyup?: Function; // No params for type inference
+		onkeydown?: KeyboardHandler;
+		onkeyup?: KeyboardHandler;
 
 		// マウスイベント
-		onmouseenter?: Function; // No params for type inference
-		onmouseleave?: Function; // No params for type inference
+		onmouseenter?: MouseHandler;
+		onmouseleave?: MouseHandler;
 
 		// タッチイベント
-		ontouchstart?: Function; // No params for type inference
-		ontouchend?: Function; // No params for type inference
+		ontouchstart?: TouchHandler;
+		ontouchend?: TouchHandler;
 
 		// ポインターイベント
-		onpointerenter?: Function; // No params for type inference
-		onpointerleave?: Function; // No params for type inference
+		onpointerenter?: PointerHandler;
+		onpointerleave?: PointerHandler;
 	} = $props();
 
 	let dropAreaRef: HTMLButtonElement;

package/dist/components/ImageUploader.svelte.d.ts

@@ -1,4 +1,5 @@
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
+import type { BivariantValueHandler, FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler } from '../types/eventHandlers';
 type $$ComponentProps = {
     value: FileList | null | undefined;
     multiple?: boolean;
@@ -19,17 +20,17 @@ type $$ComponentProps = {
     iconOpticalSize?: IconOpticalSize;
     iconVariant?: IconVariant;
     removeFileAriaLabel?: string;
-    onchange?: (value: FileList | null | undefined) => void;
-    onfocus?: Function;
-    onblur?: Function;
-    onkeydown?: Function;
-    onkeyup?: Function;
-    onmouseenter?: Function;
-    onmouseleave?: Function;
-    ontouchstart?: Function;
-    ontouchend?: Function;
-    onpointerenter?: Function;
-    onpointerleave?: Function;
+    onchange?: BivariantValueHandler<FileList | null | undefined>;
+    onfocus?: FocusHandler;
+    onblur?: FocusHandler;
+    onkeydown?: KeyboardHandler;
+    onkeyup?: KeyboardHandler;
+    onmouseenter?: MouseHandler;
+    onmouseleave?: MouseHandler;
+    ontouchstart?: TouchHandler;
+    ontouchend?: TouchHandler;
+    onpointerenter?: PointerHandler;
+    onpointerleave?: PointerHandler;
 };
 declare const ImageUploader: import("svelte").Component<$$ComponentProps, {
     reset: () => void;