soda-heroui 0.1.2 → 0.3.0

package/dist/cjs/components/FormAutocomplete.d.ts

@@ -4,4 +4,4 @@ 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 declare function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object>({ field, ...rest }: FormAutocompleteProps<FieldValue, RenderItem>): ReactNode;
+export declare function FormAutocomplete<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormAutocompleteProps<FieldValue>): ReactNode;

package/dist/cjs/components/FormAutocomplete.js

@@ -24,22 +24,9 @@ __export(FormAutocomplete_exports, {
 });
 module.exports = __toCommonJS(FormAutocomplete_exports);
 var import_react = require("@heroui/react");
-var import_ErrorMessage = require("./ErrorMessage");
-function FormAutocomplete({
-  field,
-  ...rest
-}) {
-  return /* @__PURE__ */ React.createElement(
-    import_react.Autocomplete,
-    {
-      selectedKey: field.state.value ?? null,
-      onSelectionChange: (value) => field.handleChange(value ?? void 0),
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
-      ...rest
-    }
-  );
+var import_getFieldProps = require("../utils/getFieldProps");
+function FormAutocomplete({ field, ...rest }) {
+  return /* @__PURE__ */ React.createElement(import_react.Autocomplete, { value: field.state.value ?? "", onValueChange: field.handleChange, ...(0, import_getFieldProps.getFieldProps)(field), ...rest });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/FormAutocomplete.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormAutocomplete.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Autocomplete } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object>\n    extends FieldComponentProps<typeof Autocomplete<RenderItem>, FieldValue> {}\n\nexport function FormAutocomplete<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object>({\n    field,\n    ...rest\n}: FormAutocompleteProps<FieldValue, RenderItem>): ReactNode {\n    return (\n        <Autocomplete<RenderItem>\n            selectedKey={field.state.value ?? null}\n            onSelectionChange={value => field.handleChange((value ?? undefined) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA6B;AAI7B,0BAA6B;AAKtB,SAAS,iBAA2G;AAAA,EACvH;AAAA,EACA,GAAG;AACP,GAA6D;AACzD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAa,MAAM,MAAM,SAAS;AAAA,MAClC,mBAAmB,WAAS,MAAM,aAAc,SAAS,MAAwB;AAAA,MACjF,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Autocomplete } from \"@heroui/react\"\nimport { Key } from \"@react-types/shared\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\n\nexport interface FormAutocompleteProps<FieldValue extends Key | undefined = Key | undefined, RenderItem extends object = object>\n    extends FieldComponentProps<typeof Autocomplete<RenderItem>, FieldValue> {}\n\nexport function FormAutocomplete<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormAutocompleteProps<FieldValue>): ReactNode {\n    return <Autocomplete value={field.state.value ?? \"\"} onValueChange={field.handleChange as (value: string) => void} {...getFieldProps(field)} {...rest} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA6B;AAI7B,2BAA8B;AAKvB,SAAS,iBAA6E,EAAE,OAAO,GAAG,KAAK,GAAiD;AAC3J,SAAO,oCAAC,6BAAa,OAAO,MAAM,MAAM,SAAS,IAAI,eAAe,MAAM,cAA0C,OAAG,oCAAc,KAAK,GAAI,GAAG,MAAM;AAC3J;",
   "names": []
 }

package/dist/cjs/components/FormCalendar.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import { Calendar } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormCalendarProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, "children"> {
+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"> {
+    valueMode?: ValueMode;
 }
-export declare function FormCalendar<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormCalendarProps<FieldValue>): ReactNode;
+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/cjs/components/FormCalendar.js

@@ -24,22 +24,10 @@ __export(FormCalendar_exports, {
 });
 module.exports = __toCommonJS(FormCalendar_exports);
 var import_react = require("@heroui/react");
-var import_deepsea_tools = require("deepsea-tools");
-var import_getTimeValue = require("../utils/getTimeValue");
-var import_parseTime = require("../utils/parseTime");
-var import_ErrorMessage = require("./ErrorMessage");
-function FormCalendar({ field, ...rest }) {
-  return /* @__PURE__ */ React.createElement(
-    import_react.Calendar,
-    {
-      value: (0, import_deepsea_tools.isNonNullable)(field.state.value) ? (0, import_parseTime.parseTime)(field.state.value) : null,
-      onChange: (value) => field.handleChange((0, import_getTimeValue.getTimeValue)(value)),
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
-      ...rest
-    }
-  );
+var import_getFieldProps = require("../utils/getFieldProps");
+var import_FormTimeInput = require("./FormTimeInput");
+function FormCalendar({ field, valueMode, ...rest }) {
+  return /* @__PURE__ */ React.createElement(import_react.Calendar, { value: (0, import_FormTimeInput.getFieldValue)(field), onChange: (0, import_FormTimeInput.getOnChange)(field, valueMode), ...(0, import_getFieldProps.getFieldProps)(field), ...rest });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/FormCalendar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormCalendar.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Calendar } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormCalendarProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, \"children\"> {}\n\nexport function FormCalendar<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormCalendarProps<FieldValue>): ReactNode {\n    return (\n        <Calendar\n            value={isNonNullable(field.state.value) ? parseTime(field.state.value) : null}\n            onChange={value => field.handleChange(getTimeValue(value) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAyB;AACzB,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAKtB,SAAS,aAAyE,EAAE,OAAO,GAAG,KAAK,GAA6C;AACnJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,MAAM,MAAM,KAAK,QAAI,4BAAU,MAAM,MAAM,KAAK,IAAI;AAAA,MACzE,UAAU,WAAS,MAAM,iBAAa,kCAAa,KAAK,CAAe;AAAA,MACvE,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Calendar } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\nimport { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from \"./FormTimeInput\"\n\nexport interface FormCalendarProps<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n> extends StrictOmit<FieldComponentProps<typeof Calendar, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function FormCalendar<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n>({ field, valueMode, ...rest }: FormCalendarProps<ValueMode, FieldValue>): ReactNode {\n    return <Calendar value={getFieldValue(field)} onChange={getOnChange(field, valueMode)} {...getFieldProps(field)} {...rest} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAyB;AAIzB,2BAA8B;AAC9B,2BAA4E;AASrE,SAAS,aAGd,EAAE,OAAO,WAAW,GAAG,KAAK,GAAwD;AAClF,SAAO,oCAAC,yBAAS,WAAO,oCAAc,KAAK,GAAG,cAAU,kCAAY,OAAO,SAAS,GAAI,OAAG,oCAAc,KAAK,GAAI,GAAG,MAAM;AAC/H;",
   "names": []
 }

package/dist/cjs/components/FormCheckbox.js

@@ -24,19 +24,9 @@ __export(FormCheckbox_exports, {
 });
 module.exports = __toCommonJS(FormCheckbox_exports);
 var import_react = require("@heroui/react");
-var import_ErrorMessage = require("./ErrorMessage");
+var import_getFieldProps = require("../utils/getFieldProps");
 function FormCheckbox({ field, ...rest }) {
-  return /* @__PURE__ */ React.createElement(
-    import_react.Checkbox,
-    {
-      isSelected: field.state.value ?? false,
-      onValueChange: field.handleChange,
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
-      ...rest
-    }
-  );
+  return /* @__PURE__ */ React.createElement(import_react.Checkbox, { isSelected: field.state.value ?? false, onValueChange: field.handleChange, ...(0, import_getFieldProps.getFieldProps)(field), ...rest });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/FormCheckbox.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormCheckbox.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Checkbox } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormCheckboxProps<FieldValue extends boolean | undefined = boolean | undefined>\n    extends StrictOmit<FieldComponentProps<typeof Checkbox, FieldValue>, \"children\"> {}\n\nexport function FormCheckbox<FieldValue extends boolean | undefined = boolean | undefined>({ field, ...rest }: FormCheckboxProps<FieldValue>): ReactNode {\n    return (\n        <Checkbox\n            isSelected={field.state.value ?? false}\n            onValueChange={field.handleChange as (value: boolean) => void}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAyB;AAIzB,0BAA6B;AAKtB,SAAS,aAA2E,EAAE,OAAO,GAAG,KAAK,GAA6C;AACrJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,YAAY,MAAM,MAAM,SAAS;AAAA,MACjC,eAAe,MAAM;AAAA,MACrB,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Checkbox } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\n\nexport interface FormCheckboxProps<FieldValue extends boolean | undefined = boolean | undefined>\n    extends StrictOmit<FieldComponentProps<typeof Checkbox, FieldValue>, \"children\"> {}\n\nexport function FormCheckbox<FieldValue extends boolean | undefined = boolean | undefined>({ field, ...rest }: FormCheckboxProps<FieldValue>): ReactNode {\n    return (\n        <Checkbox isSelected={field.state.value ?? false} onValueChange={field.handleChange as (value: boolean) => void} {...getFieldProps(field)} {...rest} />\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAyB;AAIzB,2BAA8B;AAKvB,SAAS,aAA2E,EAAE,OAAO,GAAG,KAAK,GAA6C;AACrJ,SACI,oCAAC,yBAAS,YAAY,MAAM,MAAM,SAAS,OAAO,eAAe,MAAM,cAA2C,OAAG,oCAAc,KAAK,GAAI,GAAG,MAAM;AAE7J;",
   "names": []
 }

package/dist/cjs/components/FormCheckboxGroup.js

@@ -24,22 +24,12 @@ __export(FormCheckboxGroup_exports, {
 });
 module.exports = __toCommonJS(FormCheckboxGroup_exports);
 var import_react = require("@heroui/react");
-var import_ErrorMessage = require("./ErrorMessage");
+var import_getFieldProps = require("../utils/getFieldProps");
 function FormCheckboxGroup({
   field,
   ...rest
 }) {
-  return /* @__PURE__ */ React.createElement(
-    import_react.CheckboxGroup,
-    {
-      value: field.state.value ?? [],
-      onValueChange: field.handleChange,
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
-      ...rest
-    }
-  );
+  return /* @__PURE__ */ React.createElement(import_react.CheckboxGroup, { value: field.state.value ?? [], onValueChange: field.handleChange, ...(0, import_getFieldProps.getFieldProps)(field), ...rest });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/FormCheckboxGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormCheckboxGroup.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { CheckboxGroup } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormCheckboxGroupProps<FieldValue extends string[] | undefined = string[] | undefined>\n    extends StrictOmit<FieldComponentProps<typeof CheckboxGroup, FieldValue>, \"children\"> {}\n\nexport function FormCheckboxGroup<FieldValue extends string[] | undefined = string[] | undefined>({\n    field,\n    ...rest\n}: FormCheckboxGroupProps<FieldValue>): ReactNode {\n    return (\n        <CheckboxGroup\n            value={field.state.value ?? []}\n            onValueChange={field.handleChange as (value: string[]) => void}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA8B;AAI9B,0BAA6B;AAKtB,SAAS,kBAAkF;AAAA,EAC9F;AAAA,EACA,GAAG;AACP,GAAkD;AAC9C,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,MAAM,MAAM,SAAS,CAAC;AAAA,MAC7B,eAAe,MAAM;AAAA,MACrB,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { CheckboxGroup } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\n\nexport interface FormCheckboxGroupProps<FieldValue extends string[] | undefined = string[] | undefined>\n    extends StrictOmit<FieldComponentProps<typeof CheckboxGroup, FieldValue>, \"children\"> {}\n\nexport function FormCheckboxGroup<FieldValue extends string[] | undefined = string[] | undefined>({\n    field,\n    ...rest\n}: FormCheckboxGroupProps<FieldValue>): ReactNode {\n    return <CheckboxGroup value={field.state.value ?? []} onValueChange={field.handleChange as (value: string[]) => void} {...getFieldProps(field)} {...rest} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA8B;AAI9B,2BAA8B;AAKvB,SAAS,kBAAkF;AAAA,EAC9F;AAAA,EACA,GAAG;AACP,GAAkD;AAC9C,SAAO,oCAAC,8BAAc,OAAO,MAAM,MAAM,SAAS,CAAC,GAAG,eAAe,MAAM,cAA4C,OAAG,oCAAc,KAAK,GAAI,GAAG,MAAM;AAC9J;",
   "names": []
 }

package/dist/cjs/components/FormDateInput.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import { DateInput } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormDateInputProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, "children"> {
+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"> {
+    valueMode?: ValueMode;
 }
-export declare function FormDateInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormDateInputProps<FieldValue>): ReactNode;
+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/cjs/components/FormDateInput.js

