soda-heroui 0.4.1 → 0.4.3

package/dist/components/FormCalendar.d.ts

@@ -3,7 +3,7 @@ import { Calendar } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
-export interface FormCalendarProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, "children"> {
+export interface FormCalendarProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, never> {
     valueMode?: ValueMode;
 }
 export declare function FormCalendar<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined>({ field, valueMode, ...rest }: FormCalendarProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormCheckbox.cjs

@@ -34,7 +34,7 @@ function FormCheckbox({ field, ...rest }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Checkbox, {
         isSelected: field.state.value ?? false,
         onValueChange: field.handleChange,
-        ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
+        ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field, true),
         ...rest
     });
 }

package/dist/components/FormCheckbox.d.ts

@@ -2,6 +2,6 @@ import { ReactNode } from "react";
 import { Checkbox } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormCheckboxProps<FieldValue extends boolean | undefined = boolean | undefined> extends StrictOmit<FieldComponentProps<typeof Checkbox, FieldValue>, "children"> {
+export interface FormCheckboxProps<FieldValue extends boolean | undefined = boolean | undefined> extends StrictOmit<FieldComponentProps<typeof Checkbox, FieldValue>, never> {
 }
 export declare function FormCheckbox<FieldValue extends boolean | undefined = boolean | undefined>({ field, ...rest }: FormCheckboxProps<FieldValue>): ReactNode;

package/dist/components/FormCheckbox.js

@@ -6,7 +6,7 @@ function FormCheckbox({ field, ...rest }) {
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Checkbox, {
         isSelected: field.state.value ?? false,
         onValueChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field, true),
         ...rest
     });
 }

package/dist/components/FormCheckboxGroup.d.ts

