@sveltia/ui 0.17.0 → 0.17.1

package/package/components/grid/grid.svelte

@@ -40,7 +40,9 @@
   role="grid"
   class="sui grid {className}"
   aria-multiselectable={multiple}
-  {onChange}
+  onChange={(/** @type {CustomEvent} */ event) => {
+    onChange?.(event);
+  }}
   use:activateGroup={{ clickToSelect }}
 >
   {@render children?.()}

package/package/components/menu/menu.svelte

@@ -40,7 +40,9 @@
   {hidden}
   aria-hidden={hidden}
   aria-disabled={disabled}
-  {onChange}
+  onChange={(/** @type {CustomEvent} */ event) => {
+    onChange?.(event);
+  }}
   use:activateGroup
 >
   {@render children?.()}

package/package/components/radio/radio-group.svelte

@@ -56,7 +56,9 @@
   aria-required={required}
   aria-invalid={invalid}
   aria-orientation={orientation}
-  {onChange}
+  onChange={(/** @type {CustomEvent} */ event) => {
+    onChange?.(event);
+  }}
   use:activateGroup
 >
   <div role="none" class="inner" inert={disabled}>

package/package/components/text-field/text-input.svelte

@@ -30,7 +30,6 @@
     invalid = false,
     'aria-label': ariaLabel,
     children,
-    onChange,
     ...restProps
     /* eslint-enable prefer-const */
   } = $props();
@@ -62,7 +61,6 @@
     aria-readonly={readonly}
     aria-required={required}
     aria-invalid={invalid}
-    {onChange}
     use:activateKeyShortcuts={keyShortcuts}
   />
   {#if ariaLabel && showInlineLabel}

package/package/typedefs.d.ts

@@ -455,10 +455,6 @@ export type TextInputProps = {
      * - Primary slot content.
      */
     children?: import("svelte").Snippet<[]> | undefined;
-    /**
-     * - Custom `Change` event handler.
-     */
-    onChange?: ((event: CustomEvent) => void) | undefined;
 };
 export type KeyboardEventHandlers = {
     /**
@@ -542,6 +538,10 @@ export type InputEventHandlers = {
      * - `beforeinput` event handler.
      */
     onbeforeinput?: ((event: Event) => void) | undefined;
+    /**
+     * - `change` event handler.
+     */
+    onchange?: ((event: Event) => void) | undefined;
 };
 export type PopupPosition = ("top-left" | "top-right" | "right-top" | "right-bottom" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom");
 export type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";

package/package/typedefs.js

@@ -154,7 +154,6 @@
  * `aria-invalid` attribute.
  * @property {string} [aria-label] - `aria-label` attribute.
  * @property {import('svelte').Snippet} [children] - Primary slot content.
- * @property {(event: CustomEvent) => void} [onChange] - Custom `Change` event handler.
  */
 
 /**
@@ -198,6 +197,7 @@
  * @typedef {object} InputEventHandlers
  * @property {(event: Event) => void} [oninput] - `input` event handler.
  * @property {(event: Event) => void} [onbeforeinput] - `beforeinput` event handler.
+ * @property {(event: Event) => void} [onchange] - `change` event handler.
  */
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.17.0",
+  "version": "0.17.1",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -51,7 +51,7 @@
     "@sveltejs/package": "^2.3.5",
     "@sveltejs/vite-plugin-svelte": "4.0.0-next.7",
     "cspell": "^8.14.2",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.30.0",
@@ -65,12 +65,12 @@
     "stylelint": "^16.9.0",
     "stylelint-config-recommended-scss": "^14.1.0",
     "stylelint-scss": "^6.6.0",
-    "svelte": "5.0.0-next.246",
+    "svelte": "5.0.0-next.247",
     "svelte-check": "^4.0.2",
     "svelte-i18n": "^4.0.0",
     "svelte-preprocess": "^6.0.2",
     "tslib": "^2.7.0",
-    "vite": "^5.4.5",
+    "vite": "^5.4.6",
     "vitest": "^2.1.1"
   },
   "exports": {