@@ -24,22 +24,10 @@ __export(FormDateInput_exports, {
 });
 module.exports = __toCommonJS(FormDateInput_exports);
 var import_react = require("@heroui/react");
-var import_deepsea_tools = require("deepsea-tools");
-var import_getTimeValue = require("../utils/getTimeValue");
-var import_parseTime = require("../utils/parseTime");
-var import_ErrorMessage = require("./ErrorMessage");
-function FormDateInput({ field, ...rest }) {
-  return /* @__PURE__ */ React.createElement(
-    import_react.DateInput,
-    {
-      value: (0, import_deepsea_tools.isNonNullable)(field.state.value) ? (0, import_parseTime.parseTime)(field.state.value) : null,
-      onChange: (value) => field.handleChange((0, import_getTimeValue.getTimeValue)(value)),
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
-      ...rest
-    }
-  );
+var import_getFieldProps = require("../utils/getFieldProps");
+var import_FormTimeInput = require("./FormTimeInput");
+function FormDateInput({ field, valueMode, ...rest }) {
+  return /* @__PURE__ */ React.createElement(import_react.DateInput, { value: (0, import_FormTimeInput.getFieldValue)(field), onChange: (0, import_FormTimeInput.getOnChange)(field, valueMode), ...(0, import_getFieldProps.getFieldProps)(field), ...rest });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/FormDateInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormDateInput.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DateInput } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormDateInputProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, \"children\"> {}\n\nexport function FormDateInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormDateInputProps<FieldValue>): ReactNode {\n    return (\n        <DateInput\n            value={isNonNullable(field.state.value) ? parseTime(field.state.value) : null}\n            onChange={value => field.handleChange(getTimeValue(value) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA0B;AAC1B,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAKtB,SAAS,cAA0E,EAAE,OAAO,GAAG,KAAK,GAA8C;AACrJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,MAAM,MAAM,KAAK,QAAI,4BAAU,MAAM,MAAM,KAAK,IAAI;AAAA,MACzE,UAAU,WAAS,MAAM,iBAAa,kCAAa,KAAK,CAAe;AAAA,MACvE,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DateInput } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\nimport { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from \"./FormTimeInput\"\n\nexport interface FormDateInputProps<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n> extends StrictOmit<FieldComponentProps<typeof DateInput, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function FormDateInput<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n>({ field, valueMode, ...rest }: FormDateInputProps<ValueMode, FieldValue>): ReactNode {\n    return <DateInput value={getFieldValue(field)} onChange={getOnChange(field, valueMode)} {...getFieldProps(field)} {...rest} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA0B;AAI1B,2BAA8B;AAC9B,2BAA4E;AASrE,SAAS,cAGd,EAAE,OAAO,WAAW,GAAG,KAAK,GAAyD;AACnF,SAAO,oCAAC,0BAAU,WAAO,oCAAc,KAAK,GAAG,cAAU,kCAAY,OAAO,SAAS,GAAI,OAAG,oCAAc,KAAK,GAAI,GAAG,MAAM;AAChI;",
   "names": []
 }

