soda-heroui 0.7.4 → 0.7.5

package/dist/components/FormAutocomplete.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from "react";
 import { Autocomplete } from "@heroui/react";
-import { Key } from "@react-types/shared";
 import { FieldComponentProps } from "soda-tanstack-form";
-export interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object> extends FieldComponentProps<typeof Autocomplete<RenderItem>, FieldValue> {
+export interface FormAutocompleteProps<FieldValue extends string | null | undefined = string | null | undefined, RenderItem extends object = object> extends FieldComponentProps<typeof Autocomplete<RenderItem>, FieldValue> {
 }
-export declare function FormAutocomplete<FieldValue extends string | undefined = string | undefined, RenderItem extends object = object>({ field, ...rest }: FormAutocompleteProps<FieldValue, RenderItem>): ReactNode;
+export declare function FormAutocomplete<FieldValue extends string | null | undefined = string | null | undefined, RenderItem extends object = object>({ field, ...rest }: FormAutocompleteProps<FieldValue, RenderItem>): ReactNode;

package/dist/components/FormCalendar.cjs

@@ -28,13 +28,21 @@ __webpack_require__.d(__webpack_exports__, {
     FormCalendar: ()=>FormCalendar
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
+const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const external_FormTimeInput_cjs_namespaceObject = require("./FormTimeInput.cjs");
-function FormCalendar({ field, valueMode, ...rest }) {
+function FormCalendar({ field, valueMode, emptyValue, ...rest }) {
+    const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
+    emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Calendar, {
         value: (0, external_FormTimeInput_cjs_namespaceObject.getFieldValue)(field),
-        onChange: (0, external_FormTimeInput_cjs_namespaceObject.getOnChange)(field, valueMode),
+        onChange: (0, external_FormTimeInput_cjs_namespaceObject.getOnChange)({
+            field,
+            valueMode,
+            emptyValue
+        }),
         ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
         ...rest
     });

package/dist/components/FormCalendar.d.ts

@@ -2,8 +2,10 @@ import { ReactNode } from "react";
 import { Calendar } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
+import { EmptyValue } from "./FormProvider";
 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>, never> {
+export interface FormCalendarProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, never> {
     valueMode?: ValueMode;
+    emptyValue?: EmptyValue;
 }
-export declare function FormCalendar<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined>({ field, valueMode, ...rest }: FormCalendarProps<ValueMode, FieldValue>): ReactNode;
+export declare function FormCalendar<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined>({ field, valueMode, emptyValue, ...rest }: FormCalendarProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormCalendar.js

@@ -1,12 +1,20 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__ from "./FormTimeInput.js";
-function FormCalendar({ field, valueMode, ...rest }) {
+function FormCalendar({ field, valueMode, emptyValue, ...rest }) {
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
+    emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.Calendar, {
         value: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getFieldValue)(field),
-        onChange: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getOnChange)(field, valueMode),
+        onChange: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getOnChange)({
+            field,
+            valueMode,
+            emptyValue
+        }),
         ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
         ...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>, never> {
+export interface FormCheckboxProps<FieldValue extends boolean | null | undefined = boolean | null | undefined> extends StrictOmit<FieldComponentProps<typeof Checkbox, FieldValue>, never> {
 }
-export declare function FormCheckbox<FieldValue extends boolean | undefined = boolean | undefined>({ field, ...rest }: FormCheckboxProps<FieldValue>): ReactNode;
+export declare function FormCheckbox<FieldValue extends boolean | null | undefined = boolean | null | undefined>({ field, ...rest }: FormCheckboxProps<FieldValue>): ReactNode;

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>, never> {
+export interface FormCheckboxGroupProps<FieldValue extends string[] | null | undefined = string[] | null | undefined> extends StrictOmit<FieldComponentProps<typeof CheckboxGroup, FieldValue>, never> {
 }
-export declare function FormCheckboxGroup<FieldValue extends string[] | undefined = string[] | undefined>({ field, ...rest }: FormCheckboxGroupProps<FieldValue>): ReactNode;
+export declare function FormCheckboxGroup<FieldValue extends string[] | null | undefined = string[] | null | undefined>({ field, ...rest }: FormCheckboxGroupProps<FieldValue>): ReactNode;

package/dist/components/FormDateInput.cjs

@@ -28,13 +28,21 @@ __webpack_require__.d(__webpack_exports__, {
     FormDateInput: ()=>FormDateInput
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
+const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const external_FormTimeInput_cjs_namespaceObject = require("./FormTimeInput.cjs");
-function FormDateInput({ field, valueMode, ...rest }) {
+function FormDateInput({ field, valueMode, emptyValue, ...rest }) {
+    const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
+    emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.DateInput, {
         value: (0, external_FormTimeInput_cjs_namespaceObject.getFieldValue)(field),
-        onChange: (0, external_FormTimeInput_cjs_namespaceObject.getOnChange)(field, valueMode),
+        onChange: (0, external_FormTimeInput_cjs_namespaceObject.getOnChange)({
+            field,
+            valueMode,
+            emptyValue
+        }),
         ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
         ...rest
     });

package/dist/components/FormDateInput.d.ts

@@ -2,8 +2,10 @@ import { ReactNode } from "react";
 import { DateInput } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
+import { EmptyValue } from "./FormProvider";
 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>, never> {
+export interface FormDateInputProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, never> {
     valueMode?: ValueMode;
+    emptyValue?: EmptyValue;
 }
-export declare function FormDateInput<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined>({ field, valueMode, ...rest }: FormDateInputProps<ValueMode, FieldValue>): ReactNode;
+export declare function FormDateInput<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined>({ field, valueMode, emptyValue, ...rest }: FormDateInputProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormDateInput.js

@@ -1,12 +1,20 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__ from "./FormTimeInput.js";
-function FormDateInput({ field, valueMode, ...rest }) {
+function FormDateInput({ field, valueMode, emptyValue, ...rest }) {
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
+    emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.DateInput, {
         value: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getFieldValue)(field),
-        onChange: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getOnChange)(field, valueMode),
+        onChange: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getOnChange)({
+            field,
+            valueMode,
+            emptyValue
+        }),
         ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
         ...rest
     });

package/dist/components/FormDatePicker.cjs

@@ -28,13 +28,21 @@ __webpack_require__.d(__webpack_exports__, {
     FormDatePicker: ()=>FormDatePicker
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
+const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const external_FormTimeInput_cjs_namespaceObject = require("./FormTimeInput.cjs");
-function FormDatePicker({ field, valueMode, ...rest }) {
+function FormDatePicker({ field, valueMode, emptyValue, ...rest }) {
+    const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
+    emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.DatePicker, {
         value: (0, external_FormTimeInput_cjs_namespaceObject.getFieldValue)(field),
-        onChange: (0, external_FormTimeInput_cjs_namespaceObject.getOnChange)(field, valueMode),
+        onChange: (0, external_FormTimeInput_cjs_namespaceObject.getOnChange)({
+            field,
+            valueMode,
+            emptyValue
+        }),
         ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
         ...rest
     });

package/dist/components/FormDatePicker.d.ts

@@ -2,8 +2,10 @@ import { ReactNode } from "react";
 import { DatePicker } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
+import { EmptyValue } from "./FormProvider";
 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>, never> {
+export interface FormDatePickerProps<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined> extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, never> {
     valueMode?: ValueMode;
+    emptyValue?: EmptyValue;
 }
-export declare function FormDatePicker<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined>({ field, valueMode, ...rest }: FormDatePickerProps<ValueMode, FieldValue>): ReactNode;
+export declare function FormDatePicker<ValueMode extends TimeValueMode = "date", FieldValue extends TimeValueModeMap<ValueMode> | null | undefined = TimeValueModeMap<ValueMode> | null | undefined>({ field, valueMode, emptyValue, ...rest }: FormDatePickerProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormDatePicker.js

@@ -1,12 +1,20 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__ from "./FormTimeInput.js";
-function FormDatePicker({ field, valueMode, ...rest }) {
+function FormDatePicker({ field, valueMode, emptyValue, ...rest }) {
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
+    emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.DatePicker, {
         value: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getFieldValue)(field),
-        onChange: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getOnChange)(field, valueMode),
+        onChange: (0, __WEBPACK_EXTERNAL_MODULE__FormTimeInput_js_9364800a__.getOnChange)({
+            field,
+            valueMode,
+            emptyValue
+        }),
         ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
         ...rest
     });

package/dist/components/FormDateRangePicker.cjs

@@ -28,13 +28,22 @@ __webpack_require__.d(__webpack_exports__, {
     FormDateRangePicker: ()=>FormDateRangePicker
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
+const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 const external_FormRangeCalendar_cjs_namespaceObject = require("./FormRangeCalendar.cjs");
-function FormDateRangePicker({ field, valueMode, ...rest }) {
+function FormDateRangePicker({ field: _field, valueMode, emptyValue, ...rest }) {
+    const field = _field;
+    const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
+    emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.DateRangePicker, {
         value: (0, external_FormRangeCalendar_cjs_namespaceObject.getFieldRangeValue)(field),
-        onChange: (0, external_FormRangeCalendar_cjs_namespaceObject.getOnRangeChange)(field, valueMode),
+        onChange: (0, external_FormRangeCalendar_cjs_namespaceObject.getOnRangeChange)({
+            field,
+            valueMode,
+            emptyValue
+        }),
         ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
         ...rest
     });

package/dist/components/FormDateRangePicker.d.ts

@@ -2,8 +2,10 @@ import { ReactNode } from "react";
 import { DateRangePicker } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
+import { EmptyValue } from "./FormProvider";
 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>, never> {
+export interface FormDateRangePickerProps<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined> extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, never> {
     valueMode?: ValueMode;
+    emptyValue?: EmptyValue;
 }
-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;
+export declare function FormDateRangePicker<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined>({ field: _field, valueMode, emptyValue, ...rest }: FormDateRangePickerProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormDateRangePicker.js

@@ -1,12 +1,21 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FormRangeCalendar_js_70d23bc2__ from "./FormRangeCalendar.js";
-function FormDateRangePicker({ field, valueMode, ...rest }) {
+function FormDateRangePicker({ field: _field, valueMode, emptyValue, ...rest }) {
+    const field = _field;
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
+    emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.DateRangePicker, {
         value: (0, __WEBPACK_EXTERNAL_MODULE__FormRangeCalendar_js_70d23bc2__.getFieldRangeValue)(field),
-        onChange: (0, __WEBPACK_EXTERNAL_MODULE__FormRangeCalendar_js_70d23bc2__.getOnRangeChange)(field, valueMode),
+        onChange: (0, __WEBPACK_EXTERNAL_MODULE__FormRangeCalendar_js_70d23bc2__.getOnRangeChange)({
+            field,
+            valueMode,
+            emptyValue
+        }),
         ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
         ...rest
     });

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>, never> {
+export interface FormInputProps<FieldValue extends string | null | undefined = string | null | undefined> extends StrictOmit<FieldComponentProps<typeof Input, FieldValue>, never> {
 }
-export declare function FormInput<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormInputProps<FieldValue>): ReactNode;
+export declare function FormInput<FieldValue extends string | null | undefined = string | null | 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>, never> {
+export interface FormInputOtpProps<FieldValue extends string | null | undefined = string | null | undefined> extends StrictOmit<FieldComponentProps<typeof InputOtp, FieldValue>, never> {
 }
-export declare function FormInputOtp<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormInputOtpProps<FieldValue>): ReactNode;
+export declare function FormInputOtp<FieldValue extends string | null | undefined = string | null | 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>, never> {
+export interface FormNumberInputProps<FieldValue extends number | null | undefined = number | null | undefined> extends StrictOmit<FieldComponentProps<typeof NumberInput, FieldValue>, never> {
 }
-export declare function FormNumberInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormNumberInputProps<FieldValue>): ReactNode;
+export declare function FormNumberInput<FieldValue extends number | null | undefined = number | null | undefined>({ field, ...rest }: FormNumberInputProps<FieldValue>): ReactNode;

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>, never> {
+export interface FormPaginationProps<FieldValue extends number | null | undefined = number | null | undefined> extends StrictOmit<FieldComponentProps<typeof Pagination, FieldValue>, never> {
 }
-export declare function FormPagination<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormPaginationProps<FieldValue>): ReactNode;
+export declare function FormPagination<FieldValue extends number | null | undefined = number | null | undefined>({ field, ...rest }: FormPaginationProps<FieldValue>): ReactNode;

package/dist/components/FormProvider.cjs

@@ -0,0 +1,61 @@
+"use client"
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    FormProvider: ()=>FormProvider,
+    getEmptyValue: ()=>getEmptyValue,
+    FormContext: ()=>FormContext
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+function getEmptyValue(value) {
+    return "undefined" === value ? void 0 : null;
+}
+const FormContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({
+    emptyValue: "null"
+});
+const FormProvider = ({ children, emptyValue })=>{
+    const config = (0, external_react_namespaceObject.useContext)(FormContext);
+    const newConfig = (0, external_deepsea_tools_namespaceObject.assign)(config, {
+        emptyValue
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormContext, {
+        value: newConfig,
+        children: children
+    });
+};
+exports.FormContext = __webpack_exports__.FormContext;
+exports.FormProvider = __webpack_exports__.FormProvider;
+exports.getEmptyValue = __webpack_exports__.getEmptyValue;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "FormContext",
+    "FormProvider",
+    "getEmptyValue"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/FormProvider.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from "react";
+export type EmptyValue = "null" | "undefined";
+export type GetEmptyValue<T extends EmptyValue> = T extends "undefined" ? undefined : null;
+export declare function getEmptyValue<T extends EmptyValue = "null">(value?: T): GetEmptyValue<T>;
+export interface FormContext {
+    /**
+     * 空值设置，默认是 null
+     */
+    emptyValue: EmptyValue;
+}
+export declare const FormContext: import("react").Context<FormContext>;
+export interface FormProviderProps extends Partial<FormContext> {
+    children?: ReactNode;
+}
+export declare const FormProvider: FC<FormProviderProps>;

package/dist/components/FormProvider.js

@@ -0,0 +1,21 @@
+"use client"
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
+function getEmptyValue(value) {
+    return "undefined" === value ? void 0 : null;
+}
+const FormContext = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)({
+    emptyValue: "null"
+});
+const FormProvider = ({ children, emptyValue })=>{
+    const config = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(FormContext);
+    const newConfig = (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.assign)(config, {
+        emptyValue
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FormContext, {
+        value: newConfig,
+        children: children
+    });
+};
+export { FormContext, FormProvider, getEmptyValue };

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>, never> {
+export interface FormRadioGroupProps<FieldValue extends string | null | undefined = string | null | undefined> extends StrictOmit<FieldComponentProps<typeof RadioGroup, FieldValue>, never> {
 }
-export declare function FormRadioGroup<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormRadioGroupProps<FieldValue>): ReactNode;
+export declare function FormRadioGroup<FieldValue extends string | null | undefined = string | null | undefined>({ field, ...rest }: FormRadioGroupProps<FieldValue>): ReactNode;

package/dist/components/FormRangeCalendar.cjs

@@ -32,11 +32,13 @@ __webpack_require__.d(__webpack_exports__, {
     getOnRangeChange: ()=>getOnRangeChange
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const getTimeValue_cjs_namespaceObject = require("../utils/getTimeValue.cjs");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
 const parseTime_cjs_namespaceObject = require("../utils/parseTime.cjs");
+const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
 function getRangeValue(value) {
     return (0, external_deepsea_tools_namespaceObject.isNonNullable)(value) ? {
         start: (0, parseTime_cjs_namespaceObject.parseTime)(value[0].valueOf()),
@@ -46,8 +48,8 @@ function getRangeValue(value) {
 function getFieldRangeValue(field) {
     return getRangeValue(field.state.value);
 }
-function getRangeUpdater(value, valueMode) {
-    if (!(0, external_deepsea_tools_namespaceObject.isNonNullable)(value)) return;
+function getRangeUpdater({ value, valueMode, emptyValue }) {
+    if (!(0, external_deepsea_tools_namespaceObject.isNonNullable)(value)) return (0, external_FormProvider_cjs_namespaceObject.getEmptyValue)(emptyValue);
     if ("timestamp" === valueMode) return [
         (0, getTimeValue_cjs_namespaceObject.getTimeValue)(value.start),
         (0, getTimeValue_cjs_namespaceObject.getTimeValue)(value.end)
@@ -60,15 +62,26 @@ function getRangeUpdater(value, valueMode) {
     }
     return updater;
 }
-function getOnRangeChange(field, valueMode) {
+function getOnRangeChange({ field, valueMode, emptyValue }) {
     return function(value) {
-        field.handleChange(getRangeUpdater(value, valueMode));
+        field.handleChange(getRangeUpdater({
+            value,
+            valueMode,
+            emptyValue
+        }));
     };
 }
-function FormRangeCalendar({ field, valueMode, ...rest }) {
+function FormRangeCalendar({ field: _field, valueMode, emptyValue, ...rest }) {
+    const field = _field;
+    const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
+    emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.RangeCalendar, {
         value: getFieldRangeValue(field),
-        onChange: getOnRangeChange(field, valueMode),
+        onChange: getOnRangeChange({
+            field,
+            valueMode,
+            emptyValue
+        }),
         ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
         ...rest
     });

package/dist/components/FormRangeCalendar.d.ts

@@ -2,12 +2,24 @@ import { ReactNode, SetStateAction } from "react";
 import { DateValue, RangeCalendar, RangeValue } from "@heroui/react";
 import { Field, FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
+import { EmptyValue } from "./FormProvider";
 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>, never> {
+export interface FormRangeCalendarProps<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined> extends StrictOmit<FieldComponentProps<typeof RangeCalendar, FieldValue>, never> {
     valueMode?: ValueMode;
+    emptyValue?: EmptyValue;
 }
-export declare function getRangeValue(value: [Date, Date] | [number, number] | undefined): RangeValue<DateValue> | null;
-export declare function getFieldRangeValue<T extends [Date, Date] | [number, number] | undefined>(field: Field<T>): RangeValue<DateValue> | null;
-export declare function getRangeUpdater(value: RangeValue<DateValue> | null, valueMode?: TimeValueMode): SetStateAction<[Date, Date] | [number, number] | undefined>;
-export declare function getOnRangeChange<T extends [Date, Date] | [number, number] | undefined>(field: Field<T>, valueMode?: TimeValueMode): (value: RangeValue<DateValue> | null) => void;
-export declare function FormRangeCalendar<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined>({ field, valueMode, ...rest }: FormRangeCalendarProps<ValueMode, FieldValue>): ReactNode;
+export declare function getRangeValue(value: [Date, Date] | [number, number] | null | undefined): RangeValue<DateValue> | null;
+export declare function getFieldRangeValue<T extends [Date, Date] | [number, number] | null | undefined>(field: Field<T>): RangeValue<DateValue> | null;
+export interface GetRangeUpdaterParams {
+    value: RangeValue<DateValue> | null;
+    valueMode?: TimeValueMode;
+    emptyValue?: EmptyValue;
+}
+export declare function getRangeUpdater({ value, valueMode, emptyValue }: GetRangeUpdaterParams): SetStateAction<[Date, Date] | [number, number] | null | undefined>;
+export interface GetOnRangeChangeParams<T extends [Date, Date] | [number, number] | null | undefined> {
+    field: Field<T>;
+    valueMode?: TimeValueMode;
+    emptyValue?: EmptyValue;
+}
+export declare function getOnRangeChange<T extends [Date, Date] | [number, number] | null | undefined>({ field, valueMode, emptyValue }: GetOnRangeChangeParams<T>): (value: RangeValue<DateValue> | null) => void;
+export declare function FormRangeCalendar<ValueMode extends TimeValueMode = "date", FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined = [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | null | undefined>({ field: _field, valueMode, emptyValue, ...rest }: FormRangeCalendarProps<ValueMode, FieldValue>): ReactNode;

package/dist/components/FormRangeCalendar.js

@@ -1,10 +1,12 @@
 "use client"
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__ from "@heroui/react";
 import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getTimeValue_js_9ba8f683__ from "../utils/getTimeValue.js";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__ from "../utils/getFieldProps.js";
 import * as __WEBPACK_EXTERNAL_MODULE__utils_parseTime_js_d0890db8__ from "../utils/parseTime.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__ from "./FormProvider.js";
 function getRangeValue(value) {
     return (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(value) ? {
         start: (0, __WEBPACK_EXTERNAL_MODULE__utils_parseTime_js_d0890db8__.parseTime)(value[0].valueOf()),
@@ -14,8 +16,8 @@ function getRangeValue(value) {
 function getFieldRangeValue(field) {
     return getRangeValue(field.state.value);
 }
-function getRangeUpdater(value, valueMode) {
-    if (!(0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(value)) return;
+function getRangeUpdater({ value, valueMode, emptyValue }) {
+    if (!(0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(value)) return (0, __WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.getEmptyValue)(emptyValue);
     if ("timestamp" === valueMode) return [
         (0, __WEBPACK_EXTERNAL_MODULE__utils_getTimeValue_js_9ba8f683__.getTimeValue)(value.start),
         (0, __WEBPACK_EXTERNAL_MODULE__utils_getTimeValue_js_9ba8f683__.getTimeValue)(value.end)
@@ -28,15 +30,26 @@ function getRangeUpdater(value, valueMode) {
     }
     return updater;
 }
-function getOnRangeChange(field, valueMode) {
+function getOnRangeChange({ field, valueMode, emptyValue }) {
     return function(value) {
-        field.handleChange(getRangeUpdater(value, valueMode));
+        field.handleChange(getRangeUpdater({
+            value,
+            valueMode,
+            emptyValue
+        }));
     };
 }
-function FormRangeCalendar({ field, valueMode, ...rest }) {
+function FormRangeCalendar({ field: _field, valueMode, emptyValue, ...rest }) {
+    const field = _field;
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__FormProvider_js_a80efa64__.FormContext);
+    emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__heroui_react_7b65ca80__.RangeCalendar, {
         value: getFieldRangeValue(field),
-        onChange: getOnRangeChange(field, valueMode),
+        onChange: getOnRangeChange({
+            field,
+            valueMode,
+            emptyValue
+        }),
         ...(0, __WEBPACK_EXTERNAL_MODULE__utils_getFieldProps_js_0615ad2a__.getFieldProps)(field),
         ...rest
     });

package/dist/components/FormSelect.cjs

@@ -28,17 +28,21 @@ __webpack_require__.d(__webpack_exports__, {
     FormSelect: ()=>FormSelect
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@heroui/react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const getFieldProps_cjs_namespaceObject = require("../utils/getFieldProps.cjs");
-function FormSelect({ field, multiple, ...rest }) {
+const external_FormProvider_cjs_namespaceObject = require("./FormProvider.cjs");
+function FormSelect({ field, multiple, emptyValue, ...rest }) {
+    const context = (0, external_react_namespaceObject.useContext)(external_FormProvider_cjs_namespaceObject.FormContext);
+    emptyValue ??= context.emptyValue;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Select, {
         selectedKeys: (0, external_deepsea_tools_namespaceObject.isNonNullable)(field.state.value) ? multiple ? field.state.value : [
             field.state.value
         ] : [],
         onSelectionChange: (keys)=>{
             const value = Array.from(keys);
-            field.handleChange(multiple ? value : value.at(0));
+            field.handleChange(multiple ? value : value.at(0) ?? (0, external_FormProvider_cjs_namespaceObject.getEmptyValue)(emptyValue));
         },
         ...(0, getFieldProps_cjs_namespaceObject.getFieldProps)(field),
         ...rest