@14ch/svelte-ui 0.0.10 → 0.0.12

package/dist/components/Input.svelte

@@ -8,6 +8,14 @@
 	import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
 	import { t } from '../i18n';
 	import { convertToHtmlWithLink } from '../utils/formatText';
+	import type {
+		FocusHandler,
+		KeyboardHandler,
+		MouseHandler,
+		TouchHandler,
+		PointerHandler,
+		BivariantValueHandler
+	} from '../types/eventHandlers';
 
 	// =========================================================================
 	// Props, States & Constants
@@ -153,45 +161,45 @@
 		linkify?: 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;
 
 		// 入力イベント
-		onchange?: (value: string | number) => void;
-		oninput?: (value: string | number) => void;
+		onchange?: BivariantValueHandler<string | number>;
+		oninput?: BivariantValueHandler<string | number>;
 
 		// アイコンイベント
-		onRightIconClick?: Function; // No params for type inference
-		onLeftIconClick?: Function; // No params for type inference
+		onRightIconClick?: MouseHandler;
+		onLeftIconClick?: MouseHandler;
 
 		// その他
 		[key: string]: any;

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

@@ -1,5 +1,6 @@
 import type { HTMLInputAttributes } from 'svelte/elements';
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
+import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/eventHandlers';
 type $$ComponentProps = {
     name?: string;
     value: string | number;
@@ -38,33 +39,33 @@ type $$ComponentProps = {
     required?: boolean;
     clearable?: boolean;
     linkify?: 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;
-    onchange?: (value: string | number) => void;
-    oninput?: (value: string | number) => void;
-    onRightIconClick?: Function;
-    onLeftIconClick?: 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;
+    onchange?: BivariantValueHandler<string | number>;
+    oninput?: BivariantValueHandler<string | number>;
+    onRightIconClick?: MouseHandler;
+    onLeftIconClick?: MouseHandler;
     [key: string]: any;
 };
 declare const Input: import("svelte").Component<$$ComponentProps, {

package/dist/components/Popup.svelte

@@ -432,7 +432,7 @@
 		onClose?.();
 	};
 
-	const clickOutside = (element: HTMLElement, callbackFunction: Function) => {
+	const clickOutside = (element: HTMLElement, callbackFunction: () => void) => {
 		function onClick(event: MouseEvent) {
 			if (!(event.target instanceof Node)) return;
 
@@ -442,14 +442,13 @@
 
 			if (isOutside) {
 				callbackFunction();
-				event.stopPropagation();
 			}
 		}
 		setTimeout(() => {
 			document.body.addEventListener('click', onClick);
 		}, 1);
 		return {
-			update(newCallbackFunction: Function) {
+			update(newCallbackFunction: () => void) {
 				callbackFunction = newCallbackFunction;
 			},
 			destroy() {

package/dist/components/PopupMenuButton.svelte

@@ -5,6 +5,13 @@
 	import PopupMenu from './PopupMenu.svelte';
 	import type { MenuItem } from '../types/menuItem';
 	import type { SvelteComponent, Snippet } from 'svelte';
+	import type {
+		FocusHandler,
+		KeyboardHandler,
+		MouseHandler,
+		TouchHandler,
+		PointerHandler
+	} from '../types/eventHandlers';
 
 	// =========================================================================
 	// Props, States & Constants
@@ -105,37 +112,37 @@
 		mobileBehavior?: 'auto' | 'fullscreen' | 'popup';
 
 		// フォーカスイベント
-		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;
 
 		// ARIA/アクセシビリティ
 		ariaLabel?: string;

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

@@ -1,5 +1,6 @@
 import type { MenuItem } from '../types/menuItem';
 import type { Snippet } from 'svelte';
+import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler } from '../types/eventHandlers';
 type $$ComponentProps = {
     children?: Snippet;
     menuItems: (MenuItem | 'separator')[];
@@ -12,29 +13,29 @@ type $$ComponentProps = {
     disabled?: boolean;
     mobileFullscreen?: boolean;
     mobileBehavior?: 'auto' | 'fullscreen' | 'popup';
-    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;
     ariaLabel?: string;
 };
 declare const PopupMenuButton: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/components/Radio.svelte

@@ -3,6 +3,15 @@
 <script lang="ts">
 	import { type Snippet } from 'svelte';
 	import type { HTMLInputAttributes } from 'svelte/elements';
+	import type {
+		FocusHandler,
+		KeyboardHandler,
+		MouseHandler,
+		TouchHandler,
+		PointerHandler,
+		BivariantValueHandler
+	} from '../types/eventHandlers';
+	import type { OptionValue } from '../types/options';
 
 	// =========================================================================
 	// Props, States & Constants
@@ -74,8 +83,8 @@
 
 		// 基本プロパティ
 		name: string;
-		value: string | number | boolean;
-		currentValue: string | number | boolean | null;
+		value: OptionValue;
+		currentValue: OptionValue;
 
 		// HTML属性系
 		id?: string;
@@ -92,40 +101,40 @@
 		reducedMotion?: boolean;
 
 		// 入力イベント
-		onchange?: (value: string | number | boolean) => void;
+		onchange?: BivariantValueHandler<OptionValue>;
 
 		// フォーカスイベント
-		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/Radio.svelte.d.ts

@@ -1,40 +1,42 @@
 import { type Snippet } from 'svelte';
 import type { HTMLInputAttributes } from 'svelte/elements';
+import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/eventHandlers';
+import type { OptionValue } from '../types/options';
 type $$ComponentProps = {
     children?: Snippet;
     name: string;
-    value: string | number | boolean;
-    currentValue: string | number | boolean | null;
+    value: OptionValue;
+    currentValue: OptionValue;
     id?: string;
     inputAttributes?: HTMLInputAttributes | undefined;
     size?: 'small' | 'medium' | 'large';
     disabled?: boolean;
     required?: boolean;
     reducedMotion?: boolean;
-    onchange?: (value: string | number | boolean) => 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;
+    onchange?: BivariantValueHandler<OptionValue>;
+    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 Radio: import("svelte").Component<$$ComponentProps, {}, "currentValue">;

package/dist/components/RadioGroup.svelte

@@ -2,6 +2,7 @@
 	import type { Option, OptionValue } from '../types/options';
 	import Radio from './Radio.svelte';
 	import { getStyleFromNumber } from '../utils/style';
+	import type { BivariantValueHandler } from '../types/eventHandlers';
 
 	let {
 		// 基本プロパティ
@@ -46,7 +47,7 @@
 		reducedMotion?: boolean;
 
 		// 入力イベント
-		onchange?: (value: OptionValue) => void;
+		onchange?: BivariantValueHandler<OptionValue>;
 	} = $props();
 
 	const handleChange = () => {

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

@@ -1,4 +1,5 @@
 import type { Option, OptionValue } from '../types/options';
+import type { BivariantValueHandler } from '../types/eventHandlers';
 type $$ComponentProps = {
     name?: string;
     options: Option[];
@@ -11,7 +12,7 @@ type $$ComponentProps = {
     disabled?: boolean;
     required?: boolean;
     reducedMotion?: boolean;
-    onchange?: (value: OptionValue) => void;
+    onchange?: BivariantValueHandler<OptionValue>;
 };
 declare const RadioGroup: import("svelte").Component<$$ComponentProps, {}, "value">;
 type RadioGroup = ReturnType<typeof RadioGroup>;

package/dist/components/SegmentedControl.svelte

@@ -4,6 +4,14 @@
 	import Icon from './Icon.svelte';
 	import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
 	import type { SegmentedControlItem } from '../types/segmentedControlItem';
+	import type {
+		BivariantValueHandler,
+		FocusHandler,
+		KeyboardHandler,
+		MouseHandler,
+		TouchHandler,
+		PointerHandler
+	} from '../types/eventHandlers';
 
 	// =========================================================================
 	// Props, States & Constants
@@ -107,40 +115,40 @@
 		reducedMotion?: boolean;
 
 		// 入力イベント
-		onchange?: (value: string) => void;
+		onchange?: BivariantValueHandler<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;

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

@@ -1,5 +1,6 @@
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
 import type { SegmentedControlItem } from '../types/segmentedControlItem';
+import type { BivariantValueHandler, FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler } from '../types/eventHandlers';
 type $$ComponentProps = {
     items: SegmentedControlItem[];
     value: string;
@@ -18,30 +19,30 @@ type $$ComponentProps = {
     ariaLabel?: string;
     ariaLabelledby?: string;
     reducedMotion?: boolean;
-    onchange?: (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;
+    onchange?: 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 SegmentedControl: import("svelte").Component<$$ComponentProps, {}, "value">;