package/dist/cjs/components/FormDatePicker.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import { DatePicker } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormDatePickerProps<FieldValue extends number | undefined = number | undefined> extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, "children"> {
+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"> {
+    valueMode?: ValueMode;
 }
-export declare function FormDatePicker<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormDatePickerProps<FieldValue>): ReactNode;
+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/cjs/components/FormDatePicker.js

@@ -24,22 +24,10 @@ __export(FormDatePicker_exports, {
 });
 module.exports = __toCommonJS(FormDatePicker_exports);
 var import_react = require("@heroui/react");
-var import_deepsea_tools = require("deepsea-tools");
-var import_getTimeValue = require("../utils/getTimeValue");
-var import_parseTime = require("../utils/parseTime");
-var import_ErrorMessage = require("./ErrorMessage");
-function FormDatePicker({ field, ...rest }) {
-  return /* @__PURE__ */ React.createElement(
-    import_react.DatePicker,
-    {
-      value: (0, import_deepsea_tools.isNonNullable)(field.state.value) ? (0, import_parseTime.parseTime)(field.state.value) : null,
-      onChange: (value) => field.handleChange((0, import_getTimeValue.getTimeValue)(value)),
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
-      ...rest
-    }
-  );
+var import_getFieldProps = require("../utils/getFieldProps");
+var import_FormTimeInput = require("./FormTimeInput");
+function FormDatePicker({ field, valueMode, ...rest }) {
+  return /* @__PURE__ */ React.createElement(import_react.DatePicker, { value: (0, import_FormTimeInput.getFieldValue)(field), onChange: (0, import_FormTimeInput.getOnChange)(field, valueMode), ...(0, import_getFieldProps.getFieldProps)(field), ...rest });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/FormDatePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormDatePicker.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DatePicker } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormDatePickerProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, \"children\"> {}\n\nexport function FormDatePicker<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormDatePickerProps<FieldValue>): ReactNode {\n    return (\n        <DatePicker\n            value={isNonNullable(field.state.value) ? parseTime(field.state.value) : null}\n            onChange={value => field.handleChange(getTimeValue(value) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA2B;AAC3B,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAKtB,SAAS,eAA2E,EAAE,OAAO,GAAG,KAAK,GAA+C;AACvJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,MAAM,MAAM,KAAK,QAAI,4BAAU,MAAM,MAAM,KAAK,IAAI;AAAA,MACzE,UAAU,WAAS,MAAM,iBAAa,kCAAa,KAAK,CAAe;AAAA,MACvE,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DatePicker } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\nimport { TimeValueMode, TimeValueModeMap, getFieldValue, getOnChange } from \"./FormTimeInput\"\n\nexport interface FormDatePickerProps<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n> extends StrictOmit<FieldComponentProps<typeof DatePicker, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function FormDatePicker<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends TimeValueModeMap<ValueMode> | undefined = TimeValueModeMap<ValueMode> | undefined,\n>({ field, valueMode, ...rest }: FormDatePickerProps<ValueMode, FieldValue>): ReactNode {\n    return <DatePicker value={getFieldValue(field)} onChange={getOnChange(field, valueMode)} {...getFieldProps(field)} {...rest} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA2B;AAI3B,2BAA8B;AAC9B,2BAA4E;AASrE,SAAS,eAGd,EAAE,OAAO,WAAW,GAAG,KAAK,GAA0D;AACpF,SAAO,oCAAC,2BAAW,WAAO,oCAAc,KAAK,GAAG,cAAU,kCAAY,OAAO,SAAS,GAAI,OAAG,oCAAc,KAAK,GAAI,GAAG,MAAM;AACjI;",
   "names": []
 }

