soda-heroui 0.0.1

package/README.md

@@ -0,0 +1,23 @@
+# soda-tanstack-form
+
+[![NPM version](https://img.shields.io/npm/v/soda-tanstack-form.svg?style=flat)](https://npmjs.com/package/soda-tanstack-form)
+[![NPM downloads](http://img.shields.io/npm/dm/soda-tanstack-form.svg?style=flat)](https://npmjs.com/package/soda-tanstack-form)
+
+## Install
+
+```bash
+$ pnpm install
+```
+
+```bash
+$ npm run dev
+$ npm run build
+```
+
+## Options
+
+TODO
+
+## LICENSE
+
+MIT

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

@@ -0,0 +1,8 @@
+import { ComponentProps, FC } from "react";
+export interface ErrorMessageItem {
+    message: string;
+}
+export interface ErrorMessageProps extends Omit<ComponentProps<"div">, "children"> {
+    data: (ErrorMessageItem | undefined)[];
+}
+export declare const ErrorMessage: FC<ErrorMessageProps>;

package/dist/cjs/components/ErrorMessage.js

@@ -0,0 +1,46 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ErrorMessage.tsx
+var ErrorMessage_exports = {};
+__export(ErrorMessage_exports, {
+  ErrorMessage: () => ErrorMessage
+});
+module.exports = __toCommonJS(ErrorMessage_exports);
+var import_deepsea_tools = require("deepsea-tools");
+var import_zod = require("zod");
+function getErrorMessage(error) {
+  if (!(0, import_deepsea_tools.isNonNullable)(error))
+    return [];
+  if (typeof error === "string")
+    return [error];
+  if (error instanceof import_zod.ZodError)
+    return error.errors.map((e) => e.message).filter((item, index, array) => array.indexOf(item) === index);
+  return [error.message];
+}
+var ErrorMessage = (props) => {
+  const { data, ...rest } = props;
+  const errors = data.flatMap(getErrorMessage).filter((item, index, array) => array.indexOf(item) === index);
+  return errors.length > 0 && /* @__PURE__ */ React.createElement("div", { ...rest }, errors.map((item, index) => /* @__PURE__ */ React.createElement("div", { key: index }, item)));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ErrorMessage
+});
+//# sourceMappingURL=ErrorMessage.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ErrorMessage.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { ComponentProps, FC } from \"react\"\nimport { isNonNullable } from \"deepsea-tools\"\nimport { ZodError } from \"zod\"\n\nexport interface ErrorMessageItem {\n    message: string\n}\n\nexport interface ErrorMessageProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n    data: (ErrorMessageItem | undefined)[]\n}\n\nfunction getErrorMessage(error: ErrorMessageItem | string | undefined): string[] {\n    if (!isNonNullable(error)) return []\n    if (typeof error === \"string\") return [error]\n    if (error instanceof ZodError) return error.errors.map(e => e.message).filter((item, index, array) => array.indexOf(item) === index)\n    return [error.message]\n}\n\nexport const ErrorMessage: FC<ErrorMessageProps> = props => {\n    const { data, ...rest } = props\n    const errors = data.flatMap(getErrorMessage).filter((item, index, array) => array.indexOf(item) === index)\n\n    return (\n        errors.length > 0 && (\n            <div {...rest}>\n                {errors.map((item, index) => (\n                    <div key={index}>{item}</div>\n                ))}\n            </div>\n        )\n    )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,2BAA8B;AAC9B,iBAAyB;AAUzB,SAAS,gBAAgB,OAAwD;AAC7E,MAAI,KAAC,oCAAc,KAAK;AAAG,WAAO,CAAC;AACnC,MAAI,OAAO,UAAU;AAAU,WAAO,CAAC,KAAK;AAC5C,MAAI,iBAAiB;AAAU,WAAO,MAAM,OAAO,IAAI,OAAK,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,OAAO,UAAU,MAAM,QAAQ,IAAI,MAAM,KAAK;AACnI,SAAO,CAAC,MAAM,OAAO;AACzB;AAEO,IAAM,eAAsC,WAAS;AACxD,QAAM,EAAE,MAAM,GAAG,KAAK,IAAI;AAC1B,QAAM,SAAS,KAAK,QAAQ,eAAe,EAAE,OAAO,CAAC,MAAM,OAAO,UAAU,MAAM,QAAQ,IAAI,MAAM,KAAK;AAEzG,SACI,OAAO,SAAS,KACZ,oCAAC,SAAK,GAAG,QACJ,OAAO,IAAI,CAAC,MAAM,UACf,oCAAC,SAAI,KAAK,SAAQ,IAAK,CAC1B,CACL;AAGZ;",
+  "names": []
+}

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

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

package/dist/cjs/components/FormAutocomplete.js

@@ -0,0 +1,48 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FormAutocomplete.tsx
+var FormAutocomplete_exports = {};
+__export(FormAutocomplete_exports, {
+  FormAutocomplete: () => FormAutocomplete
+});
+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
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormAutocomplete
+});
+//# sourceMappingURL=FormAutocomplete.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/FormAutocomplete.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { Autocomplete } from \"@heroui/react\"\nimport { FieldComponentProps } from \"soda-tanstack-form\"\n\nimport { ErrorMessage } from \"./ErrorMessage\"\n\nexport interface FormAutocompleteProps<FieldValue extends string | undefined = string | undefined, T extends object = object>\n    extends FieldComponentProps<typeof Autocomplete<T>, FieldValue> {}\n\nexport function FormAutocomplete<FieldValue extends string | undefined = string | undefined, T extends object = object>({\n    field,\n    ...rest\n}: FormAutocompleteProps<FieldValue, T>): ReactNode {\n    return (\n        <Autocomplete<T>\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;AAG7B,0BAA6B;AAKtB,SAAS,iBAAwG;AAAA,EACpH;AAAA,EACA,GAAG;AACP,GAAoD;AAChD,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;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+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"> {
+}
+export declare function FormCalendar<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormCalendarProps<FieldValue>): ReactNode;