@@ -2,6 +2,6 @@ import { ReactNode } from "react";
 import { CheckboxGroup } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormCheckboxGroupProps<FieldValue extends string[] | undefined = string[] | undefined> extends StrictOmit<FieldComponentProps<typeof CheckboxGroup, FieldValue>, "children"> {
+export interface FormCheckboxGroupProps<FieldValue extends string[] | undefined = string[] | undefined> extends StrictOmit<FieldComponentProps<typeof CheckboxGroup, FieldValue>, never> {
 }
 export declare function FormCheckboxGroup<FieldValue extends string[] | undefined = string[] | undefined>({ field, ...rest }: FormCheckboxGroupProps<FieldValue>): ReactNode;

package/dist/components/FormDateInput.d.ts

@@ -3,7 +3,7 @@ import { DateInput } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
-export interface FormDateInputProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, "children"> {
+export interface FormDateInputProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, never> {
     valueMode?: ValueMode;
 }
 export declare function FormDateInput<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined>({ field, valueMode, ...rest }: FormDateInputProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormDatePicker.d.ts

@@ -3,7 +3,7 @@ import { DatePicker } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
-export interface FormDatePickerProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, "children"> {
+export interface FormDatePickerProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, never> {
     valueMode?: ValueMode;
 }
 export declare function FormDatePicker<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined>({ field, valueMode, ...rest }: FormDatePickerProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormDateRangePicker.d.ts

@@ -3,7 +3,7 @@ import { DateRangePicker } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
-export interface FormDateRangePickerProps<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined> extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, "children"> {
+export interface FormDateRangePickerProps<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined> extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, never> {
     valueMode?: ValueMode;
 }
 export declare function FormDateRangePicker<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined>({ field, valueMode, ...rest }: FormDateRangePickerProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormInput.d.ts

@@ -2,6 +2,6 @@ import { ReactNode } from "react";
 import { Input } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormInputProps<FieldValue extends string | undefined = string | undefined> extends StrictOmit<FieldComponentProps<typeof Input, FieldValue>, "children"> {
+export interface FormInputProps<FieldValue extends string | undefined = string | undefined> extends StrictOmit<FieldComponentProps<typeof Input, FieldValue>, never> {
 }
 export declare function FormInput<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormInputProps<FieldValue>): ReactNode;

package/dist/components/FormInputOtp.d.ts

@@ -2,6 +2,6 @@ import { ReactNode } from "react";
 import { InputOtp } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormInputOtpProps<FieldValue extends string | undefined = string | undefined> extends StrictOmit<FieldComponentProps<typeof InputOtp, FieldValue>, "children"> {
+export interface FormInputOtpProps<FieldValue extends string | undefined = string | undefined> extends StrictOmit<FieldComponentProps<typeof InputOtp, FieldValue>, never> {
 }
 export declare function FormInputOtp<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormInputOtpProps<FieldValue>): ReactNode;

package/dist/components/FormNumberInput.d.ts

@@ -2,6 +2,6 @@ import { ReactNode } from "react";
 import { NumberInput } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormNumberInputProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof NumberInput, FieldValue>, "children"> {
+export interface FormNumberInputProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof NumberInput, FieldValue>, never> {
 }
 export declare function FormNumberInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormNumberInputProps<FieldValue>): ReactNode;

package/dist/components/FormPagination.cjs

@@ -34,7 +34,7 @@ function FormPagination({ field, ...rest }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Pagination, {
         page: field.state.value ?? 1,
         onPageChange: field.handleChange,
-        ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
+        ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field, true),
         ...rest
     });
 }

package/dist/components/FormPagination.d.ts

@@ -2,6 +2,6 @@ import { ReactNode } from "react";
 import { Pagination } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormPaginationProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof Pagination, FieldValue>, "children"> {
+export interface FormPaginationProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof Pagination, FieldValue>, never> {
 }
 export declare function FormPagination<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormPaginationProps<FieldValue>): ReactNode;

package/dist/components/FormPagination.js

@@ -6,7 +6,7 @@ function FormPagination({ field, ...rest }) {
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Pagination, {
         page: field.state.value ?? 1,
         onPageChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field, true),
         ...rest
     });
 }

package/dist/components/FormRadioGroup.d.ts

@@ -2,6 +2,6 @@ import { ReactNode } from "react";
 import { RadioGroup } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormRadioGroupProps<FieldValue extends string | undefined = string | undefined> extends StrictOmit<FieldComponentProps<typeof RadioGroup, FieldValue>, "children"> {
+export interface FormRadioGroupProps<FieldValue extends string | undefined = string | undefined> extends StrictOmit<FieldComponentProps<typeof RadioGroup, FieldValue>, never> {
 }
 export declare function FormRadioGroup<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormRadioGroupProps<FieldValue>): ReactNode;

package/dist/components/FormRangeCalendar.d.ts

@@ -3,7 +3,7 @@ import { DateValue, RangeCalendar, RangeValue } from "@heroui/react";
 import { Field, FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
 import { TimeValueMode, TimeValueModeMap } from "./FormTimeInput";
-export interface FormRangeCalendarProps<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined> extends StrictOmit<FieldComponentProps<typeof RangeCalendar, FieldValue>, "children"> {
+export interface FormRangeCalendarProps<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined> extends StrictOmit<FieldComponentProps<typeof RangeCalendar, FieldValue>, never> {
     valueMode?: ValueMode;
 }
 export declare function getRangeValue(value: [Date, Date] | [number, number] | undefined): RangeValue<DateValue> | null;

package/dist/components/FormSwitch.cjs

@@ -34,7 +34,7 @@ function FormSwitch({ field, ...rest }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Switch, {
         isSelected: field.state.value ?? false,
         onValueChange: field.handleChange,
-        ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
+        ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field, true),
         ...rest
     });
 }

package/dist/components/FormSwitch.js

@@ -6,7 +6,7 @@ function FormSwitch({ field, ...rest }) {
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Switch, {
         isSelected: field.state.value ?? false,
         onValueChange: field.handleChange,
-        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
+        ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field, true),
         ...rest
     });
 }

package/dist/components/FormTextarea.d.ts

@@ -2,6 +2,6 @@ import { ReactNode } from "react";
 import { Textarea } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormTextareaProps<FieldValue extends string | undefined = string | undefined> extends StrictOmit<FieldComponentProps<typeof Textarea, FieldValue>, "children"> {
+export interface FormTextareaProps<FieldValue extends string | undefined = string | undefined> extends StrictOmit<FieldComponentProps<typeof Textarea, FieldValue>, never> {
 }
 export declare function FormTextarea<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormTextareaProps<FieldValue>): ReactNode;

package/dist/components/FormTimeInput.d.ts

@@ -6,7 +6,7 @@ import { StrictOmit } from "soda-type";
 export type TimeValue = Date | number;
 export type TimeValueMode = "date" | "timestamp";
 export type TimeValueModeMap<ValueMode extends TimeValueMode> = ValueMode extends "date" ? Date : ValueMode extends "timestamp" ? number : never;
-export interface FormTimeInputProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof TimeInput, FieldValue>, "children"> {
+export interface FormTimeInputProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined> extends StrictOmit<FieldComponentProps<typeof TimeInput, FieldValue>, never> {
     valueMode?: ValueMode;
 }
 export declare function getValue(value: Date | number | undefined): ZonedDateTime | null;

package/dist/utils/getFieldProps.cjs

@@ -29,8 +29,11 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const ErrorMessage_cjs_namespaceObject = require("../components/ErrorMessage.cjs");
 const external_isFieldInvalid_cjs_namespaceObject = require("./isFieldInvalid.cjs");
-function getFieldProps(field) {
-    return {
+function getFieldProps(field, noErrorMessage) {
+    return noErrorMessage ? {
+        onBlur: field.handleBlur,
+        isInvalid: (0, external_isFieldInvalid_cjs_namespaceObject.isFieldInvalid)(field)
+    } : {
         onBlur: field.handleBlur,
         errorMessage: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ErrorMessage_cjs_namespaceObject.ErrorMessage, {
             data: field.state.meta.errors

package/dist/utils/getFieldProps.d.ts

@@ -5,4 +5,5 @@ export interface FieldProps {
     errorMessage: JSX.Element;
     isInvalid: boolean;
 }
-export declare function getFieldProps(field: Field<any>): FieldProps;
+export type FieldPropsWithoutErrorMessage = Omit<FieldProps, "errorMessage">;
+export declare function getFieldProps<T extends boolean = false>(field: Field<any>, noErrorMessage?: T): T extends true ? FieldPropsWithoutErrorMessage : FieldProps;

package/dist/utils/getFieldProps.js

@@ -1,8 +1,11 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE__components_ErrorMessage_js_8cec684c__ from "../components/ErrorMessage.js";
 import * as __WEBPACK_EXTERNAL_MODULE__isFieldInvalid_js_3e6d6d85__ from "./isFieldInvalid.js";
-function getFieldProps(field) {
-    return {
+function getFieldProps(field, noErrorMessage) {
+    return noErrorMessage ? {
+        onBlur: field.handleBlur,
+        isInvalid: (0, __WEBPACK_EXTERNAL_MODULE__isFieldInvalid_js_3e6d6d85__.isFieldInvalid)(field)
+    } : {
         onBlur: field.handleBlur,
         errorMessage: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__components_ErrorMessage_js_8cec684c__.ErrorMessage, {
             data: field.state.meta.errors

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soda-heroui",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "",
   "type": "module",
   "exports": {

package/src/components/FormCalendar.tsx

@@ -11,7 +11,7 @@ import { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from "./F
 export interface FormCalendarProps<
     ValueMode extends TimeValueMode = "date",
     FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,
-> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, "children"> {
+> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, never> {
     valueMode?: ValueMode
 }
 

package/src/components/FormCheckbox.tsx

@@ -8,10 +8,15 @@ import { StrictOmit } from "soda-type"
 import { getFieldProps } from "../utils/getFieldProps"
 
 export interface FormCheckboxProps<FieldValue extends boolean | undefined = boolean | undefined>
-    extends StrictOmit<FieldComponentProps<typeof Checkbox, FieldValue>, "children"> {}
+    extends StrictOmit<FieldComponentProps<typeof Checkbox, FieldValue>, never> {}
 
 export function FormCheckbox<FieldValue extends boolean | undefined = boolean | undefined>({ field, ...rest }: FormCheckboxProps<FieldValue>): ReactNode {
     return (
-        <Checkbox isSelected={field.state.value ?? false} onValueChange={field.handleChange as (value: boolean) => void} {...getFieldProps(field)} {...rest} />
+        <Checkbox
+            isSelected={field.state.value ?? false}
+            onValueChange={field.handleChange as (value: boolean) => void}
+            {...getFieldProps(field, true)}
+            {...rest}
+        />
     )
 }

package/src/components/FormCheckboxGroup.tsx

@@ -8,7 +8,7 @@ import { StrictOmit } from "soda-type"
 import { getFieldProps } from "../utils/getFieldProps"
 
 export interface FormCheckboxGroupProps<FieldValue extends string[] | undefined = string[] | undefined>
-    extends StrictOmit<FieldComponentProps<typeof CheckboxGroup, FieldValue>, "children"> {}
+    extends StrictOmit<FieldComponentProps<typeof CheckboxGroup, FieldValue>, never> {}
 
 export function FormCheckboxGroup<FieldValue extends string[] | undefined = string[] | undefined>({
     field,

package/src/components/FormDateInput.tsx

@@ -11,7 +11,7 @@ import { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from "./F
 export interface FormDateInputProps<
     ValueMode extends TimeValueMode = "date",
     FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,
-> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, "children"> {
+> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, never> {
     valueMode?: ValueMode
 }
 

package/src/components/FormDatePicker.tsx

@@ -11,7 +11,7 @@ import { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from "./F
 export interface FormDatePickerProps<
     ValueMode extends TimeValueMode = "date",
     FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,
-> extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, "children"> {
+> extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, never> {
     valueMode?: ValueMode
 }
 

package/src/components/FormDateRangePicker.tsx

@@ -14,7 +14,7 @@ export interface FormDateRangePickerProps<
     FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined =
         | [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>]
         | undefined,
-> extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, "children"> {
+> extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, never> {
     valueMode?: ValueMode
 }
 

package/src/components/FormInput.tsx

@@ -8,7 +8,7 @@ import { StrictOmit } from "soda-type"
 import { getFieldProps } from "../utils/getFieldProps"
 
 export interface FormInputProps<FieldValue extends string | undefined = string | undefined>
-    extends StrictOmit<FieldComponentProps<typeof Input, FieldValue>, "children"> {}
+    extends StrictOmit<FieldComponentProps<typeof Input, FieldValue>, never> {}
 
 export function FormInput<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormInputProps<FieldValue>): ReactNode {
     return <Input value={field.state.value ?? ""} onValueChange={field.handleChange as (value: string) => void} {...getFieldProps(field)} {...rest} />

package/src/components/FormInputOtp.tsx

@@ -8,7 +8,7 @@ import { StrictOmit } from "soda-type"
 import { getFieldProps } from "../utils/getFieldProps"
 
 export interface FormInputOtpProps<FieldValue extends string | undefined = string | undefined>
-    extends StrictOmit<FieldComponentProps<typeof InputOtp, FieldValue>, "children"> {}
+    extends StrictOmit<FieldComponentProps<typeof InputOtp, FieldValue>, never> {}
 
 export function FormInputOtp<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormInputOtpProps<FieldValue>): ReactNode {
     return <InputOtp value={field.state.value ?? ""} onValueChange={field.handleChange as (value: string) => void} {...getFieldProps(field)} {...rest} />

package/src/components/FormNumberInput.tsx

@@ -8,7 +8,7 @@ import { StrictOmit } from "soda-type"
 import { getFieldProps } from "../utils/getFieldProps"
 
 export interface FormNumberInputProps<FieldValue extends number | undefined = number | undefined>
-    extends StrictOmit<FieldComponentProps<typeof NumberInput, FieldValue>, "children"> {}
+    extends StrictOmit<FieldComponentProps<typeof NumberInput, FieldValue>, never> {}
 
 export function FormNumberInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormNumberInputProps<FieldValue>): ReactNode {
     return <NumberInput value={field.state.value ?? 0} onValueChange={field.handleChange as (value: number) => void} {...getFieldProps(field)} {...rest} />

package/src/components/FormPagination.tsx

@@ -8,8 +8,8 @@ import { StrictOmit } from "soda-type"
 import { getFieldProps } from "../utils/getFieldProps"
 
 export interface FormPaginationProps<FieldValue extends number | undefined = number | undefined>
-    extends StrictOmit<FieldComponentProps<typeof Pagination, FieldValue>, "children"> {}
+    extends StrictOmit<FieldComponentProps<typeof Pagination, FieldValue>, never> {}
 
 export function FormPagination<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormPaginationProps<FieldValue>): ReactNode {
-    return <Pagination page={field.state.value ?? 1} onPageChange={field.handleChange as (value: number) => void} {...getFieldProps(field)} {...rest} />
+    return <Pagination page={field.state.value ?? 1} onPageChange={field.handleChange as (value: number) => void} {...getFieldProps(field, true)} {...rest} />
 }

package/src/components/FormRadioGroup.tsx

@@ -8,7 +8,7 @@ import { StrictOmit } from "soda-type"
 import { getFieldProps } from "../utils/getFieldProps"
 
 export interface FormRadioGroupProps<FieldValue extends string | undefined = string | undefined>
-    extends StrictOmit<FieldComponentProps<typeof RadioGroup, FieldValue>, "children"> {}
+    extends StrictOmit<FieldComponentProps<typeof RadioGroup, FieldValue>, never> {}
 
 export function FormRadioGroup<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormRadioGroupProps<FieldValue>): ReactNode {
     return <RadioGroup value={field.state.value ?? ""} onValueChange={field.handleChange as (value: string) => void} {...getFieldProps(field)} {...rest} />

package/src/components/FormRangeCalendar.tsx

@@ -17,7 +17,7 @@ export interface FormRangeCalendarProps<
     FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined =
         | [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>]
         | undefined,
-> extends StrictOmit<FieldComponentProps<typeof RangeCalendar, FieldValue>, "children"> {
+> extends StrictOmit<FieldComponentProps<typeof RangeCalendar, FieldValue>, never> {
     valueMode?: ValueMode
 }
 

package/src/components/FormSwitch.tsx

@@ -11,5 +11,12 @@ export interface FormSwitchProps<FieldValue extends boolean | undefined = boolea
     extends StrictOmit<FieldComponentProps<typeof Switch, FieldValue>, never> {}
 
 export function FormSwitch<FieldValue extends boolean | undefined = boolean | undefined>({ field, ...rest }: FormSwitchProps<FieldValue>): ReactNode {
-    return <Switch isSelected={field.state.value ?? false} onValueChange={field.handleChange as (value: boolean) => void} {...getFieldProps(field)} {...rest} />
+    return (
+        <Switch
+            isSelected={field.state.value ?? false}
+            onValueChange={field.handleChange as (value: boolean) => void}
+            {...getFieldProps(field, true)}
+            {...rest}
+        />
+    )
 }

package/src/components/FormTextarea.tsx

@@ -8,7 +8,7 @@ import { StrictOmit } from "soda-type"
 import { getFieldProps } from "../utils/getFieldProps"
 
 export interface FormTextareaProps<FieldValue extends string | undefined = string | undefined>
-    extends StrictOmit<FieldComponentProps<typeof Textarea, FieldValue>, "children"> {}
+    extends StrictOmit<FieldComponentProps<typeof Textarea, FieldValue>, never> {}
 
 export function FormTextarea<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormTextareaProps<FieldValue>): ReactNode {
     return <Textarea value={field.state.value ?? ""} onValueChange={field.handleChange as (value: string) => void} {...getFieldProps(field)} {...rest} />

package/src/components/FormTimeInput.tsx

@@ -21,7 +21,7 @@ export type TimeValueModeMap<ValueMode extends TimeValueMode> = ValueMode extend
 export interface FormTimeInputProps<
     ValueMode extends TimeValueMode = "date",
     FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,
-> extends StrictOmit<FieldComponentProps<typeof TimeInput, FieldValue>, "children"> {
+> extends StrictOmit<FieldComponentProps<typeof TimeInput, FieldValue>, never> {
     valueMode?: ValueMode
 }
 

package/src/utils/getFieldProps.tsx

@@ -11,10 +11,19 @@ export interface FieldProps {
     isInvalid: boolean
 }
 
-export function getFieldProps(field: Field<any>): FieldProps {
-    return {
-        onBlur: field.handleBlur,
-        errorMessage: <ErrorMessage data={field.state.meta.errors} />,
-        isInvalid: isFieldInvalid(field),
-    }
+export type FieldPropsWithoutErrorMessage = Omit<FieldProps, "errorMessage">
+
+export function getFieldProps<T extends boolean = false>(field: Field<any>, noErrorMessage?: T): T extends true ? FieldPropsWithoutErrorMessage : FieldProps {
+    return (
+        noErrorMessage
+            ? {
+                  onBlur: field.handleBlur,
+                  isInvalid: isFieldInvalid(field),
+              }
+            : {
+                  onBlur: field.handleBlur,
+                  errorMessage: <ErrorMessage data={field.state.meta.errors} />,
+                  isInvalid: isFieldInvalid(field),
+              }
+    ) as T extends true ? FieldPropsWithoutErrorMessage : FieldProps
 }