package/dist/cjs/components/FormDateRangePicker.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import { DateRangePicker } from "@heroui/react";
 import { FieldComponentProps } from "soda-tanstack-form";
 import { StrictOmit } from "soda-type";
-export interface FormDateRangePickerProps<FieldValue extends [number, number] | undefined = [number, number] | undefined> extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, "children"> {
+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"> {
+    valueMode?: ValueMode;
 }
-export declare function FormDateRangePicker<FieldValue extends [number, number] | undefined = [number, number] | undefined>({ field, ...rest }: FormDateRangePickerProps<FieldValue>): ReactNode;
+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/cjs/components/FormDateRangePicker.js

@@ -24,25 +24,15 @@ __export(FormDateRangePicker_exports, {
 });
 module.exports = __toCommonJS(FormDateRangePicker_exports);
 var import_react = require("@heroui/react");
-var import_deepsea_tools = require("deepsea-tools");
-var import_getTimeValue = require("../utils/getTimeValue");
-var import_parseTime = require("../utils/parseTime");
-var import_ErrorMessage = require("./ErrorMessage");
-function FormDateRangePicker({
-  field,
-  ...rest
-}) {
+var import_getFieldProps = require("../utils/getFieldProps");
+var import_FormRangeCalendar = require("./FormRangeCalendar");
+function FormDateRangePicker({ field, valueMode, ...rest }) {
   return /* @__PURE__ */ React.createElement(
     import_react.DateRangePicker,
     {
-      value: (0, import_deepsea_tools.isNonNullable)(field.state.value) ? {
-        start: (0, import_parseTime.parseTime)(field.state.value[0]),
-        end: (0, import_parseTime.parseTime)(field.state.value[1])
-      } : null,
-      onChange: (value) => field.handleChange((0, import_deepsea_tools.isNonNullable)(value) ? [(0, import_getTimeValue.getTimeValue)(value.start), (0, import_getTimeValue.getTimeValue)(value.end)] : void 0),
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
+      value: (0, import_FormRangeCalendar.getFieldRangeValue)(field),
+      onChange: (0, import_FormRangeCalendar.getOnRangeChange)(field, valueMode),
+      ...(0, import_getFieldProps.getFieldProps)(field),
       ...rest
     }
   );

package/dist/cjs/components/FormDateRangePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormDateRangePicker.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DateRangePicker } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { parseTime } from \"../utils/parseTime\"\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormDateRangePickerProps<FieldValue extends [number, number] | undefined = [number, number] | undefined>\n    extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, \"children\"> {}\n\nexport function FormDateRangePicker<FieldValue extends [number, number] | undefined = [number, number] | undefined>({\n    field,\n    ...rest\n}: FormDateRangePickerProps<FieldValue>): ReactNode {\n    return (\n        <DateRangePicker\n            value={\n                isNonNullable(field.state.value)\n                    ? {\n                          start: parseTime(field.state.value[0]),\n                          end: parseTime(field.state.value[1]),\n                      }\n                    : null\n            }\n            onChange={value => field.handleChange((isNonNullable(value) ? [getTimeValue(value.start), getTimeValue(value.end)] : undefined) as FieldValue)}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAgC;AAChC,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAKtB,SAAS,oBAAoG;AAAA,EAChH;AAAA,EACA,GAAG;AACP,GAAoD;AAChD,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WACI,oCAAc,MAAM,MAAM,KAAK,IACzB;AAAA,QACI,WAAO,4BAAU,MAAM,MAAM,MAAM,CAAC,CAAC;AAAA,QACrC,SAAK,4BAAU,MAAM,MAAM,MAAM,CAAC,CAAC;AAAA,MACvC,IACA;AAAA,MAEV,UAAU,WAAS,MAAM,iBAAc,oCAAc,KAAK,IAAI,KAAC,kCAAa,MAAM,KAAK,OAAG,kCAAa,MAAM,GAAG,CAAC,IAAI,MAAwB;AAAA,MAC7I,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { DateRangePicker } from \"@heroui/react\"\nimport { Field, FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\nimport { getFieldRangeValue, getOnRangeChange } from \"./FormRangeCalendar\"\nimport { TimeValueMode, TimeValueModeMap } from \"./FormTimeInput\"\n\nexport interface FormDateRangePickerProps<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined =\n        | [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>]\n        | undefined,\n> extends StrictOmit<FieldComponentProps<typeof DateRangePicker, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function FormDateRangePicker<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined =\n        | [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>]\n        | undefined,\n>({ field, valueMode, ...rest }: FormDateRangePickerProps<ValueMode, FieldValue>): ReactNode {\n    return (\n        <DateRangePicker\n            value={getFieldRangeValue(field as unknown as Field<[Date, Date] | [number, number] | undefined>)}\n            onChange={getOnRangeChange(field as unknown as Field<[Date, Date] | [number, number] | undefined>, valueMode)}\n            {...getFieldProps(field)}\n            {...rest}\n        />\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAgC;AAIhC,2BAA8B;AAC9B,+BAAqD;AAY9C,SAAS,oBAKd,EAAE,OAAO,WAAW,GAAG,KAAK,GAA+D;AACzF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,6CAAmB,KAAsE;AAAA,MAChG,cAAU,2CAAiB,OAAwE,SAAS;AAAA,MAC3G,OAAG,oCAAc,KAAK;AAAA,MACtB,GAAG;AAAA;AAAA,EACR;AAER;",
   "names": []
 }

