@14ch/svelte-ui 0.0.56 → 0.0.57

package/dist/components/Button.svelte

@@ -19,7 +19,34 @@
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type ButtonProps = {
+	export type ButtonProps = Omit<
+		HTMLButtonAttributes,
+		// 独自ハンドラ型（callbackHandlers）で再定義するイベント系は除外して衝突を避ける
+		| 'children'
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+	> & {
 		// Snippet
 		children: Snippet;
 
@@ -39,6 +66,8 @@
 		fullWidth?: boolean;
 		/** Content alignment. Useful with `fullWidth`. @default 'center' */
 		align?: 'left' | 'center' | 'right';
+		/** Minimum width. A number is treated as px. @default 0 */
+		minWidth?: number;
 		rounded?: boolean;
 		/** Adds a chevron-down icon. Use when the button opens a popup/dropdown. @default false */
 		popup?: boolean;
@@ -97,9 +126,6 @@
 		onpointerleave?: PointerHandler;
 		onpointermove?: PointerHandler;
 		onpointercancel?: PointerHandler;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -3,7 +3,7 @@ import type { HTMLButtonAttributes } from 'svelte/elements';
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler } from '../types/callbackHandlers';
 import type { ButtonVariant, ButtonSize, IconPosition } from '../types/propOptions';
-export type ButtonProps = {
+export type ButtonProps = Omit<HTMLButtonAttributes, 'children' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel'> & {
     children: Snippet;
     /** @default 'button' */
     type?: HTMLButtonAttributes['type'];
@@ -18,6 +18,8 @@ export type ButtonProps = {
     fullWidth?: boolean;
     /** Content alignment. Useful with `fullWidth`. @default 'center' */
     align?: 'left' | 'center' | 'right';
+    /** Minimum width. A number is treated as px. @default 0 */
+    minWidth?: number;
     rounded?: boolean;
     /** Adds a chevron-down icon. Use when the button opens a popup/dropdown. @default false */
     popup?: boolean;
@@ -60,7 +62,6 @@ export type ButtonProps = {
     onpointerleave?: PointerHandler;
     onpointermove?: PointerHandler;
     onpointercancel?: PointerHandler;
-    [key: string]: any;
 };
 declare const Button: import("svelte").Component<ButtonProps, {}, "">;
 type Button = ReturnType<typeof Button>;

package/dist/components/Checkbox.svelte

@@ -2,6 +2,7 @@
 
 <script lang="ts">
 	import { type Snippet } from 'svelte';
+	import type { HTMLInputAttributes } from 'svelte/elements';
 	import type {
 		FocusHandler,
 		KeyboardHandler,
@@ -15,7 +16,37 @@
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type CheckboxProps = {
+	export type CheckboxProps = Omit<
+		HTMLInputAttributes,
+		// 独自型で再定義する props / イベントは除外して衝突を避ける
+		| 'children'
+		| 'value'
+		| 'size'
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+		| 'onchange'
+	> & {
 		// Snippet
 		/** Label content displayed next to the checkbox. */
 		children?: Snippet;
@@ -84,9 +115,6 @@
 
 		// 入力イベント
 		onchange?: BivariantValueHandler<boolean>;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -1,7 +1,8 @@
 import { type Snippet } from 'svelte';
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/callbackHandlers';
 import type { ComponentSize } from '../types/propOptions';
-export type CheckboxProps = {
+export type CheckboxProps = Omit<HTMLInputAttributes, 'children' | 'value' | 'size' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel' | 'onchange'> & {
     /** Label content displayed next to the checkbox. */
     children?: Snippet;
     /** Native `name` attribute. */
@@ -47,7 +48,6 @@ export type CheckboxProps = {
     onpointermove?: PointerHandler;
     onpointercancel?: PointerHandler;
     onchange?: BivariantValueHandler<boolean>;
-    [key: string]: any;
 };
 declare const Checkbox: import("svelte").Component<CheckboxProps, {}, "value" | "indeterminate">;
 type Checkbox = ReturnType<typeof Checkbox>;

package/dist/components/ColorPicker.svelte

@@ -3,6 +3,7 @@
 <script lang="ts">
 	import { untrack } from 'svelte';
 	import Input from './Input.svelte';
+	import type { HTMLInputAttributes } from 'svelte/elements';
 	import { t } from '../i18n';
 	import type { IconVariant } from '../types/icon';
 	import type {
@@ -17,7 +18,46 @@
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type ColorPickerProps = {
+	export type ColorPickerProps = Omit<
+		HTMLInputAttributes,
+		// Input と生の color input の両方へ転送するため、Input が絞り込むキーと独自ハンドラを除外
+		| 'value'
+		| 'type'
+		| 'id'
+		| 'tabindex'
+		| 'maxlength'
+		| 'pattern'
+		| 'min'
+		| 'max'
+		| 'step'
+		| 'autocomplete'
+		| 'spellcheck'
+		| 'onchange'
+		| 'oninput'
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+	> & {
 		// 基本プロパティ
 		/** Hex color string (e.g. `"#ff0000"`). Supports `bind:value`. */
 		value: string | null | undefined;
@@ -79,9 +119,6 @@
 		onpointerleave?: PointerHandler;
 		onpointermove?: PointerHandler;
 		onpointercancel?: PointerHandler;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -1,6 +1,7 @@
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { IconVariant } from '../types/icon';
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/callbackHandlers';
-export type ColorPickerProps = {
+export type ColorPickerProps = Omit<HTMLInputAttributes, 'value' | 'type' | 'id' | 'tabindex' | 'maxlength' | 'pattern' | 'min' | 'max' | 'step' | 'autocomplete' | 'spellcheck' | 'onchange' | 'oninput' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel'> & {
     /** Hex color string (e.g. `"#ff0000"`). Supports `bind:value`. */
     value: string | null | undefined;
     id?: string;
@@ -44,7 +45,6 @@ export type ColorPickerProps = {
     onpointerleave?: PointerHandler;
     onpointermove?: PointerHandler;
     onpointercancel?: PointerHandler;
-    [key: string]: any;
 };
 declare const ColorPicker: import("svelte").Component<ColorPickerProps, {}, "value">;
 type ColorPicker = ReturnType<typeof ColorPicker>;

package/dist/components/Combobox.svelte

@@ -2,6 +2,7 @@
 
 <script lang="ts">
 	import Input from './Input.svelte';
+	import type { InputProps } from './Input.svelte';
 	import Popup from './Popup.svelte';
 	import { announceSelection } from '../utils/accessibility';
 	import { t } from '../i18n';
@@ -17,7 +18,36 @@
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type ComboboxProps = {
+	export type ComboboxProps = Omit<
+		InputProps,
+		// 独自ハンドラ型と独自型の value は除外して衝突を避ける（余剰プロパティは Input へ転送）
+		| 'value'
+		| 'onchange'
+		| 'oninput'
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+	> & {
 		// 基本プロパティ
 		name?: string;
 		/** Supports `bind:value`. */
@@ -88,9 +118,6 @@
 		onpointerleave?: PointerHandler;
 		onpointermove?: PointerHandler;
 		onpointercancel?: PointerHandler;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -1,5 +1,6 @@
+import type { InputProps } from './Input.svelte';
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/callbackHandlers';
-export type ComboboxProps = {
+export type ComboboxProps = Omit<InputProps, 'value' | 'onchange' | 'oninput' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel'> & {
     name?: string;
     /** Supports `bind:value`. */
     value: string | number | null | undefined;
@@ -51,7 +52,6 @@ export type ComboboxProps = {
     onpointerleave?: PointerHandler;
     onpointermove?: PointerHandler;
     onpointercancel?: PointerHandler;
-    [key: string]: any;
 };
 declare const Combobox: import("svelte").Component<ComboboxProps, {}, "value">;
 type Combobox = ReturnType<typeof Combobox>;

package/dist/components/Datepicker.svelte

@@ -11,6 +11,7 @@
 	import 'dayjs/locale/es';
 	import 'dayjs/locale/zh-cn';
 	import Input from './Input.svelte';
+	import type { InputProps } from './Input.svelte';
 	import Popup from './Popup.svelte';
 	import DatepickerCalendar from './DatepickerCalendar.svelte';
 	import { announceToScreenReader } from '../utils/accessibility';
@@ -31,7 +32,36 @@
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type DatepickerProps = {
+	export type DatepickerProps = Omit<
+		InputProps,
+		// 独自ハンドラ型と独自型の value は除外して衝突を避ける（余剰プロパティは Input へ転送）
+		| 'value'
+		| 'onchange'
+		| 'oninput'
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+	> & {
 		// 基本プロパティ
 		/** Selected date (single mode) or range (range mode). Supports `bind:value`. */
 		value: Date | { start: Date; end: Date } | undefined;
@@ -104,9 +134,6 @@
 		onpointerleave?: PointerHandler;
 		onpointermove?: PointerHandler;
 		onpointercancel?: PointerHandler;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -4,10 +4,11 @@ import 'dayjs/locale/fr';
 import 'dayjs/locale/de';
 import 'dayjs/locale/es';
 import 'dayjs/locale/zh-cn';
+import type { InputProps } from './Input.svelte';
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
 import type { BivariantValueHandler, FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler } from '../types/callbackHandlers';
 import type { DatepickerMode, FocusStyle } from '../types/propOptions';
-export type DatepickerProps = {
+export type DatepickerProps = Omit<InputProps, 'value' | 'onchange' | 'oninput' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel'> & {
     /** Selected date (single mode) or range (range mode). Supports `bind:value`. */
     value: Date | {
         start: Date;
@@ -74,7 +75,6 @@ export type DatepickerProps = {
     onpointerleave?: PointerHandler;
     onpointermove?: PointerHandler;
     onpointercancel?: PointerHandler;
-    [key: string]: any;
 };
 declare const Datepicker: import("svelte").Component<DatepickerProps, {
     /** Opens the calendar popup. */ open: () => void;

package/dist/components/Fab.svelte

@@ -19,7 +19,34 @@
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type FabProps = {
+	export type FabProps = Omit<
+		HTMLButtonAttributes,
+		// 独自ハンドラ型（callbackHandlers）で再定義するイベント系は除外して衝突を避ける
+		| 'children'
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+	> & {
 		children?: Snippet;
 		/** @default 'button' */
 		type?: HTMLButtonAttributes['type'];
@@ -86,7 +113,6 @@
 		onpointerleave?: PointerHandler;
 		onpointermove?: PointerHandler;
 		onpointercancel?: PointerHandler;
-		[key: string]: any;
 	};
 
 	let {

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

@@ -3,7 +3,7 @@ import type { HTMLButtonAttributes } from 'svelte/elements';
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler } from '../types/callbackHandlers';
 import type { ButtonVariant, FabPosition, IconPosition } from '../types/propOptions';
-export type FabProps = {
+export type FabProps = Omit<HTMLButtonAttributes, 'children' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel'> & {
     children?: Snippet;
     /** @default 'button' */
     type?: HTMLButtonAttributes['type'];
@@ -61,7 +61,6 @@ export type FabProps = {
     onpointerleave?: PointerHandler;
     onpointermove?: PointerHandler;
     onpointercancel?: PointerHandler;
-    [key: string]: any;
 };
 declare const Fab: import("svelte").Component<FabProps, {}, "">;
 type Fab = ReturnType<typeof Fab>;

package/dist/components/Icon.svelte

@@ -2,13 +2,14 @@
 
 <script lang="ts">
 	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
 	import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
 	import { getStyleFromNumber } from '../utils/style';
 
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type IconProps = {
+	export type IconProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
 		// Snippet
 		/** Material Symbols icon name (e.g. `"home"`, `"settings"`). */
 		children: Snippet;
@@ -39,9 +40,6 @@
 		ariaLabel?: string;
 		/** Marks the icon as decorative (hidden from screen readers). @default true */
 		decorative?: boolean;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -1,6 +1,7 @@
 import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
-export type IconProps = {
+export type IconProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
     /** Material Symbols icon name (e.g. `"home"`, `"settings"`). */
     children: Snippet;
     title?: string;
@@ -22,7 +23,6 @@ export type IconProps = {
     ariaLabel?: string;
     /** Marks the icon as decorative (hidden from screen readers). @default true */
     decorative?: boolean;
-    [key: string]: any;
 };
 declare const Icon: import("svelte").Component<IconProps, {}, "">;
 type Icon = ReturnType<typeof Icon>;

package/dist/components/IconButton.svelte

@@ -19,7 +19,34 @@
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type IconButtonProps = {
+	export type IconButtonProps = Omit<
+		HTMLButtonAttributes,
+		// 独自ハンドラ型（callbackHandlers）で再定義するイベント系は除外して衝突を避ける
+		| 'children'
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+	> & {
 		// Snippet
 		/** Material Symbols icon name (e.g. `"close"`, `"edit"`). */
 		children: Snippet;
@@ -106,9 +133,6 @@
 		onpointerleave?: PointerHandler;
 		onpointermove?: PointerHandler;
 		onpointercancel?: PointerHandler;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -3,7 +3,7 @@ import type { HTMLButtonAttributes } from 'svelte/elements';
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler } from '../types/callbackHandlers';
 import type { ButtonVariant, BadgeVariant } from '../types/propOptions';
-export type IconButtonProps = {
+export type IconButtonProps = Omit<HTMLButtonAttributes, 'children' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel'> & {
     /** Material Symbols icon name (e.g. `"close"`, `"edit"`). */
     children: Snippet;
     /** @default 'button' */
@@ -67,7 +67,6 @@ export type IconButtonProps = {
     onpointerleave?: PointerHandler;
     onpointermove?: PointerHandler;
     onpointercancel?: PointerHandler;
-    [key: string]: any;
 };
 declare const IconButton: import("svelte").Component<IconButtonProps, {}, "">;
 type IconButton = ReturnType<typeof IconButton>;

package/dist/components/Input.svelte

@@ -16,11 +16,52 @@
 		BivariantValueHandler
 	} from '../types/callbackHandlers';
 	import type { FocusStyle } from '../types/propOptions';
+	import type { HTMLInputAttributes } from 'svelte/elements';
 
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type InputProps = {
+	export type InputProps = Omit<
+		HTMLInputAttributes,
+		// 独自の型で再定義するためベースの HTML 属性から除外
+		| 'value'
+		| 'type'
+		| 'id'
+		| 'tabindex'
+		| 'maxlength'
+		| 'pattern'
+		| 'min'
+		| 'max'
+		| 'step'
+		| 'autocomplete'
+		| 'spellcheck'
+		// 独自ハンドラ型（callbackHandlers）で再定義するイベント系
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+		| 'onchange'
+		| 'oninput'
+	> & {
 		// 基本プロパティ
 		name?: string;
 		value: string | number | null | undefined;
@@ -76,6 +117,7 @@
 		required?: boolean;
 		/** Shows a clear (×) button when the input has a value. @default false */
 		clearable?: boolean;
+		clearButtonAriaLabel?: string;
 		/** Converts URLs in the value to clickable links. Only for `type="text"` or `type="url"`. @default false */
 		linkify?: boolean;
 		/** Adds a show/hide password toggle button. Only for `type="password"`. @default false */
@@ -139,9 +181,6 @@
 		onLeftIconTouchEnd?: TouchHandler;
 		onRightIconTouchCancel?: TouchHandler;
 		onLeftIconTouchCancel?: TouchHandler;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -1,7 +1,8 @@
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/callbackHandlers';
 import type { FocusStyle } from '../types/propOptions';
-export type InputProps = {
+import type { HTMLInputAttributes } from 'svelte/elements';
+export type InputProps = Omit<HTMLInputAttributes, 'value' | 'type' | 'id' | 'tabindex' | 'maxlength' | 'pattern' | 'min' | 'max' | 'step' | 'autocomplete' | 'spellcheck' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel' | 'onchange' | 'oninput'> & {
     name?: string;
     value: string | number | null | undefined;
     id?: string | null;
@@ -49,6 +50,7 @@ export type InputProps = {
     required?: boolean;
     /** Shows a clear (×) button when the input has a value. @default false */
     clearable?: boolean;
+    clearButtonAriaLabel?: string;
     /** Converts URLs in the value to clickable links. Only for `type="text"` or `type="url"`. @default false */
     linkify?: boolean;
     /** Adds a show/hide password toggle button. Only for `type="password"`. @default false */
@@ -96,7 +98,6 @@ export type InputProps = {
     onLeftIconTouchEnd?: TouchHandler;
     onRightIconTouchCancel?: TouchHandler;
     onLeftIconTouchCancel?: TouchHandler;
-    [key: string]: any;
 };
 declare const Input: import("svelte").Component<InputProps, {
     focus: () => void;

package/dist/components/Radio.svelte

@@ -2,6 +2,7 @@
 
 <script lang="ts">
 	import { type Snippet } from 'svelte';
+	import type { HTMLInputAttributes } from 'svelte/elements';
 	import type {
 		FocusHandler,
 		KeyboardHandler,
@@ -16,7 +17,37 @@
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type RadioProps = {
+	export type RadioProps = Omit<
+		HTMLInputAttributes,
+		// 独自型で再定義する props / イベントは除外して衝突を避ける
+		| 'children'
+		| 'value'
+		| 'size'
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+		| 'onchange'
+	> & {
 		// Snippet
 		/** Label content displayed next to the radio button. */
 		children?: Snippet;
@@ -85,9 +116,6 @@
 
 		// 入力イベント
 		onchange?: BivariantValueHandler<OptionValue>;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -1,8 +1,9 @@
 import { type Snippet } from 'svelte';
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/callbackHandlers';
 import type { OptionValue } from '../types/options';
 import type { ComponentSize } from '../types/propOptions';
-export type RadioProps = {
+export type RadioProps = Omit<HTMLInputAttributes, 'children' | 'value' | 'size' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel' | 'onchange'> & {
     /** Label content displayed next to the radio button. */
     children?: Snippet;
     /** Radio group name. All radios in a group must share the same name. */
@@ -48,7 +49,6 @@ export type RadioProps = {
     onpointermove?: PointerHandler;
     onpointercancel?: PointerHandler;
     onchange?: BivariantValueHandler<OptionValue>;
-    [key: string]: any;
 };
 declare const Radio: import("svelte").Component<RadioProps, {}, "currentValue">;
 type Radio = ReturnType<typeof Radio>;

package/dist/components/SegmentedControl.svelte

@@ -13,11 +13,39 @@
 		BivariantValueHandler
 	} from '../types/callbackHandlers';
 	import type { ComponentSize } from '../types/propOptions';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type SegmentedControlProps = {
+	export type SegmentedControlProps = Omit<
+		HTMLAttributes<HTMLDivElement>,
+		// 独自ハンドラ型（callbackHandlers）で再定義するイベント系は除外して衝突を避ける
+		| 'onchange'
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+	> & {
 		// 基本プロパティ
 		/** `{ label, value, icon?, disabled? }[]` */
 		items: SegmentedControlItem[];
@@ -87,9 +115,6 @@
 		onpointerleave?: PointerHandler;
 		onpointermove?: PointerHandler;
 		onpointercancel?: PointerHandler;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -2,7 +2,8 @@ import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../typ
 import type { SegmentedControlItem } from '../types/segmentedControlItem';
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/callbackHandlers';
 import type { ComponentSize } from '../types/propOptions';
-export type SegmentedControlProps = {
+import type { HTMLAttributes } from 'svelte/elements';
+export type SegmentedControlProps = Omit<HTMLAttributes<HTMLDivElement>, 'onchange' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel'> & {
     /** `{ label, value, icon?, disabled? }[]` */
     items: SegmentedControlItem[];
     /** Currently selected value. Supports `bind:value`. */
@@ -49,7 +50,6 @@ export type SegmentedControlProps = {
     onpointerleave?: PointerHandler;
     onpointermove?: PointerHandler;
     onpointercancel?: PointerHandler;
-    [key: string]: any;
 };
 declare const SegmentedControl: import("svelte").Component<SegmentedControlProps, {}, "value">;
 type SegmentedControl = ReturnType<typeof SegmentedControl>;

package/dist/components/Select.svelte

@@ -12,11 +12,44 @@
 		BivariantValueHandler
 	} from '../types/callbackHandlers';
 	import type { Option } from '../types/options';
+	import type { HTMLSelectAttributes } from 'svelte/elements';
 
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type SelectProps = {
+	export type SelectProps = Omit<
+		HTMLSelectAttributes,
+		// 独自の型で再定義するためベースの HTML 属性から除外
+		| 'value'
+		| 'id'
+		| 'tabindex'
+		| 'size'
+		// 独自ハンドラ型（callbackHandlers）で再定義するイベント系
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+		| 'onchange'
+	> & {
 		// 基本プロパティ
 		name?: string;
 		value: string | number | null | undefined;
@@ -78,9 +111,6 @@
 
 		// 入力イベント
 		onchange?: BivariantValueHandler<string | number | null | undefined>;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -1,6 +1,7 @@
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/callbackHandlers';
 import type { Option } from '../types/options';
-export type SelectProps = {
+import type { HTMLSelectAttributes } from 'svelte/elements';
+export type SelectProps = Omit<HTMLSelectAttributes, 'value' | 'id' | 'tabindex' | 'size' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel' | 'onchange'> & {
     name?: string;
     value: string | number | null | undefined;
     /** `{ label, value, disabled? }[]` */
@@ -44,7 +45,6 @@ export type SelectProps = {
     onpointermove?: PointerHandler;
     onpointercancel?: PointerHandler;
     onchange?: BivariantValueHandler<string | number | null | undefined>;
-    [key: string]: any;
 };
 declare const Select: import("svelte").Component<SelectProps, {}, "value">;
 type Select = ReturnType<typeof Select>;

package/dist/components/Slider.svelte

@@ -3,6 +3,7 @@
 <script lang="ts">
 	import { getStyleFromNumber } from '../utils/style';
 	import { t } from '../i18n';
+	import type { HTMLInputAttributes } from 'svelte/elements';
 	import type {
 		FocusHandler,
 		KeyboardHandler,
@@ -15,7 +16,36 @@
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type SliderProps = {
+	export type SliderProps = Omit<
+		HTMLInputAttributes,
+		// 独自型で再定義する props / イベントは除外して衝突を避ける
+		| 'value'
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+		| 'onchange'
+		| 'oninput'
+	> & {
 		// 基本プロパティ
 		/** Supports `bind:value`. */
 		value: number;
@@ -78,9 +108,6 @@
 		// 入力イベント
 		onchange?: BivariantValueHandler<number>;
 		oninput?: BivariantValueHandler<number>;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -1,5 +1,6 @@
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/callbackHandlers';
-export type SliderProps = {
+export type SliderProps = Omit<HTMLInputAttributes, 'value' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel' | 'onchange' | 'oninput'> & {
     /** Supports `bind:value`. */
     value: number;
     name?: string;
@@ -44,7 +45,6 @@ export type SliderProps = {
     onpointercancel?: PointerHandler;
     onchange?: BivariantValueHandler<number>;
     oninput?: BivariantValueHandler<number>;
-    [key: string]: any;
 };
 declare const Slider: import("svelte").Component<SliderProps, {}, "value">;
 type Slider = ReturnType<typeof Slider>;

package/dist/components/SnackbarItem.svelte

@@ -173,7 +173,7 @@
 	>
 		{#if typeIcons[type]}
 			<div class="snackbar-item__icon" aria-hidden="true">
-				<Icon name={typeIcons[type]} size={32}>{typeIcons[type]}</Icon>
+				<Icon size={32}>{typeIcons[type]}</Icon>
 			</div>
 		{/if}
 

package/dist/components/Switch.svelte

@@ -2,6 +2,7 @@
 
 <script lang="ts">
 	import type { Snippet } from 'svelte';
+	import type { HTMLInputAttributes } from 'svelte/elements';
 	import type {
 		FocusHandler,
 		KeyboardHandler,
@@ -15,7 +16,37 @@
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type SwitchProps = {
+	export type SwitchProps = Omit<
+		HTMLInputAttributes,
+		// 独自型で再定義する props / イベントは除外して衝突を避ける
+		| 'children'
+		| 'value'
+		| 'size'
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+		| 'onchange'
+	> & {
 		// Snippet
 		children?: Snippet;
 
@@ -77,9 +108,6 @@
 
 		// 入力イベント
 		onchange?: BivariantValueHandler<boolean>;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -1,7 +1,8 @@
 import type { Snippet } from 'svelte';
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/callbackHandlers';
 import type { ComponentSize } from '../types/propOptions';
-export type SwitchProps = {
+export type SwitchProps = Omit<HTMLInputAttributes, 'children' | 'value' | 'size' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel' | 'onchange'> & {
     children?: Snippet;
     /** Supports `bind:value`. */
     value: boolean;
@@ -41,7 +42,6 @@ export type SwitchProps = {
     onpointermove?: PointerHandler;
     onpointercancel?: PointerHandler;
     onchange?: BivariantValueHandler<boolean>;
-    [key: string]: any;
 };
 declare const Switch: import("svelte").Component<SwitchProps, {}, "value">;
 type Switch = ReturnType<typeof Switch>;

package/dist/components/Textarea.svelte

@@ -20,7 +20,44 @@
 	// =========================================================================
 	// Props, States & Constants
 	// =========================================================================
-	export type TextareaProps = {
+	export type TextareaProps = Omit<
+		HTMLTextareaAttributes,
+		// 独自の型で再定義するためベースの HTML 属性から除外
+		| 'value'
+		| 'id'
+		| 'tabindex'
+		| 'maxlength'
+		| 'autocomplete'
+		| 'wrap'
+		| 'spellcheck'
+		| 'autocapitalize'
+		// 独自ハンドラ型（callbackHandlers）で再定義するイベント系
+		| 'onfocus'
+		| 'onblur'
+		| 'onkeydown'
+		| 'onkeyup'
+		| 'onclick'
+		| 'onmousedown'
+		| 'onmouseup'
+		| 'onmouseenter'
+		| 'onmouseleave'
+		| 'onmouseover'
+		| 'onmouseout'
+		| 'oncontextmenu'
+		| 'onauxclick'
+		| 'ontouchstart'
+		| 'ontouchend'
+		| 'ontouchmove'
+		| 'ontouchcancel'
+		| 'onpointerdown'
+		| 'onpointerup'
+		| 'onpointerenter'
+		| 'onpointerleave'
+		| 'onpointermove'
+		| 'onpointercancel'
+		| 'onchange'
+		| 'oninput'
+	> & {
 		// 基本プロパティ
 		name?: string;
 		value: string | null | undefined;
@@ -112,9 +149,6 @@
 		// 入力イベント
 		onchange?: BivariantValueHandler<string>;
 		oninput?: BivariantValueHandler<string>;
-
-		// その他
-		[key: string]: any;
 	};
 
 	let {

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

@@ -2,7 +2,7 @@ import type { HTMLTextareaAttributes } from 'svelte/elements';
 import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
 import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/callbackHandlers';
 import type { FocusStyle } from '../types/propOptions';
-export type TextareaProps = {
+export type TextareaProps = Omit<HTMLTextareaAttributes, 'value' | 'id' | 'tabindex' | 'maxlength' | 'autocomplete' | 'wrap' | 'spellcheck' | 'autocapitalize' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel' | 'onchange' | 'oninput'> & {
     name?: string;
     value: string | null | undefined;
     placeholder?: string;
@@ -72,7 +72,6 @@ export type TextareaProps = {
     onpointercancel?: PointerHandler;
     onchange?: BivariantValueHandler<string>;
     oninput?: BivariantValueHandler<string>;
-    [key: string]: any;
 };
 declare const Textarea: import("svelte").Component<TextareaProps, {
     focus: () => void;

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@14ch/svelte-ui",
 	"description": "Modern Svelte UI components library with TypeScript support",
 	"private": false,
-	"version": "0.0.56",
+	"version": "0.0.57",
 	"type": "module",
 	"keywords": [
 		"svelte",