@form-os/react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Adam Beleko
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Field-Bq9-eB99.d.cts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { ComponentType } from 'react';
+import { Control, RegisterOptions } from 'react-hook-form';
+import { FieldConfig } from '@form-os/core';
+
+interface FieldProps {
+    field: FieldConfig;
+    control: Control;
+    component?: ComponentType<any>;
+    rules?: RegisterOptions;
+    [key: string]: any;
+}
+declare function Field({ field, control, component, rules, ...rest }: FieldProps): react.JSX.Element | null;
+
+export { type FieldProps as F, Field as a };

package/dist/Field-Bq9-eB99.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { ComponentType } from 'react';
+import { Control, RegisterOptions } from 'react-hook-form';
+import { FieldConfig } from '@form-os/core';
+
+interface FieldProps {
+    field: FieldConfig;
+    control: Control;
+    component?: ComponentType<any>;
+    rules?: RegisterOptions;
+    [key: string]: any;
+}
+declare function Field({ field, control, component, rules, ...rest }: FieldProps): react.JSX.Element | null;
+
+export { type FieldProps as F, Field as a };

package/dist/chunk-CYMOPAGJ.cjs

@@ -0,0 +1,61 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/useField.ts
+var _react = require('react');
+var _reacthookform = require('react-hook-form');
+var _core = require('@form-os/core');
+function useField(field, control, options = {}) {
+  const values = _reacthookform.useWatch.call(void 0, { control });
+  const state = _react.useMemo.call(void 0, 
+    () => _core.getFieldState.call(void 0, field, _nullishCoalesce(values, () => ( {}))),
+    [field, values]
+  );
+  const { field: f, fieldState } = _reacthookform.useController.call(void 0, {
+    name: field.name,
+    control,
+    rules: _nullishCoalesce(options.rules, () => ( field.rules)),
+    defaultValue: _nullishCoalesce(options.defaultValue, () => ( field.defaultValue)),
+    disabled: state.disabled
+  });
+  return { field: f, fieldState, state };
+}
+
+// src/FormFieldsContext.tsx
+
+var _jsxruntime = require('react/jsx-runtime');
+var FormFieldsContext = _react.createContext.call(void 0, {});
+function FormFieldsProvider({ components, children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FormFieldsContext.Provider, { value: components, children });
+}
+function useFieldComponents() {
+  return _react.useContext.call(void 0, FormFieldsContext);
+}
+
+// src/Field.tsx
+
+function Field({ field, control, component, rules, ...rest }) {
+  const contextComponents = useFieldComponents();
+  const Component = _nullishCoalesce(_nullishCoalesce(component, () => ( contextComponents[field.type])), () => ( contextComponents["text"]));
+  const { field: f, fieldState, state } = useField(field, control, { rules });
+  if (!state.visible) {
+    return null;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Component,
+    {
+      formField: f,
+      fieldConfig: field,
+      fieldState: state,
+      error: fieldState.error,
+      disabled: state.disabled,
+      readonly: state.readonly,
+      ...rest
+    }
+  );
+}
+
+
+
+
+
+
+exports.useField = useField; exports.FormFieldsProvider = FormFieldsProvider; exports.useFieldComponents = useFieldComponents; exports.Field = Field;
+//# sourceMappingURL=chunk-CYMOPAGJ.cjs.map