package/dist/cjs/components/FormInput.js

@@ -24,19 +24,9 @@ __export(FormInput_exports, {
 });
 module.exports = __toCommonJS(FormInput_exports);
 var import_react = require("@heroui/react");
-var import_ErrorMessage = require("./ErrorMessage");
+var import_getFieldProps = require("../utils/getFieldProps");
 function FormInput({ field, ...rest }) {
-  return /* @__PURE__ */ React.createElement(
-    import_react.Input,
-    {
-      value: field.state.value ?? "",
-      onValueChange: field.handleChange,
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
-      ...rest
-    }
-  );
+  return /* @__PURE__ */ React.createElement(import_react.Input, { value: field.state.value ?? "", onValueChange: field.handleChange, ...(0, import_getFieldProps.getFieldProps)(field), ...rest });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/FormInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormInput.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Input } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormInputProps<FieldValue extends string | undefined = string | undefined>\n    extends StrictOmit<FieldComponentProps<typeof Input, FieldValue>, \"children\"> {}\n\nexport function FormInput<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormInputProps<FieldValue>): ReactNode {\n    return (\n        <Input\n            value={field.state.value ?? \"\"}\n            onValueChange={field.handleChange as (value: string) => void}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAsB;AAItB,0BAA6B;AAKtB,SAAS,UAAsE,EAAE,OAAO,GAAG,KAAK,GAA0C;AAC7I,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,MAAM,MAAM,SAAS;AAAA,MAC5B,eAAe,MAAM;AAAA,MACrB,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Input } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\n\nexport interface FormInputProps<FieldValue extends string | undefined = string | undefined>\n    extends StrictOmit<FieldComponentProps<typeof Input, FieldValue>, \"children\"> {}\n\nexport function FormInput<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormInputProps<FieldValue>): ReactNode {\n    return <Input value={field.state.value ?? \"\"} onValueChange={field.handleChange as (value: string) => void} {...getFieldProps(field)} {...rest} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAsB;AAItB,2BAA8B;AAKvB,SAAS,UAAsE,EAAE,OAAO,GAAG,KAAK,GAA0C;AAC7I,SAAO,oCAAC,sBAAM,OAAO,MAAM,MAAM,SAAS,IAAI,eAAe,MAAM,cAA0C,OAAG,oCAAc,KAAK,GAAI,GAAG,MAAM;AACpJ;",
   "names": []
 }