package/dist/cjs/components/FormCalendar.js

@@ -0,0 +1,48 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FormCalendar.tsx
+var FormCalendar_exports = {};
+__export(FormCalendar_exports, {
+  FormCalendar: () => FormCalendar
+});
+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
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormCalendar
+});
+//# sourceMappingURL=FormCalendar.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

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

package/dist/cjs/components/FormCheckbox.js

@@ -0,0 +1,45 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FormCheckbox.tsx
+var FormCheckbox_exports = {};
+__export(FormCheckbox_exports, {
+  FormCheckbox: () => FormCheckbox
+});
+module.exports = __toCommonJS(FormCheckbox_exports);
+var import_react = require("@heroui/react");
+var import_ErrorMessage = require("./ErrorMessage");
+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
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormCheckbox
+});
+//# sourceMappingURL=FormCheckbox.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

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

package/dist/cjs/components/FormCheckboxGroup.js

@@ -0,0 +1,48 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FormCheckboxGroup.tsx
+var FormCheckboxGroup_exports = {};
+__export(FormCheckboxGroup_exports, {
+  FormCheckboxGroup: () => FormCheckboxGroup
+});
+module.exports = __toCommonJS(FormCheckboxGroup_exports);
+var import_react = require("@heroui/react");
+var import_ErrorMessage = require("./ErrorMessage");
+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
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormCheckboxGroup
+});
+//# sourceMappingURL=FormCheckboxGroup.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+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"> {
+}
+export declare function FormDateInput<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormDateInputProps<FieldValue>): ReactNode;

package/dist/cjs/components/FormDateInput.js

@@ -0,0 +1,48 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FormDateInput.tsx
+var FormDateInput_exports = {};
+__export(FormDateInput_exports, {
+  FormDateInput: () => FormDateInput
+});
+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
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormDateInput
+});
+//# sourceMappingURL=FormDateInput.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+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"> {
+}
+export declare function FormDatePicker<FieldValue extends number | undefined = number | undefined>({ field, ...rest }: FormDatePickerProps<FieldValue>): ReactNode;

package/dist/cjs/components/FormDatePicker.js

@@ -0,0 +1,48 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FormDatePicker.tsx
+var FormDatePicker_exports = {};
+__export(FormDatePicker_exports, {
+  FormDatePicker: () => FormDatePicker
+});
+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
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormDatePicker
+});
+//# sourceMappingURL=FormDatePicker.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+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"> {
+}
+export declare function FormDateRangePicker<FieldValue extends [number, number] | undefined = [number, number] | undefined>({ field, ...rest }: FormDateRangePickerProps<FieldValue>): ReactNode;

package/dist/cjs/components/FormDateRangePicker.js

@@ -0,0 +1,54 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FormDateRangePicker.tsx
+var FormDateRangePicker_exports = {};
+__export(FormDateRangePicker_exports, {
+  FormDateRangePicker: () => FormDateRangePicker
+});
+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
+}) {
+  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),
+      ...rest
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormDateRangePicker
+});
+//# sourceMappingURL=FormDateRangePicker.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

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

package/dist/cjs/components/FormInput.js

@@ -0,0 +1,45 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FormInput.tsx
+var FormInput_exports = {};
+__export(FormInput_exports, {
+  FormInput: () => FormInput
+});
+module.exports = __toCommonJS(FormInput_exports);
+var import_react = require("@heroui/react");
+var import_ErrorMessage = require("./ErrorMessage");
+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
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormInput
+});
+//# sourceMappingURL=FormInput.js.map