fix: input props type

kobaltedev · Feb 25, 2024 · faad31f · faad31f
1 parent 21a8d65
commit faad31f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/packages/core/src/checkbox/checkbox-input.tsx b/packages/core/src/checkbox/checkbox-input.tsx
@@ -14,7 +14,14 @@ import {
 	mergeRefs,
 	visuallyHiddenStyles,
 } from "@kobalte/utils";
-import { JSX, createEffect, createSignal, on, splitProps } from "solid-js";
+import {
+	ComponentProps,
+	JSX,
+	createEffect,
+	createSignal,
+	on,
+	splitProps,
+} from "solid-js";
 
 import {
 	FORM_CONTROL_FIELD_PROP_NAMES,
@@ -155,7 +162,7 @@ export function CheckboxInput(props: CheckboxInputProps) {
 			onBlur={onBlur}
 			{...formControlContext.dataset()}
 			{...context.dataset()}
-			{...others}
+			{...(others as ComponentProps<"input">)}
 		/>
 	);
 }
diff --git a/packages/core/src/radio-group/radio-group-item-input.tsx b/packages/core/src/radio-group/radio-group-item-input.tsx
@@ -14,6 +14,7 @@ import {
 	visuallyHiddenStyles,
 } from "@kobalte/utils";
 import {
+	ComponentProps,
 	JSX,
 	createEffect,
 	createSignal,
@@ -161,7 +162,7 @@ export function RadioGroupItemInput(props: RadioGroupItemInputProps) {
 			onFocus={onFocus}
 			onBlur={onBlur}
 			{...radioContext.dataset()}
-			{...others}
+			{...(others as ComponentProps<"input">)}
 		/>
 	);
 }
diff --git a/packages/core/src/switch/switch-input.tsx b/packages/core/src/switch/switch-input.tsx
@@ -14,7 +14,7 @@ import {
 	mergeRefs,
 	visuallyHiddenStyles,
 } from "@kobalte/utils";
-import { JSX, splitProps } from "solid-js";
+import { ComponentProps, JSX, splitProps } from "solid-js";
 
 import {
 	FORM_CONTROL_FIELD_PROP_NAMES,
@@ -110,7 +110,7 @@ export function SwitchInput(props: SwitchInputProps) {
 			onBlur={onBlur}
 			{...formControlContext.dataset()}
 			{...context.dataset()}
-			{...others}
+			{...(others as ComponentProps<"input">)}
 		/>
 	);
 }