package/dist/cjs/components/FormInputOtp.js

@@ -24,19 +24,9 @@ __export(FormInputOtp_exports, {
 });
 module.exports = __toCommonJS(FormInputOtp_exports);
 var import_react = require("@heroui/react");
-var import_ErrorMessage = require("./ErrorMessage");
+var import_getFieldProps = require("../utils/getFieldProps");
 function FormInputOtp({ field, ...rest }) {
-  return /* @__PURE__ */ React.createElement(
-    import_react.InputOtp,
-    {
-      value: field.state.value ?? "",
-      onValueChange: field.handleChange,
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
-      ...rest
-    }
-  );
+  return /* @__PURE__ */ React.createElement(import_react.InputOtp, { value: field.state.value ?? "", onValueChange: field.handleChange, ...(0, import_getFieldProps.getFieldProps)(field), ...rest });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/FormInputOtp.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormInputOtp.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { InputOtp } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormInputOtpProps<FieldValue extends string | undefined = string | undefined>\n    extends StrictOmit<FieldComponentProps<typeof InputOtp, FieldValue>, \"children\"> {}\n\nexport function FormInputOtp<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormInputOtpProps<FieldValue>): ReactNode {\n    return (\n        <InputOtp\n            value={field.state.value ?? \"\"}\n            onValueChange={field.handleChange as (value: string) => void}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAyB;AAIzB,0BAA6B;AAKtB,SAAS,aAAyE,EAAE,OAAO,GAAG,KAAK,GAA6C;AACnJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,MAAM,MAAM,SAAS;AAAA,MAC5B,eAAe,MAAM;AAAA,MACrB,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { InputOtp } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\n\nexport interface FormInputOtpProps<FieldValue extends string | undefined = string | undefined>\n    extends StrictOmit<FieldComponentProps<typeof InputOtp, FieldValue>, \"children\"> {}\n\nexport function FormInputOtp<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormInputOtpProps<FieldValue>): ReactNode {\n    return <InputOtp value={field.state.value ?? \"\"} onValueChange={field.handleChange as (value: string) => void} {...getFieldProps(field)} {...rest} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAyB;AAIzB,2BAA8B;AAKvB,SAAS,aAAyE,EAAE,OAAO,GAAG,KAAK,GAA6C;AACnJ,SAAO,oCAAC,yBAAS,OAAO,MAAM,MAAM,SAAS,IAAI,eAAe,MAAM,cAA0C,OAAG,oCAAc,KAAK,GAAI,GAAG,MAAM;AACvJ;",
   "names": []
 }