package/dist/chunk-CYMOPAGJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/abeleko/Documents/larven/formjs/packages/react/dist/chunk-CYMOPAGJ.cjs","../src/useField.ts","../src/FormFieldsContext.tsx","../src/Field.tsx"],"names":["jsx"],"mappings":"AAAA;ACAA,8BAAwB;AACxB,gDAAwC;AAExC,qCAAgD;AAOzC,SAAS,QAAA,CACd,KAAA,EACA,OAAA,EACA,QAAA,EAA2B,CAAC,CAAA,EAC5B;AACA,EAAA,MAAM,OAAA,EAAS,qCAAA,EAAW,QAAQ,CAAC,CAAA;AAEnC,EAAA,MAAM,MAAA,EAAQ,4BAAA;AAAA,IACZ,CAAA,EAAA,GAAM,iCAAA,KAAc,mBAAO,MAAA,UAAU,CAAC,GAAC,CAAA;AAAA,IACvC,CAAC,KAAA,EAAO,MAAM;AAAA,EAChB,CAAA;AAEA,EAAA,MAAM,EAAE,KAAA,EAAO,CAAA,EAAG,WAAW,EAAA,EAAI,0CAAA;AAAc,IAC7C,IAAA,EAAM,KAAA,CAAM,IAAA;AAAA,IACZ,OAAA;AAAA,IACA,KAAA,mBAAO,OAAA,CAAQ,KAAA,UAAU,KAAA,CAAM,OAAA;AAAA,IAC/B,YAAA,mBAAc,OAAA,CAAQ,YAAA,UAAgB,KAAA,CAAM,cAAA;AAAA,IAC5C,QAAA,EAAU,KAAA,CAAM;AAAA,EAClB,CAAC,CAAA;AAED,EAAA,OAAO,EAAE,KAAA,EAAO,CAAA,EAAG,UAAA,EAAY,MAAM,CAAA;AACvC;ADZA;AACA;AEpBA;AAcI,+CAAA;AATJ,IAAM,kBAAA,EAAoB,kCAAA,CAA8B,CAAC,CAAA;AAOlD,SAAS,kBAAA,CAAmB,EAAE,UAAA,EAAY,SAAS,CAAA,EAA4B;AACpF,EAAA,uBACE,6BAAA,iBAAC,CAAkB,QAAA,EAAlB,EAA2B,KAAA,EAAO,UAAA,EAChC,SAAA,CACH,CAAA;AAEJ;AAEO,SAAS,kBAAA,CAAA,EAAoC;AAClD,EAAA,OAAO,+BAAA,iBAA4B,CAAA;AACrC;AFQA;AACA;AGPI;AAVG,SAAS,KAAA,CAAM,EAAE,KAAA,EAAO,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,GAAG,KAAK,CAAA,EAAe;AAC/E,EAAA,MAAM,kBAAA,EAAoB,kBAAA,CAAmB,CAAA;AAC7C,EAAA,MAAM,UAAA,oCAAY,SAAA,UAAa,iBAAA,CAAkB,KAAA,CAAM,IAAI,GAAA,UAAK,iBAAA,CAAkB,MAAM,GAAA;AACxF,EAAA,MAAM,EAAE,KAAA,EAAO,CAAA,EAAG,UAAA,EAAY,MAAM,EAAA,EAAI,QAAA,CAAS,KAAA,EAAO,OAAA,EAAS,EAAE,MAAM,CAAC,CAAA;AAE1E,EAAA,GAAA,CAAI,CAAC,KAAA,CAAM,OAAA,EAAS;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEA,6BAAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAA;AAAA,MACX,WAAA,EAAa,KAAA;AAAA,MACb,UAAA,EAAY,KAAA;AAAA,MACZ,KAAA,EAAO,UAAA,CAAW,KAAA;AAAA,MAClB,QAAA,EAAU,KAAA,CAAM,QAAA;AAAA,MAChB,QAAA,EAAU,KAAA,CAAM,QAAA;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AHmBA;AACA;AACE;AACA;AACA;AACA;AACF,qJAAC","file":"/Users/abeleko/Documents/larven/formjs/packages/react/dist/chunk-CYMOPAGJ.cjs","sourcesContent":[null,"import { useMemo } from 'react';\nimport { useController, useWatch } from 'react-hook-form';\nimport type { Control, RegisterOptions } from 'react-hook-form';\nimport { getFieldState, type FieldConfig } from '@form-os/core';\n\nexport interface UseFieldOptions {\n  rules?: RegisterOptions;\n  defaultValue?: any;\n}\n\nexport function useField(\n  field: FieldConfig,\n  control: Control,\n  options: UseFieldOptions = {}\n) {\n  const values = useWatch({ control }) as Record<string, any>;\n\n  const state = useMemo(\n    () => getFieldState(field, values ?? {}),\n    [field, values]\n  );\n\n  const { field: f, fieldState } = useController({\n    name: field.name,\n    control,\n    rules: options.rules ?? (field.rules as RegisterOptions | undefined),\n    defaultValue: options.defaultValue ?? field.defaultValue,\n    disabled: state.disabled,\n  });\n\n  return { field: f, fieldState, state };\n}\n","import { createContext, useContext } from 'react';\nimport type { ComponentType, ReactNode } from 'react';\n\nexport type ComponentsMap = Record<string, ComponentType<any>>;\n\nconst FormFieldsContext = createContext<ComponentsMap>({});\n\nexport interface FormFieldsProviderProps {\n  components: ComponentsMap;\n  children: ReactNode;\n}\n\nexport function FormFieldsProvider({ components, children }: FormFieldsProviderProps) {\n  return (\n    <FormFieldsContext.Provider value={components}>\n      {children}\n    </FormFieldsContext.Provider>\n  );\n}\n\nexport function useFieldComponents(): ComponentsMap {\n  return useContext(FormFieldsContext);\n}\n","import type { ComponentType } from 'react';\nimport type { Control, RegisterOptions } from 'react-hook-form';\nimport type { FieldConfig } from '@form-os/core';\nimport { useField } from './useField';\nimport { useFieldComponents } from './FormFieldsContext';\n\nexport interface FieldProps {\n  field: FieldConfig;\n  control: Control;\n  component?: ComponentType<any>;\n  rules?: RegisterOptions;\n  [key: string]: any;\n}\n\nexport function Field({ field, control, component, rules, ...rest }: FieldProps) {\n  const contextComponents = useFieldComponents();\n  const Component = component ?? contextComponents[field.type] ?? contextComponents['text'];\n  const { field: f, fieldState, state } = useField(field, control, { rules });\n\n  if (!state.visible) {\n    return null;\n  }\n\n  return (\n    <Component\n      formField={f}\n      fieldConfig={field}\n      fieldState={state}\n      error={fieldState.error}\n      disabled={state.disabled}\n      readonly={state.readonly}\n      {...rest}\n    />\n  );\n}\n"]}

package/dist/chunk-N346U2SM.js

@@ -0,0 +1,61 @@
+// src/useField.ts
+import { useMemo } from "react";
+import { useController, useWatch } from "react-hook-form";
+import { getFieldState } from "@form-os/core";
+function useField(field, control, options = {}) {
+  const values = useWatch({ control });
+  const state = useMemo(
+    () => getFieldState(field, values ?? {}),
+    [field, values]
+  );
+  const { field: f, fieldState } = useController({
+    name: field.name,
+    control,
+    rules: options.rules ?? field.rules,
+    defaultValue: options.defaultValue ?? field.defaultValue,
+    disabled: state.disabled
+  });
+  return { field: f, fieldState, state };
+}
+
+// src/FormFieldsContext.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var FormFieldsContext = createContext({});
+function FormFieldsProvider({ components, children }) {
+  return /* @__PURE__ */ jsx(FormFieldsContext.Provider, { value: components, children });
+}
+function useFieldComponents() {
+  return useContext(FormFieldsContext);
+}
+
+// src/Field.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Field({ field, control, component, rules, ...rest }) {
+  const contextComponents = useFieldComponents();
+  const Component = component ?? contextComponents[field.type] ?? contextComponents["text"];
+  const { field: f, fieldState, state } = useField(field, control, { rules });
+  if (!state.visible) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx2(
+    Component,
+    {
+      formField: f,
+      fieldConfig: field,
+      fieldState: state,
+      error: fieldState.error,
+      disabled: state.disabled,
+      readonly: state.readonly,
+      ...rest
+    }
+  );
+}
+
+export {
+  useField,
+  FormFieldsProvider,
+  useFieldComponents,
+  Field
+};
+//# sourceMappingURL=chunk-N346U2SM.js.map

