soda-heroui 0.2.0 → 0.3.1

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.js

@@ -24,20 +24,10 @@ __export(FormCalendar_exports, {
 });
 module.exports = __toCommonJS(FormCalendar_exports);
 var import_react = require("@heroui/react");
-var import_ErrorMessage = require("./ErrorMessage");
+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),
-      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.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 { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\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 (\n        <Calendar\n            value={getFieldValue(field)}\n            onChange={getOnChange(field, valueMode)}\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;AAC7B,2BAA4E;AASrE,SAAS,aAGd,EAAE,OAAO,WAAW,GAAG,KAAK,GAAwD;AAClF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,KAAK;AAAA,MAC1B,cAAU,kCAAY,OAAO,SAAS;AAAA,MACtC,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.js

@@ -24,20 +24,10 @@ __export(FormDateInput_exports, {
 });
 module.exports = __toCommonJS(FormDateInput_exports);
 var import_react = require("@heroui/react");
-var import_ErrorMessage = require("./ErrorMessage");
+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),
-      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.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 { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\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 (\n        <DateInput\n            value={getFieldValue(field)}\n            onChange={getOnChange(field, valueMode)}\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;AAI1B,0BAA6B;AAC7B,2BAA4E;AASrE,SAAS,cAGd,EAAE,OAAO,WAAW,GAAG,KAAK,GAAyD;AACnF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,KAAK;AAAA,MAC1B,cAAU,kCAAY,OAAO,SAAS;AAAA,MACtC,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.js

@@ -24,20 +24,10 @@ __export(FormDatePicker_exports, {
 });
 module.exports = __toCommonJS(FormDatePicker_exports);
 var import_react = require("@heroui/react");
-var import_ErrorMessage = require("./ErrorMessage");
+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),
-      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.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 { FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\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 (\n        <DatePicker\n            value={getFieldValue(field)}\n            onChange={getOnChange(field, valueMode)}\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;AAC7B,2BAA4E;AASrE,SAAS,eAGd,EAAE,OAAO,WAAW,GAAG,KAAK,GAA0D;AACpF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAO,oCAAc,KAAK;AAAA,MAC1B,cAAU,kCAAY,OAAO,SAAS;AAAA,MACtC,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.js

@@ -24,7 +24,7 @@ __export(FormDateRangePicker_exports, {
 });
 module.exports = __toCommonJS(FormDateRangePicker_exports);
 var import_react = require("@heroui/react");
-var import_ErrorMessage = require("./ErrorMessage");
+var import_getFieldProps = require("../utils/getFieldProps");
 var import_FormRangeCalendar = require("./FormRangeCalendar");
 function FormDateRangePicker({ field, valueMode, ...rest }) {
   return /* @__PURE__ */ React.createElement(
@@ -32,9 +32,7 @@ function FormDateRangePicker({ field, valueMode, ...rest }) {
     {
       value: (0, import_FormRangeCalendar.getFieldRangeValue)(field),
       onChange: (0, import_FormRangeCalendar.getOnRangeChange)(field, valueMode),
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
+      ...(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, SetStateAction } from \"react\"\nimport { DateRangePicker, DateValue, RangeValue } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { Field, 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\"\nimport { TimeValueMode, TimeValueModeMap } from \"./FormTimeInput\"\nimport { getFieldRangeValue, getOnRangeChange } from \"./FormRangeCalendar\"\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            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,mBAAuD;AAQvD,0BAA6B;AAE7B,+BAAqD;AAW9C,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,MAC5G,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": []
 }

package/dist/cjs/components/FormRangeCalendar.js

@@ -30,8 +30,8 @@ module.exports = __toCommonJS(FormRangeCalendar_exports);
 var import_react = require("@heroui/react");
 var import_deepsea_tools = require("deepsea-tools");
 var import_getTimeValue = require("../utils/getTimeValue");
+var import_getFieldProps = require("../utils/getFieldProps");
 var import_parseTime = require("../utils/parseTime");
-var import_ErrorMessage = require("./ErrorMessage");
 function getRangeValue(value) {
   return (0, import_deepsea_tools.isNonNullable)(value) ? {
     start: (0, import_parseTime.parseTime)(value[0].valueOf()),
@@ -62,9 +62,7 @@ function FormRangeCalendar({ field, valueMode, ...rest }) {
     {
       value: getFieldRangeValue(field),
       onChange: getOnRangeChange(field, valueMode),
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
+      ...(0, import_getFieldProps.getFieldProps)(field),
       ...rest
     }
   );

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/FormRangeCalendar.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { ReactNode, SetStateAction } from \"react\"\nimport { DateValue, RangeCalendar, RangeValue } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { Field, 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\"\nimport { TimeValueMode, TimeValueModeMap } from \"./FormTimeInput\"\n\nexport interface FormRangeCalendarProps<\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 RangeCalendar, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function getRangeValue(value: [Date, Date] | [number, number] | undefined): RangeValue<DateValue> | null {\n    return isNonNullable(value)\n        ? {\n              start: parseTime(value[0].valueOf()),\n              end: parseTime(value[1].valueOf()),\n          }\n        : null\n}\n\nexport function getFieldRangeValue<T extends [Date, Date] | [number, number] | undefined>(field: Field<T>) {\n    return getRangeValue(field.state.value)\n}\n\nexport function getRangeUpdater(value: RangeValue<DateValue> | null, valueMode?: TimeValueMode): SetStateAction<[Date, Date] | [number, number] | undefined> {\n    if (!isNonNullable(value)) return undefined\n    if (valueMode === \"timestamp\") return [getTimeValue(value.start), getTimeValue(value.end)]\n    function updater(prev: [Date, Date] | [number, number] | undefined): [Date, Date] | [number, number] | undefined {\n        return prev?.[0] instanceof Date &&\n            prev?.[1] instanceof Date &&\n            prev[0].valueOf() === value!.start.valueOf() &&\n            prev[1].valueOf() === value!.end.valueOf()\n            ? prev\n            : [new Date(getTimeValue(value!.start)!), new Date(getTimeValue(value!.end)!)]\n    }\n    return updater\n}\n\nexport function getOnRangeChange<T extends [Date, Date] | [number, number] | undefined>(field: Field<T>, valueMode?: TimeValueMode) {\n    return function onChange(value: RangeValue<DateValue> | null) {\n        field.handleChange(getRangeUpdater(value, valueMode) as SetStateAction<T>)\n    }\n}\n\nexport function FormRangeCalendar<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined =\n        | [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>]\n        | undefined,\n>({ field, valueMode, ...rest }: FormRangeCalendarProps<ValueMode, FieldValue>): ReactNode {\n    return (\n        <RangeCalendar\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            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;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAqD;AACrD,2BAA8B;AAI9B,0BAA6B;AAE7B,uBAA0B;AAC1B,0BAA6B;AAYtB,SAAS,cAAc,OAAkF;AAC5G,aAAO,oCAAc,KAAK,IACpB;AAAA,IACI,WAAO,4BAAU,MAAM,CAAC,EAAE,QAAQ,CAAC;AAAA,IACnC,SAAK,4BAAU,MAAM,CAAC,EAAE,QAAQ,CAAC;AAAA,EACrC,IACA;AACV;AAEO,SAAS,mBAA0E,OAAiB;AACvG,SAAO,cAAc,MAAM,MAAM,KAAK;AAC1C;AAEO,SAAS,gBAAgB,OAAqC,WAAwF;AACzJ,MAAI,KAAC,oCAAc,KAAK;AAAG,WAAO;AAClC,MAAI,cAAc;AAAa,WAAO,KAAC,kCAAa,MAAM,KAAK,OAAG,kCAAa,MAAM,GAAG,CAAC;AACzF,WAAS,QAAQ,MAAgG;AAC7G,WAAO,OAAO,CAAC,aAAa,QACxB,OAAO,CAAC,aAAa,QACrB,KAAK,CAAC,EAAE,QAAQ,MAAM,MAAO,MAAM,QAAQ,KAC3C,KAAK,CAAC,EAAE,QAAQ,MAAM,MAAO,IAAI,QAAQ,IACvC,OACA,CAAC,IAAI,SAAK,kCAAa,MAAO,KAAK,CAAE,GAAG,IAAI,SAAK,kCAAa,MAAO,GAAG,CAAE,CAAC;AAAA,EACrF;AACA,SAAO;AACX;AAEO,SAAS,iBAAwE,OAAiB,WAA2B;AAChI,SAAO,SAAS,SAAS,OAAqC;AAC1D,UAAM,aAAa,gBAAgB,OAAO,SAAS,CAAsB;AAAA,EAC7E;AACJ;AAEO,SAAS,kBAKd,EAAE,OAAO,WAAW,GAAG,KAAK,GAA6D;AACvF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,mBAAmB,KAAsE;AAAA,MAChG,UAAU,iBAAiB,OAAwE,SAAS;AAAA,MAC5G,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, SetStateAction } from \"react\"\nimport { DateValue, RangeCalendar, RangeValue } from \"@heroui/react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { Field, FieldComponentProps } from \"soda-tanstack-form\"\nimport { StrictOmit } from \"soda-type\"\n\nimport { getTimeValue } from \"@/utils/getTimeValue\"\n\nimport { getFieldProps } from \"../utils/getFieldProps\"\nimport { parseTime } from \"../utils/parseTime\"\nimport { TimeValueMode, TimeValueModeMap } from \"./FormTimeInput\"\n\nexport interface FormRangeCalendarProps<\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 RangeCalendar, FieldValue>, \"children\"> {\n    valueMode?: ValueMode\n}\n\nexport function getRangeValue(value: [Date, Date] | [number, number] | undefined): RangeValue<DateValue> | null {\n    return isNonNullable(value)\n        ? {\n              start: parseTime(value[0].valueOf()),\n              end: parseTime(value[1].valueOf()),\n          }\n        : null\n}\n\nexport function getFieldRangeValue<T extends [Date, Date] | [number, number] | undefined>(field: Field<T>) {\n    return getRangeValue(field.state.value)\n}\n\nexport function getRangeUpdater(value: RangeValue<DateValue> | null, valueMode?: TimeValueMode): SetStateAction<[Date, Date] | [number, number] | undefined> {\n    if (!isNonNullable(value)) return undefined\n    if (valueMode === \"timestamp\") return [getTimeValue(value.start), getTimeValue(value.end)]\n    function updater(prev: [Date, Date] | [number, number] | undefined): [Date, Date] | [number, number] | undefined {\n        return prev?.[0] instanceof Date &&\n            prev?.[1] instanceof Date &&\n            prev[0].valueOf() === value!.start.valueOf() &&\n            prev[1].valueOf() === value!.end.valueOf()\n            ? prev\n            : [new Date(getTimeValue(value!.start)!), new Date(getTimeValue(value!.end)!)]\n    }\n    return updater\n}\n\nexport function getOnRangeChange<T extends [Date, Date] | [number, number] | undefined>(field: Field<T>, valueMode?: TimeValueMode) {\n    return function onChange(value: RangeValue<DateValue> | null) {\n        field.handleChange(getRangeUpdater(value, valueMode) as SetStateAction<T>)\n    }\n}\n\nexport function FormRangeCalendar<\n    ValueMode extends TimeValueMode = \"date\",\n    FieldValue extends [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>] | undefined =\n        | [TimeValueModeMap<ValueMode>, TimeValueModeMap<ValueMode>]\n        | undefined,\n>({ field, valueMode, ...rest }: FormRangeCalendarProps<ValueMode, FieldValue>): ReactNode {\n    return (\n        <RangeCalendar\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;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAqD;AACrD,2BAA8B;AAI9B,0BAA6B;AAE7B,2BAA8B;AAC9B,uBAA0B;AAYnB,SAAS,cAAc,OAAkF;AAC5G,aAAO,oCAAc,KAAK,IACpB;AAAA,IACI,WAAO,4BAAU,MAAM,CAAC,EAAE,QAAQ,CAAC;AAAA,IACnC,SAAK,4BAAU,MAAM,CAAC,EAAE,QAAQ,CAAC;AAAA,EACrC,IACA;AACV;AAEO,SAAS,mBAA0E,OAAiB;AACvG,SAAO,cAAc,MAAM,MAAM,KAAK;AAC1C;AAEO,SAAS,gBAAgB,OAAqC,WAAwF;AACzJ,MAAI,KAAC,oCAAc,KAAK;AAAG,WAAO;AAClC,MAAI,cAAc;AAAa,WAAO,KAAC,kCAAa,MAAM,KAAK,OAAG,kCAAa,MAAM,GAAG,CAAC;AACzF,WAAS,QAAQ,MAAgG;AAC7G,WAAO,OAAO,CAAC,aAAa,QACxB,OAAO,CAAC,aAAa,QACrB,KAAK,CAAC,EAAE,QAAQ,MAAM,MAAO,MAAM,QAAQ,KAC3C,KAAK,CAAC,EAAE,QAAQ,MAAM,MAAO,IAAI,QAAQ,IACvC,OACA,CAAC,IAAI,SAAK,kCAAa,MAAO,KAAK,CAAE,GAAG,IAAI,SAAK,kCAAa,MAAO,GAAG,CAAE,CAAC;AAAA,EACrF;AACA,SAAO;AACX;AAEO,SAAS,iBAAwE,OAAiB,WAA2B;AAChI,SAAO,SAAS,SAAS,OAAqC;AAC1D,UAAM,aAAa,gBAAgB,OAAO,SAAS,CAAsB;AAAA,EAC7E;AACJ;AAEO,SAAS,kBAKd,EAAE,OAAO,WAAW,GAAG,KAAK,GAA6D;AACvF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,mBAAmB,KAAsE;AAAA,MAChG,UAAU,iBAAiB,OAAwE,SAAS;AAAA,MAC3G,OAAG,oCAAc,KAAK;AAAA,MACtB,GAAG;AAAA;AAAA,EACR;AAER;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import { ReactNode } from "react";
 import { Select } from "@heroui/react";
 import { Key } from "@react-types/shared";
 import { FieldComponentProps } from "soda-tanstack-form";
@@ -5,4 +6,4 @@ import { StrictOmit } from "soda-type";
 export interface FormSelectProps<Multiple extends boolean = false, Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined, RenderItem extends object = object> extends StrictOmit<FieldComponentProps<typeof Select<RenderItem>, Value>, "multiple"> {
     multiple?: Multiple;
 }
-export declare function FormSelect<Multiple extends boolean = false, Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined, RenderItem extends object = object>({ field, multiple, ...rest }: FormSelectProps<Multiple, Value, RenderItem>): import("react/jsx-runtime").JSX.Element;
+export declare function FormSelect<Multiple extends boolean = false, Value extends (Multiple extends true ? Key[] : Key) | undefined = (Multiple extends true ? Key[] : Key) | undefined, RenderItem extends object = object>({ field, multiple, ...rest }: FormSelectProps<Multiple, Value, RenderItem>): ReactNode;

package/dist/cjs/components/FormSelect.js

@@ -25,7 +25,7 @@ __export(FormSelect_exports, {
 module.exports = __toCommonJS(FormSelect_exports);
 var import_react = require("@heroui/react");
 var import_deepsea_tools = require("deepsea-tools");
-var import_ErrorMessage = require("./ErrorMessage");
+var import_getFieldProps = require("../utils/getFieldProps");
 function FormSelect({ field, multiple, ...rest }) {
   return /* @__PURE__ */ React.createElement(
     import_react.Select,
@@ -35,9 +35,7 @@ function FormSelect({ field, multiple, ...rest }) {
         const value = Array.from(keys);
         field.handleChange(multiple ? value : value.at(0));
       },
-      onBlur: field.handleBlur,
-      errorMessage: /* @__PURE__ */ React.createElement(import_ErrorMessage.ErrorMessage, { data: field.state.meta.errors }),
-      isInvalid: field.state.meta.errors.some(Boolean),
+      ...(0, import_getFieldProps.getFieldProps)(field),
       ...rest
     }
   );