package/dist/cjs/components/FormNumberInput.js

@@ -24,19 +24,9 @@ __export(FormNumberInput_exports, {
 });
 module.exports = __toCommonJS(FormNumberInput_exports);
 var import_react = require("@heroui/react");
-var import_ErrorMessage = require("./ErrorMessage");
+var import_getFieldProps = require("../utils/getFieldProps");
 function FormNumberInput({ field, ...rest }) {
-  return /* @__PURE__ */ React.createElement(
-    import_react.NumberInput,
-    {
-      value: field.state.value,
-      onValueChange: field.handleChange,
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
-      ...rest
-    }
-  );
+  return /* @__PURE__ */ React.createElement(import_react.NumberInput, { value: field.state.value ?? 0, onValueChange: field.handleChange, ...(0, import_getFieldProps.getFieldProps)(field), ...rest });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/FormNumberInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormNumberInput.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { NumberInput } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormNumberInputProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof NumberInput, FieldValue>, \"children\"> {}\n\nexport function FormNumberInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormNumberInputProps<FieldValue>): ReactNode {\n    return (\n        <NumberInput\n            value={field.state.value}\n            onValueChange={field.handleChange as (value: number) => void}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA4B;AAI5B,0BAA6B;AAKtB,SAAS,gBAA4E,EAAE,OAAO,GAAG,KAAK,GAAgD;AACzJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,MAAM,MAAM;AAAA,MACnB,eAAe,MAAM;AAAA,MACrB,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { NumberInput } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\n\nexport interface FormNumberInputProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof NumberInput, FieldValue>, \"children\"> {}\n\nexport function FormNumberInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormNumberInputProps<FieldValue>): ReactNode {\n    return <NumberInput value={field.state.value ?? 0} onValueChange={field.handleChange as (value: number) => void} {...getFieldProps(field)} {...rest} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA4B;AAI5B,2BAA8B;AAKvB,SAAS,gBAA4E,EAAE,OAAO,GAAG,KAAK,GAAgD;AACzJ,SAAO,oCAAC,4BAAY,OAAO,MAAM,MAAM,SAAS,GAAG,eAAe,MAAM,cAA0C,OAAG,oCAAc,KAAK,GAAI,GAAG,MAAM;AACzJ;",
   "names": []
 }

package/dist/cjs/components/FormPagination.js

@@ -24,19 +24,9 @@ __export(FormPagination_exports, {
 });
 module.exports = __toCommonJS(FormPagination_exports);
 var import_react = require("@heroui/react");