package/dist/chunk-N346U2SM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useField.ts","../src/FormFieldsContext.tsx","../src/Field.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useController, useWatch } from 'react-hook-form';\nimport type { Control, RegisterOptions } from 'react-hook-form';\nimport { getFieldState, type FieldConfig } from '@form-os/core';\n\nexport interface UseFieldOptions {\n  rules?: RegisterOptions;\n  defaultValue?: any;\n}\n\nexport function useField(\n  field: FieldConfig,\n  control: Control,\n  options: UseFieldOptions = {}\n) {\n  const values = useWatch({ control }) as Record<string, any>;\n\n  const state = useMemo(\n    () => getFieldState(field, values ?? {}),\n    [field, values]\n  );\n\n  const { field: f, fieldState } = useController({\n    name: field.name,\n    control,\n    rules: options.rules ?? (field.rules as RegisterOptions | undefined),\n    defaultValue: options.defaultValue ?? field.defaultValue,\n    disabled: state.disabled,\n  });\n\n  return { field: f, fieldState, state };\n}\n","import { createContext, useContext } from 'react';\nimport type { ComponentType, ReactNode } from 'react';\n\nexport type ComponentsMap = Record<string, ComponentType<any>>;\n\nconst FormFieldsContext = createContext<ComponentsMap>({});\n\nexport interface FormFieldsProviderProps {\n  components: ComponentsMap;\n  children: ReactNode;\n}\n\nexport function FormFieldsProvider({ components, children }: FormFieldsProviderProps) {\n  return (\n    <FormFieldsContext.Provider value={components}>\n      {children}\n    </FormFieldsContext.Provider>\n  );\n}\n\nexport function useFieldComponents(): ComponentsMap {\n  return useContext(FormFieldsContext);\n}\n","import type { ComponentType } from 'react';\nimport type { Control, RegisterOptions } from 'react-hook-form';\nimport type { FieldConfig } from '@form-os/core';\nimport { useField } from './useField';\nimport { useFieldComponents } from './FormFieldsContext';\n\nexport interface FieldProps {\n  field: FieldConfig;\n  control: Control;\n  component?: ComponentType<any>;\n  rules?: RegisterOptions;\n  [key: string]: any;\n}\n\nexport function Field({ field, control, component, rules, ...rest }: FieldProps) {\n  const contextComponents = useFieldComponents();\n  const Component = component ?? contextComponents[field.type] ?? contextComponents['text'];\n  const { field: f, fieldState, state } = useField(field, control, { rules });\n\n  if (!state.visible) {\n    return null;\n  }\n\n  return (\n    <Component\n      formField={f}\n      fieldConfig={field}\n      fieldState={state}\n      error={fieldState.error}\n      disabled={state.disabled}\n      readonly={state.readonly}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";AAAA,SAAS,eAAe;AACxB,SAAS,eAAe,gBAAgB;AAExC,SAAS,qBAAuC;AAOzC,SAAS,SACd,OACA,SACA,UAA2B,CAAC,GAC5B;AACA,QAAM,SAAS,SAAS,EAAE,QAAQ,CAAC;AAEnC,QAAM,QAAQ;AAAA,IACZ,MAAM,cAAc,OAAO,UAAU,CAAC,CAAC;AAAA,IACvC,CAAC,OAAO,MAAM;AAAA,EAChB;AAEA,QAAM,EAAE,OAAO,GAAG,WAAW,IAAI,cAAc;AAAA,IAC7C,MAAM,MAAM;AAAA,IACZ;AAAA,IACA,OAAO,QAAQ,SAAU,MAAM;AAAA,IAC/B,cAAc,QAAQ,gBAAgB,MAAM;AAAA,IAC5C,UAAU,MAAM;AAAA,EAClB,CAAC;AAED,SAAO,EAAE,OAAO,GAAG,YAAY,MAAM;AACvC;;;AC/BA,SAAS,eAAe,kBAAkB;AActC;AATJ,IAAM,oBAAoB,cAA6B,CAAC,CAAC;AAOlD,SAAS,mBAAmB,EAAE,YAAY,SAAS,GAA4B;AACpF,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,YAChC,UACH;AAEJ;AAEO,SAAS,qBAAoC;AAClD,SAAO,WAAW,iBAAiB;AACrC;;;ACEI,gBAAAA,YAAA;AAVG,SAAS,MAAM,EAAE,OAAO,SAAS,WAAW,OAAO,GAAG,KAAK,GAAe;AAC/E,QAAM,oBAAoB,mBAAmB;AAC7C,QAAM,YAAY,aAAa,kBAAkB,MAAM,IAAI,KAAK,kBAAkB,MAAM;AACxF,QAAM,EAAE,OAAO,GAAG,YAAY,MAAM,IAAI,SAAS,OAAO,SAAS,EAAE,MAAM,CAAC;AAE1E,MAAI,CAAC,MAAM,SAAS;AAClB,WAAO;AAAA,EACT;AAEA,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,OAAO,WAAW;AAAA,MAClB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MACf,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["jsx"]}

package/dist/fields/index.cjs

@@ -0,0 +1,272 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkCYMOPAGJcjs = require('../chunk-CYMOPAGJ.cjs');
+
+// src/fields/TextField.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function TextField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      ref,
+      ...field,
+      type: "text",
+      placeholder: fieldConfig.placeholder,
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/NumberField.tsx
+
+function NumberField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      ref,
+      ...field,
+      type: "number",
+      min: _optionalChain([fieldConfig, 'access', _ => _.rules, 'optionalAccess', _2 => _2.min]),
+      max: _optionalChain([fieldConfig, 'access', _3 => _3.rules, 'optionalAccess', _4 => _4.max]),
+      placeholder: fieldConfig.placeholder,
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/EmailField.tsx
+
+function EmailField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      ref,
+      ...field,
+      type: "email",
+      placeholder: fieldConfig.placeholder,
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/PasswordField.tsx
+
+function PasswordField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      ref,
+      ...field,
+      type: "password",
+      placeholder: fieldConfig.placeholder,
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/TextAreaField.tsx
+
+function TextAreaField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "textarea",
+    {
+      ref,
+      ...field,
+      rows: _nullishCoalesce(_optionalChain([fieldConfig, 'access', _5 => _5.props, 'optionalAccess', _6 => _6.rows]), () => ( 3)),
+      placeholder: fieldConfig.placeholder,
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/DateField.tsx
+
+function DateField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      ref,
+      ...field,
+      type: "date",
+      placeholder: fieldConfig.placeholder,
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/SelectField.tsx
+
+function SelectField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  const multiple = !!_optionalChain([fieldConfig, 'access', _7 => _7.props, 'optionalAccess', _8 => _8.multiple]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "select",
+    {
+      ref,
+      ...field,
+      multiple,
+      className,
+      ...rest,
+      children: _optionalChain([fieldConfig, 'access', _9 => _9.options, 'optionalAccess', _10 => _10.map, 'call', _11 => _11((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: opt.value, children: opt.label }, opt.value))])
+    }
+  );
+}
+
+// src/fields/CheckboxField.tsx
+
+function CheckboxField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, value, ...field } = formField;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      ref,
+      type: "checkbox",
+      checked: !!value,
+      ...field,
+      onChange: (e) => field.onChange(e.target.checked),
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/RadioField.tsx
+
+function RadioField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, onChange, onBlur, name, value } = formField;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, ...rest, children: _optionalChain([fieldConfig, 'access', _12 => _12.options, 'optionalAccess', _13 => _13.map, 'call', _14 => _14((opt) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        type: "radio",
+        name,
+        value: opt.value,
+        checked: value === opt.value,
+        onChange: () => onChange(opt.value),
+        onBlur,
+        ref: value === opt.value ? ref : void 0
+      }
+    ),
+    opt.label
+  ] }, opt.value))]) });
+}
+
+// src/fields/SwitchField.tsx
+
+function SwitchField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, value, ...field } = formField;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      ref,
+      type: "checkbox",
+      role: "switch",
+      checked: !!value,
+      ...field,
+      onChange: (e) => field.onChange(e.target.checked),
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/defaultComponents.ts
+var defaultComponents = {
+  text: TextField,
+  number: NumberField,
+  email: EmailField,
+  password: PasswordField,
+  textarea: TextAreaField,
+  date: DateField,
+  select: SelectField,
+  checkbox: CheckboxField,
+  radio: RadioField,
+  switch: SwitchField
+};
+
+// src/fields/DefaultField.tsx
+
+function DefaultField({
+  field,
+  control,
+  ...rest
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCYMOPAGJcjs.Field, { field, control, components: defaultComponents, ...rest });
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.CheckboxField = CheckboxField; exports.DateField = DateField; exports.DefaultField = DefaultField; exports.EmailField = EmailField; exports.NumberField = NumberField; exports.PasswordField = PasswordField; exports.RadioField = RadioField; exports.SelectField = SelectField; exports.SwitchField = SwitchField; exports.TextAreaField = TextAreaField; exports.TextField = TextField; exports.defaultComponents = defaultComponents;
+//# sourceMappingURL=index.cjs.map

package/dist/fields/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/abeleko/Documents/larven/formjs/packages/react/dist/fields/index.cjs","../../src/fields/TextField.tsx","../../src/fields/NumberField.tsx","../../src/fields/EmailField.tsx","../../src/fields/PasswordField.tsx","../../src/fields/TextAreaField.tsx","../../src/fields/DateField.tsx","../../src/fields/SelectField.tsx","../../src/fields/CheckboxField.tsx","../../src/fields/RadioField.tsx","../../src/fields/SwitchField.tsx","../../src/fields/defaultComponents.ts","../../src/fields/DefaultField.tsx"],"names":["jsx"],"mappings":"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","file":"/Users/abeleko/Documents/larven/formjs/packages/react/dist/fields/index.cjs","sourcesContent":[null,"import type { FieldComponentProps } from './types';\n\nexport function TextField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"text\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function NumberField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"number\"\n      min={fieldConfig.rules?.min}\n      max={fieldConfig.rules?.max}\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function EmailField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"email\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function PasswordField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"password\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function TextAreaField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <textarea\n      ref={ref}\n      {...field}\n      rows={fieldConfig.props?.rows ?? 3}\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function DateField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"date\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function SelectField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  const multiple = !!fieldConfig.props?.multiple;\n\n  return (\n    <select\n      ref={ref}\n      {...field}\n      multiple={multiple}\n      className={className}\n      {...rest}\n    >\n      {fieldConfig.options?.map((opt) => (\n        <option key={opt.value} value={opt.value}>\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function CheckboxField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, value, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      checked={!!value}\n      {...field}\n      onChange={(e) => field.onChange(e.target.checked)}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function RadioField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, onChange, onBlur, name, value } = formField;\n\n  return (\n    <div className={className} {...rest}>\n      {fieldConfig.options?.map((opt) => (\n        <label key={opt.value}>\n          <input\n            type=\"radio\"\n            name={name}\n            value={opt.value}\n            checked={value === opt.value}\n            onChange={() => onChange(opt.value)}\n            onBlur={onBlur}\n            ref={value === opt.value ? ref : undefined}\n          />\n          {opt.label}\n        </label>\n      ))}\n    </div>\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function SwitchField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, value, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      role=\"switch\"\n      checked={!!value}\n      {...field}\n      onChange={(e) => field.onChange(e.target.checked)}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import { TextField } from './TextField';\nimport { NumberField } from './NumberField';\nimport { EmailField } from './EmailField';\nimport { PasswordField } from './PasswordField';\nimport { TextAreaField } from './TextAreaField';\nimport { DateField } from './DateField';\nimport { SelectField } from './SelectField';\nimport { CheckboxField } from './CheckboxField';\nimport { RadioField } from './RadioField';\nimport { SwitchField } from './SwitchField';\n\nexport const defaultComponents = {\n  text: TextField,\n  number: NumberField,\n  email: EmailField,\n  password: PasswordField,\n  textarea: TextAreaField,\n  date: DateField,\n  select: SelectField,\n  checkbox: CheckboxField,\n  radio: RadioField,\n  switch: SwitchField,\n};\n","import { Field, type FieldProps } from '../Field';\nimport { defaultComponents } from './defaultComponents';\n\nexport function DefaultField({\n  field,\n  control,\n  ...rest\n}: Omit<FieldProps, 'components'>) {\n  return <Field field={field} control={control} components={defaultComponents} {...rest} />;\n}\n"]}

package/dist/fields/index.d.cts

@@ -0,0 +1,52 @@
+import { FieldConfig, FieldState } from '@form-os/core';
+import { ControllerRenderProps, FieldError } from 'react-hook-form';
+import * as react from 'react';
+import { F as FieldProps } from '../Field-Bq9-eB99.cjs';
+
+interface FieldComponentProps {
+    formField: ControllerRenderProps;
+    fieldConfig: FieldConfig;
+    fieldState: FieldState;
+    error?: FieldError;
+    disabled?: boolean;
+    readonly?: boolean;
+    className?: string;
+    [key: string]: any;
+}
+
+declare function TextField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function NumberField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function EmailField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function PasswordField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function TextAreaField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function DateField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function SelectField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function CheckboxField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function RadioField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function SwitchField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare const defaultComponents: {
+    text: typeof TextField;
+    number: typeof NumberField;
+    email: typeof EmailField;
+    password: typeof PasswordField;
+    textarea: typeof TextAreaField;
+    date: typeof DateField;
+    select: typeof SelectField;
+    checkbox: typeof CheckboxField;
+    radio: typeof RadioField;
+    switch: typeof SwitchField;
+};
+
+declare function DefaultField({ field, control, ...rest }: Omit<FieldProps, 'components'>): react.JSX.Element;
+
+export { CheckboxField, DateField, DefaultField, EmailField, type FieldComponentProps, NumberField, PasswordField, RadioField, SelectField, SwitchField, TextAreaField, TextField, defaultComponents };

package/dist/fields/index.d.ts

@@ -0,0 +1,52 @@
+import { FieldConfig, FieldState } from '@form-os/core';
+import { ControllerRenderProps, FieldError } from 'react-hook-form';
+import * as react from 'react';
+import { F as FieldProps } from '../Field-Bq9-eB99.js';
+
+interface FieldComponentProps {
+    formField: ControllerRenderProps;
+    fieldConfig: FieldConfig;
+    fieldState: FieldState;
+    error?: FieldError;
+    disabled?: boolean;
+    readonly?: boolean;
+    className?: string;
+    [key: string]: any;
+}
+
+declare function TextField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function NumberField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function EmailField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function PasswordField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function TextAreaField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function DateField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function SelectField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function CheckboxField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function RadioField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare function SwitchField({ formField, fieldConfig, className, ...rest }: FieldComponentProps): react.JSX.Element;
+
+declare const defaultComponents: {
+    text: typeof TextField;
+    number: typeof NumberField;
+    email: typeof EmailField;
+    password: typeof PasswordField;
+    textarea: typeof TextAreaField;
+    date: typeof DateField;
+    select: typeof SelectField;
+    checkbox: typeof CheckboxField;
+    radio: typeof RadioField;
+    switch: typeof SwitchField;
+};
+
+declare function DefaultField({ field, control, ...rest }: Omit<FieldProps, 'components'>): react.JSX.Element;
+
+export { CheckboxField, DateField, DefaultField, EmailField, type FieldComponentProps, NumberField, PasswordField, RadioField, SelectField, SwitchField, TextAreaField, TextField, defaultComponents };

package/dist/fields/index.js

@@ -0,0 +1,272 @@
+import {
+  Field
+} from "../chunk-N346U2SM.js";
+
+// src/fields/TextField.tsx
+import { jsx } from "react/jsx-runtime";
+function TextField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      ...field,
+      type: "text",
+      placeholder: fieldConfig.placeholder,
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/NumberField.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function NumberField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  return /* @__PURE__ */ jsx2(
+    "input",
+    {
+      ref,
+      ...field,
+      type: "number",
+      min: fieldConfig.rules?.min,
+      max: fieldConfig.rules?.max,
+      placeholder: fieldConfig.placeholder,
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/EmailField.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function EmailField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  return /* @__PURE__ */ jsx3(
+    "input",
+    {
+      ref,
+      ...field,
+      type: "email",
+      placeholder: fieldConfig.placeholder,
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/PasswordField.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function PasswordField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  return /* @__PURE__ */ jsx4(
+    "input",
+    {
+      ref,
+      ...field,
+      type: "password",
+      placeholder: fieldConfig.placeholder,
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/TextAreaField.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function TextAreaField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  return /* @__PURE__ */ jsx5(
+    "textarea",
+    {
+      ref,
+      ...field,
+      rows: fieldConfig.props?.rows ?? 3,
+      placeholder: fieldConfig.placeholder,
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/DateField.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function DateField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  return /* @__PURE__ */ jsx6(
+    "input",
+    {
+      ref,
+      ...field,
+      type: "date",
+      placeholder: fieldConfig.placeholder,
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/SelectField.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function SelectField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, ...field } = formField;
+  const multiple = !!fieldConfig.props?.multiple;
+  return /* @__PURE__ */ jsx7(
+    "select",
+    {
+      ref,
+      ...field,
+      multiple,
+      className,
+      ...rest,
+      children: fieldConfig.options?.map((opt) => /* @__PURE__ */ jsx7("option", { value: opt.value, children: opt.label }, opt.value))
+    }
+  );
+}
+
+// src/fields/CheckboxField.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function CheckboxField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, value, ...field } = formField;
+  return /* @__PURE__ */ jsx8(
+    "input",
+    {
+      ref,
+      type: "checkbox",
+      checked: !!value,
+      ...field,
+      onChange: (e) => field.onChange(e.target.checked),
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/RadioField.tsx
+import { jsx as jsx9, jsxs } from "react/jsx-runtime";
+function RadioField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, onChange, onBlur, name, value } = formField;
+  return /* @__PURE__ */ jsx9("div", { className, ...rest, children: fieldConfig.options?.map((opt) => /* @__PURE__ */ jsxs("label", { children: [
+    /* @__PURE__ */ jsx9(
+      "input",
+      {
+        type: "radio",
+        name,
+        value: opt.value,
+        checked: value === opt.value,
+        onChange: () => onChange(opt.value),
+        onBlur,
+        ref: value === opt.value ? ref : void 0
+      }
+    ),
+    opt.label
+  ] }, opt.value)) });
+}
+
+// src/fields/SwitchField.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function SwitchField({
+  formField,
+  fieldConfig,
+  className,
+  ...rest
+}) {
+  const { ref, value, ...field } = formField;
+  return /* @__PURE__ */ jsx10(
+    "input",
+    {
+      ref,
+      type: "checkbox",
+      role: "switch",
+      checked: !!value,
+      ...field,
+      onChange: (e) => field.onChange(e.target.checked),
+      className,
+      ...rest
+    }
+  );
+}
+
+// src/fields/defaultComponents.ts
+var defaultComponents = {
+  text: TextField,
+  number: NumberField,
+  email: EmailField,
+  password: PasswordField,
+  textarea: TextAreaField,
+  date: DateField,
+  select: SelectField,
+  checkbox: CheckboxField,
+  radio: RadioField,
+  switch: SwitchField
+};
+
+// src/fields/DefaultField.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+function DefaultField({
+  field,
+  control,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx11(Field, { field, control, components: defaultComponents, ...rest });
+}
+export {
+  CheckboxField,
+  DateField,
+  DefaultField,
+  EmailField,
+  NumberField,
+  PasswordField,
+  RadioField,
+  SelectField,
+  SwitchField,
+  TextAreaField,
+  TextField,
+  defaultComponents
+};
+//# sourceMappingURL=index.js.map

package/dist/fields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/fields/TextField.tsx","../../src/fields/NumberField.tsx","../../src/fields/EmailField.tsx","../../src/fields/PasswordField.tsx","../../src/fields/TextAreaField.tsx","../../src/fields/DateField.tsx","../../src/fields/SelectField.tsx","../../src/fields/CheckboxField.tsx","../../src/fields/RadioField.tsx","../../src/fields/SwitchField.tsx","../../src/fields/defaultComponents.ts","../../src/fields/DefaultField.tsx"],"sourcesContent":["import type { FieldComponentProps } from './types';\n\nexport function TextField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"text\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function NumberField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"number\"\n      min={fieldConfig.rules?.min}\n      max={fieldConfig.rules?.max}\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function EmailField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"email\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function PasswordField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"password\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function TextAreaField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <textarea\n      ref={ref}\n      {...field}\n      rows={fieldConfig.props?.rows ?? 3}\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function DateField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      {...field}\n      type=\"date\"\n      placeholder={fieldConfig.placeholder}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function SelectField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, ...field } = formField;\n  const multiple = !!fieldConfig.props?.multiple;\n\n  return (\n    <select\n      ref={ref}\n      {...field}\n      multiple={multiple}\n      className={className}\n      {...rest}\n    >\n      {fieldConfig.options?.map((opt) => (\n        <option key={opt.value} value={opt.value}>\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function CheckboxField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, value, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      checked={!!value}\n      {...field}\n      onChange={(e) => field.onChange(e.target.checked)}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function RadioField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, onChange, onBlur, name, value } = formField;\n\n  return (\n    <div className={className} {...rest}>\n      {fieldConfig.options?.map((opt) => (\n        <label key={opt.value}>\n          <input\n            type=\"radio\"\n            name={name}\n            value={opt.value}\n            checked={value === opt.value}\n            onChange={() => onChange(opt.value)}\n            onBlur={onBlur}\n            ref={value === opt.value ? ref : undefined}\n          />\n          {opt.label}\n        </label>\n      ))}\n    </div>\n  );\n}\n","import type { FieldComponentProps } from './types';\n\nexport function SwitchField({\n  formField,\n  fieldConfig,\n  className,\n  ...rest\n}: FieldComponentProps) {\n  const { ref, value, ...field } = formField;\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      role=\"switch\"\n      checked={!!value}\n      {...field}\n      onChange={(e) => field.onChange(e.target.checked)}\n      className={className}\n      {...rest}\n    />\n  );\n}\n","import { TextField } from './TextField';\nimport { NumberField } from './NumberField';\nimport { EmailField } from './EmailField';\nimport { PasswordField } from './PasswordField';\nimport { TextAreaField } from './TextAreaField';\nimport { DateField } from './DateField';\nimport { SelectField } from './SelectField';\nimport { CheckboxField } from './CheckboxField';\nimport { RadioField } from './RadioField';\nimport { SwitchField } from './SwitchField';\n\nexport const defaultComponents = {\n  text: TextField,\n  number: NumberField,\n  email: EmailField,\n  password: PasswordField,\n  textarea: TextAreaField,\n  date: DateField,\n  select: SelectField,\n  checkbox: CheckboxField,\n  radio: RadioField,\n  switch: SwitchField,\n};\n","import { Field, type FieldProps } from '../Field';\nimport { defaultComponents } from './defaultComponents';\n\nexport function DefaultField({\n  field,\n  control,\n  ...rest\n}: Omit<FieldProps, 'components'>) {\n  return <Field field={field} control={control} components={defaultComponents} {...rest} />;\n}\n"],"mappings":"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","names":["jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx"]}

package/dist/index.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _chunkCYMOPAGJcjs = require('./chunk-CYMOPAGJ.cjs');
+
+// src/useFormConfig.ts
+var _react = require('react');
+var _reacthookform = require('react-hook-form');
+var _core = require('@form-os/core');
+function useFormConfig(config) {
+  const normalized = _react.useMemo.call(void 0, () => _core.normalizeConfig.call(void 0, config), [config]);
+  const defaultValues = _react.useMemo.call(void 0, 
+    () => Object.fromEntries(
+      normalized.fields.filter((f) => f.defaultValue !== void 0).map((f) => [f.name, f.defaultValue])
+    ),
+    [normalized.fields]
+  );
+  const form = _reacthookform.useForm.call(void 0, { defaultValues });
+  return { ...form, fields: normalized.fields };
+}
+
+// src/index.ts
+
+
+
+
+
+
+
+
+
+
+exports.Field = _chunkCYMOPAGJcjs.Field; exports.FormFieldsProvider = _chunkCYMOPAGJcjs.FormFieldsProvider; exports.FormProvider = _reacthookform.FormProvider; exports.useField = _chunkCYMOPAGJcjs.useField; exports.useFieldComponents = _chunkCYMOPAGJcjs.useFieldComponents; exports.useForm = _reacthookform.useForm; exports.useFormConfig = useFormConfig; exports.useFormContext = _reacthookform.useFormContext;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/abeleko/Documents/larven/formjs/packages/react/dist/index.cjs","../src/useFormConfig.ts","../src/index.ts"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACPA,8BAAwB;AACxB,gDAAwB;AACxB,qCAAmE;AAE5D,SAAS,aAAA,CAAc,MAAA,EAAoC;AAChE,EAAA,MAAM,WAAA,EAAa,4BAAA,CAAQ,EAAA,GAAM,mCAAA,MAAsB,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAElE,EAAA,MAAM,cAAA,EAAgB,4BAAA;AAAA,IACpB,CAAA,EAAA,GACE,MAAA,CAAO,WAAA;AAAA,MACL,UAAA,CAAW,MAAA,CACR,MAAA,CAAO,CAAC,CAAA,EAAA,GAAM,CAAA,CAAE,aAAA,IAAiB,KAAA,CAAS,CAAA,CAC1C,GAAA,CAAI,CAAC,CAAA,EAAA,GAAM,CAAC,CAAA,CAAE,IAAA,EAAM,CAAA,CAAE,YAAY,CAAC;AAAA,IACxC,CAAA;AAAA,IACF,CAAC,UAAA,CAAW,MAAM;AAAA,EACpB,CAAA;AAEA,EAAA,MAAM,KAAA,EAAO,oCAAA,EAAU,cAAc,CAAC,CAAA;AAEtC,EAAA,OAAO,EAAE,GAAG,IAAA,EAAM,MAAA,EAAQ,UAAA,CAAW,OAAO,CAAA;AAC9C;ADEA;AACA;AEhBA;AFkBA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,0ZAAC","file":"/Users/abeleko/Documents/larven/formjs/packages/react/dist/index.cjs","sourcesContent":[null,"import { useMemo } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { normalizeConfig, type FieldConfig, type FormConfig } from '@form-os/core';\n\nexport function useFormConfig(config: FieldConfig[] | FormConfig) {\n  const normalized = useMemo(() => normalizeConfig(config), [config]);\n\n  const defaultValues = useMemo(\n    () =>\n      Object.fromEntries(\n        normalized.fields\n          .filter((f) => f.defaultValue !== undefined)\n          .map((f) => [f.name, f.defaultValue])\n      ),\n    [normalized.fields]\n  );\n\n  const form = useForm({ defaultValues });\n\n  return { ...form, fields: normalized.fields };\n}\n","export { useFormConfig } from './useFormConfig';\nexport { Field } from './Field';\nexport type { FieldProps } from './Field';\nexport { useField } from './useField';\nexport type { UseFieldOptions } from './useField';\nexport { FormFieldsProvider, useFieldComponents } from './FormFieldsContext';\nexport type { ComponentsMap, FormFieldsProviderProps } from './FormFieldsContext';\nexport { FormProvider, useFormContext, useForm } from 'react-hook-form';\nexport type { Control, RegisterOptions, UseFormProps } from 'react-hook-form';\n"]}

package/dist/index.d.cts

@@ -0,0 +1,90 @@
+import * as react_hook_form from 'react-hook-form';
+import { RegisterOptions, Control } from 'react-hook-form';
+export { Control, FormProvider, RegisterOptions, UseFormProps, useForm, useFormContext } from 'react-hook-form';
+import * as _form_os_core from '@form-os/core';
+import { FieldConfig, FormConfig } from '@form-os/core';
+export { a as Field, F as FieldProps } from './Field-Bq9-eB99.cjs';
+import * as react from 'react';
+import { ComponentType, ReactNode } from 'react';
+
+declare function useFormConfig(config: FieldConfig[] | FormConfig): {
+    fields: FieldConfig[];
+    watch: react_hook_form.UseFormWatch<{
+        [k: string]: any;
+    }>;
+    getValues: react_hook_form.UseFormGetValues<{
+        [k: string]: any;
+    }>;
+    getFieldState: react_hook_form.UseFormGetFieldState<{
+        [k: string]: any;
+    }>;
+    setError: react_hook_form.UseFormSetError<{
+        [k: string]: any;
+    }>;
+    clearErrors: react_hook_form.UseFormClearErrors<{
+        [k: string]: any;
+    }>;
+    setValue: react_hook_form.UseFormSetValue<{
+        [k: string]: any;
+    }>;
+    setValues: react_hook_form.UseFormSetValues<{
+        [k: string]: any;
+    }>;
+    trigger: react_hook_form.UseFormTrigger<{
+        [k: string]: any;
+    }>;
+    formState: react_hook_form.FormState<{
+        [k: string]: any;
+    }>;
+    resetField: react_hook_form.UseFormResetField<{
+        [k: string]: any;
+    }>;
+    reset: react_hook_form.UseFormReset<{
+        [k: string]: any;
+    }>;
+    resetDefaultValues: react_hook_form.UseFormResetDefaultValues<{
+        [k: string]: any;
+    }>;
+    handleSubmit: react_hook_form.UseFormHandleSubmit<{
+        [k: string]: any;
+    }, {
+        [k: string]: any;
+    }>;
+    unregister: react_hook_form.UseFormUnregister<{
+        [k: string]: any;
+    }>;
+    control: react_hook_form.Control<{
+        [k: string]: any;
+    }, any, {
+        [k: string]: any;
+    }>;
+    register: react_hook_form.UseFormRegister<{
+        [k: string]: any;
+    }>;
+    setFocus: react_hook_form.UseFormSetFocus<{
+        [k: string]: any;
+    }>;
+    subscribe: react_hook_form.UseFormSubscribe<{
+        [k: string]: any;
+    }>;
+};
+
+interface UseFieldOptions {
+    rules?: RegisterOptions;
+    defaultValue?: any;
+}
+declare function useField(field: FieldConfig, control: Control, options?: UseFieldOptions): {
+    field: react_hook_form.ControllerRenderProps<react_hook_form.FieldValues, string>;
+    fieldState: react_hook_form.ControllerFieldState;
+    state: _form_os_core.FieldState;
+};
+
+type ComponentsMap = Record<string, ComponentType<any>>;
+interface FormFieldsProviderProps {
+    components: ComponentsMap;
+    children: ReactNode;
+}
+declare function FormFieldsProvider({ components, children }: FormFieldsProviderProps): react.JSX.Element;
+declare function useFieldComponents(): ComponentsMap;
+
+export { type ComponentsMap, FormFieldsProvider, type FormFieldsProviderProps, type UseFieldOptions, useField, useFieldComponents, useFormConfig };

package/dist/index.d.ts

@@ -0,0 +1,90 @@
+import * as react_hook_form from 'react-hook-form';
+import { RegisterOptions, Control } from 'react-hook-form';
+export { Control, FormProvider, RegisterOptions, UseFormProps, useForm, useFormContext } from 'react-hook-form';
+import * as _form_os_core from '@form-os/core';
+import { FieldConfig, FormConfig } from '@form-os/core';
+export { a as Field, F as FieldProps } from './Field-Bq9-eB99.js';
+import * as react from 'react';
+import { ComponentType, ReactNode } from 'react';
+
+declare function useFormConfig(config: FieldConfig[] | FormConfig): {
+    fields: FieldConfig[];
+    watch: react_hook_form.UseFormWatch<{
+        [k: string]: any;
+    }>;
+    getValues: react_hook_form.UseFormGetValues<{
+        [k: string]: any;
+    }>;
+    getFieldState: react_hook_form.UseFormGetFieldState<{
+        [k: string]: any;
+    }>;
+    setError: react_hook_form.UseFormSetError<{
+        [k: string]: any;
+    }>;
+    clearErrors: react_hook_form.UseFormClearErrors<{
+        [k: string]: any;
+    }>;
+    setValue: react_hook_form.UseFormSetValue<{
+        [k: string]: any;
+    }>;
+    setValues: react_hook_form.UseFormSetValues<{
+        [k: string]: any;
+    }>;
+    trigger: react_hook_form.UseFormTrigger<{
+        [k: string]: any;
+    }>;
+    formState: react_hook_form.FormState<{
+        [k: string]: any;
+    }>;
+    resetField: react_hook_form.UseFormResetField<{
+        [k: string]: any;
+    }>;
+    reset: react_hook_form.UseFormReset<{
+        [k: string]: any;
+    }>;
+    resetDefaultValues: react_hook_form.UseFormResetDefaultValues<{
+        [k: string]: any;
+    }>;
+    handleSubmit: react_hook_form.UseFormHandleSubmit<{
+        [k: string]: any;
+    }, {
+        [k: string]: any;
+    }>;
+    unregister: react_hook_form.UseFormUnregister<{
+        [k: string]: any;
+    }>;
+    control: react_hook_form.Control<{
+        [k: string]: any;
+    }, any, {
+        [k: string]: any;
+    }>;
+    register: react_hook_form.UseFormRegister<{
+        [k: string]: any;
+    }>;
+    setFocus: react_hook_form.UseFormSetFocus<{
+        [k: string]: any;
+    }>;
+    subscribe: react_hook_form.UseFormSubscribe<{
+        [k: string]: any;
+    }>;
+};
+
+interface UseFieldOptions {
+    rules?: RegisterOptions;
+    defaultValue?: any;
+}
+declare function useField(field: FieldConfig, control: Control, options?: UseFieldOptions): {
+    field: react_hook_form.ControllerRenderProps<react_hook_form.FieldValues, string>;
+    fieldState: react_hook_form.ControllerFieldState;
+    state: _form_os_core.FieldState;
+};
+
+type ComponentsMap = Record<string, ComponentType<any>>;
+interface FormFieldsProviderProps {
+    components: ComponentsMap;
+    children: ReactNode;
+}
+declare function FormFieldsProvider({ components, children }: FormFieldsProviderProps): react.JSX.Element;
+declare function useFieldComponents(): ComponentsMap;
+
+export { type ComponentsMap, FormFieldsProvider, type FormFieldsProviderProps, type UseFieldOptions, useField, useFieldComponents, useFormConfig };

package/dist/index.js

@@ -0,0 +1,36 @@
+import {
+  Field,
+  FormFieldsProvider,
+  useField,
+  useFieldComponents
+} from "./chunk-N346U2SM.js";
+
+// src/useFormConfig.ts
+import { useMemo } from "react";
+import { useForm } from "react-hook-form";
+import { normalizeConfig } from "@form-os/core";
+function useFormConfig(config) {
+  const normalized = useMemo(() => normalizeConfig(config), [config]);
+  const defaultValues = useMemo(
+    () => Object.fromEntries(
+      normalized.fields.filter((f) => f.defaultValue !== void 0).map((f) => [f.name, f.defaultValue])
+    ),
+    [normalized.fields]
+  );
+  const form = useForm({ defaultValues });
+  return { ...form, fields: normalized.fields };
+}
+
+// src/index.ts
+import { FormProvider, useFormContext, useForm as useForm2 } from "react-hook-form";
+export {
+  Field,
+  FormFieldsProvider,
+  FormProvider,
+  useField,
+  useFieldComponents,
+  useForm2 as useForm,
+  useFormConfig,
+  useFormContext
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useFormConfig.ts","../src/index.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { normalizeConfig, type FieldConfig, type FormConfig } from '@form-os/core';\n\nexport function useFormConfig(config: FieldConfig[] | FormConfig) {\n  const normalized = useMemo(() => normalizeConfig(config), [config]);\n\n  const defaultValues = useMemo(\n    () =>\n      Object.fromEntries(\n        normalized.fields\n          .filter((f) => f.defaultValue !== undefined)\n          .map((f) => [f.name, f.defaultValue])\n      ),\n    [normalized.fields]\n  );\n\n  const form = useForm({ defaultValues });\n\n  return { ...form, fields: normalized.fields };\n}\n","export { useFormConfig } from './useFormConfig';\nexport { Field } from './Field';\nexport type { FieldProps } from './Field';\nexport { useField } from './useField';\nexport type { UseFieldOptions } from './useField';\nexport { FormFieldsProvider, useFieldComponents } from './FormFieldsContext';\nexport type { ComponentsMap, FormFieldsProviderProps } from './FormFieldsContext';\nexport { FormProvider, useFormContext, useForm } from 'react-hook-form';\nexport type { Control, RegisterOptions, UseFormProps } from 'react-hook-form';\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,uBAA0D;AAE5D,SAAS,cAAc,QAAoC;AAChE,QAAM,aAAa,QAAQ,MAAM,gBAAgB,MAAM,GAAG,CAAC,MAAM,CAAC;AAElE,QAAM,gBAAgB;AAAA,IACpB,MACE,OAAO;AAAA,MACL,WAAW,OACR,OAAO,CAAC,MAAM,EAAE,iBAAiB,MAAS,EAC1C,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,CAAC;AAAA,IACxC;AAAA,IACF,CAAC,WAAW,MAAM;AAAA,EACpB;AAEA,QAAM,OAAO,QAAQ,EAAE,cAAc,CAAC;AAEtC,SAAO,EAAE,GAAG,MAAM,QAAQ,WAAW,OAAO;AAC9C;;;ACbA,SAAS,cAAc,gBAAgB,WAAAA,gBAAe;","names":["useForm"]}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@form-os/react",
+  "version": "0.1.0",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./fields": {
+      "types": "./dist/fields/index.d.ts",
+      "import": "./dist/fields/index.js",
+      "require": "./dist/fields/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "react-hook-form": ">=7.0.0"
+  },
+  "dependencies": {
+    "@form-os/core": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.51.0",
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.5"
+  },
+  "scripts": {
+    "build": "tsup"
+  }
+}