-var import_ErrorMessage = require("./ErrorMessage");
+var import_getFieldProps = require("../utils/getFieldProps");
 function FormPagination({ field, ...rest }) {
-  return /* @__PURE__ */ React.createElement(
-    import_react.Pagination,
-    {
-      page: field.state.value ?? 1,
-      onChange: field.handleChange,
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
-      ...rest
-    }
-  );
+  return /* @__PURE__ */ React.createElement(import_react.Pagination, { page: field.state.value ?? 1, onPageChange: field.handleChange, ...(0, import_getFieldProps.getFieldProps)(field), ...rest });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/FormPagination.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormPagination.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Pagination } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormPaginationProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof Pagination, FieldValue>, \"children\"> {}\n\nexport function FormPagination<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormPaginationProps<FieldValue>): ReactNode {\n    return (\n        <Pagination\n            page={field.state.value ?? 1}\n            onChange={field.handleChange as (value: number) => void}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA2B;AAI3B,0BAA6B;AAKtB,SAAS,eAA2E,EAAE,OAAO,GAAG,KAAK,GAA+C;AACvJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAM,MAAM,MAAM,SAAS;AAAA,MAC3B,UAAU,MAAM;AAAA,MAChB,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Pagination } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\n\nexport interface FormPaginationProps<FieldValue extends number | undefined = number | undefined>\n    extends StrictOmit<FieldComponentProps<typeof Pagination, FieldValue>, \"children\"> {}\n\nexport function FormPagination<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormPaginationProps<FieldValue>): ReactNode {\n    return <Pagination page={field.state.value ?? 1} onPageChange={field.handleChange as (value: number) => void} {...getFieldProps(field)} {...rest} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA2B;AAI3B,2BAA8B;AAKvB,SAAS,eAA2E,EAAE,OAAO,GAAG,KAAK,GAA+C;AACvJ,SAAO,oCAAC,2BAAW,MAAM,MAAM,MAAM,SAAS,GAAG,cAAc,MAAM,cAA0C,OAAG,oCAAc,KAAK,GAAI,GAAG,MAAM;AACtJ;",
   "names": []
 }

package/dist/cjs/components/FormRadioGroup.js

@@ -24,19 +24,9 @@ __export(FormRadioGroup_exports, {
 });
 module.exports = __toCommonJS(FormRadioGroup_exports);
 var import_react = require("@heroui/react");
-var import_ErrorMessage = require("./ErrorMessage");
+var import_getFieldProps = require("../utils/getFieldProps");
 function FormRadioGroup({ field, ...rest }) {
-  return /* @__PURE__ */ React.createElement(
-    import_react.RadioGroup,
-    {
-      value: field.state.value ?? null,
-      onValueChange: field.handleChange,
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
-      ...rest
-    }
-  );
+  return /* @__PURE__ */ React.createElement(import_react.RadioGroup, { value: field.state.value ?? "", onValueChange: field.handleChange, ...(0, import_getFieldProps.getFieldProps)(field), ...rest });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/components/FormRadioGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormRadioGroup.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { RadioGroup } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormRadioGroupProps<FieldValue extends string | undefined = string | undefined>\n    extends StrictOmit<FieldComponentProps<typeof RadioGroup, FieldValue>, \"children\"> {}\n\nexport function FormRadioGroup<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormRadioGroupProps<FieldValue>): ReactNode {\n    return (\n        <RadioGroup\n            value={field.state.value ?? null}\n            onValueChange={field.handleChange as (value: string) => void}\n            onBlur={field.handleBlur}\n            errorMessage={<ErrorMessage data={field.state.meta.errors} />}\n            isInvalid={field.state.meta.errors.some(Boolean)}\n            {...rest}\n        />\n    )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA2B;AAI3B,0BAA6B;AAKtB,SAAS,eAA2E,EAAE,OAAO,GAAG,KAAK,GAA+C;AACvJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,MAAM,MAAM,SAAS;AAAA,MAC5B,eAAe,MAAM;AAAA,MACrB,QAAQ,MAAM;AAAA,MACd,cAAc,oCAAC,oCAAa,MAAM,MAAM,MAAM,KAAK,QAAQ;AAAA,MAC3D,WAAW,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO;AAAA,MAC9C,GAAG;AAAA;AAAA,EACR;AAER;",
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { RadioGroup } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\n\nexport interface FormRadioGroupProps<FieldValue extends string | undefined = string | undefined>\n    extends StrictOmit<FieldComponentProps<typeof RadioGroup, FieldValue>, \"children\"> {}\n\nexport function FormRadioGroup<FieldValue extends string | undefined = string | undefined>({ field, ...rest }: FormRadioGroupProps<FieldValue>): ReactNode {\n    return <RadioGroup value={field.state.value ?? \"\"} onValueChange={field.handleChange as (value: string) => void} {...getFieldProps(field)} {...rest} />\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA2B;AAI3B,2BAA8B;AAKvB,SAAS,eAA2E,EAAE,OAAO,GAAG,KAAK,GAA+C;AACvJ,SAAO,oCAAC,2BAAW,OAAO,MAAM,MAAM,SAAS,IAAI,eAAe,MAAM,cAA0C,OAAG,oCAAc,KAAK,GAAI,GAAG,MAAM;AACzJ;",
   "names": []
 }