@cedarjs/forms 5.0.4-next.167 → 5.0.4-rc.3

package/dist/CheckboxField.js

@@ -1,7 +1,40 @@
-import React, { forwardRef } from "react";
-import { useErrorStyles } from "./useErrorStyles.js";
-import { useRegister } from "./useRegister.js";
-const CheckboxField = forwardRef(
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CheckboxField_exports = {};
+__export(CheckboxField_exports, {
+  CheckboxField: () => CheckboxField
+});
+module.exports = __toCommonJS(CheckboxField_exports);
+var import_react = __toESM(require("react"));
+var import_useErrorStyles = require("./useErrorStyles.js");
+var import_useRegister = require("./useRegister.js");
+const CheckboxField = (0, import_react.forwardRef)(
   ({
     name,
     id,
@@ -16,7 +49,7 @@ const CheckboxField = forwardRef(
     onChange,
     ...rest
   }, ref) => {
-    const styles = useErrorStyles({
+    const styles = (0, import_useErrorStyles.useErrorStyles)({
       name,
       errorClassName,
       errorStyle,
@@ -24,7 +57,7 @@ const CheckboxField = forwardRef(
       style
     });
     const type = "checkbox";
-    const useRegisterReturn = useRegister(
+    const useRegisterReturn = (0, import_useRegister.useRegister)(
       {
         name,
         validation,
@@ -34,7 +67,7 @@ const CheckboxField = forwardRef(
       },
       ref
     );
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(
       "input",
       {
         id: id || name,
@@ -46,6 +79,7 @@ const CheckboxField = forwardRef(
     );
   }
 );
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   CheckboxField
-};
+});

package/dist/FieldError.js

@@ -1,5 +1,38 @@
-import React from "react";
-import { get, useFormContext } from "react-hook-form";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FieldError_exports = {};
+__export(FieldError_exports, {
+  FieldError: () => FieldError
+});
+module.exports = __toCommonJS(FieldError_exports);
+var import_react = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
 const DEFAULT_MESSAGES = {
   required: "is required",
   pattern: "is not formatted correctly",
@@ -12,11 +45,12 @@ const DEFAULT_MESSAGES = {
 const FieldError = ({ name, ...rest }) => {
   const {
     formState: { errors }
-  } = useFormContext();
-  const validationError = get(errors, name);
+  } = (0, import_react_hook_form.useFormContext)();
+  const validationError = (0, import_react_hook_form.get)(errors, name);
   const errorMessage = validationError && (validationError.message || `${name} ${DEFAULT_MESSAGES[validationError.type]}`);
-  return validationError ? /* @__PURE__ */ React.createElement("span", { ...rest }, errorMessage) : null;
+  return validationError ? /* @__PURE__ */ import_react.default.createElement("span", { ...rest }, errorMessage) : null;
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   FieldError
-};
+});

package/dist/FieldProps.js

@@ -0,0 +1,16 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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);
+var FieldProps_exports = {};
+module.exports = __toCommonJS(FieldProps_exports);

package/dist/Form.js

@@ -1,6 +1,39 @@
-import React, { forwardRef } from "react";
-import { useForm, FormProvider } from "react-hook-form";
-import { ServerErrorsContext } from "./ServerErrorsContext.js";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Form_exports = {};
+__export(Form_exports, {
+  Form: () => Form
+});
+module.exports = __toCommonJS(Form_exports);
+var import_react = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
+var import_ServerErrorsContext = require("./ServerErrorsContext.js");
 function FormInner({
   config,
   error: errorProps,
@@ -9,11 +42,11 @@ function FormInner({
   children,
   ...rest
 }, ref) {
-  const hookFormMethods = useForm(
+  const hookFormMethods = (0, import_react_hook_form.useForm)(
     config
   );
   const formMethods = propFormMethods || hookFormMethods;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(
     "form",
     {
       ref,
@@ -22,16 +55,17 @@ function FormInner({
         (data, event) => onSubmit?.(data, event)
       )
     },
-    /* @__PURE__ */ React.createElement(
-      ServerErrorsContext.Provider,
+    /* @__PURE__ */ import_react.default.createElement(
+      import_ServerErrorsContext.ServerErrorsContext.Provider,
       {
         value: errorProps?.graphQLErrors?.[0]?.extensions?.properties?.messages || {}
       },
-      /* @__PURE__ */ React.createElement(FormProvider, { ...formMethods }, children)
+      /* @__PURE__ */ import_react.default.createElement(import_react_hook_form.FormProvider, { ...formMethods }, children)
     )
   );
 }
-const Form = forwardRef(FormInner);
-export {
+const Form = (0, import_react.forwardRef)(FormInner);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   Form
-};
+});

package/dist/FormError.js

@@ -1,4 +1,37 @@
-import React from "react";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FormError_exports = {};
+__export(FormError_exports, {
+  default: () => FormError_default
+});
+module.exports = __toCommonJS(FormError_exports);
+var import_react = __toESM(require("react"));
 const FormError = ({
   error,
   wrapperClassName,
@@ -52,9 +85,6 @@ const FormError = ({
   if (!rootMessage) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement("div", { className: wrapperClassName, style: wrapperStyle }, /* @__PURE__ */ React.createElement("p", { className: titleClassName, style: titleStyle }, rootMessage), messages.length > 0 && /* @__PURE__ */ React.createElement("ul", { className: listClassName, style: listStyle }, messages.map((message, index) => /* @__PURE__ */ React.createElement("li", { key: index, className: listItemClassName, style: listItemStyle }, message))));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: wrapperClassName, style: wrapperStyle }, /* @__PURE__ */ import_react.default.createElement("p", { className: titleClassName, style: titleStyle }, rootMessage), messages.length > 0 && /* @__PURE__ */ import_react.default.createElement("ul", { className: listClassName, style: listStyle }, messages.map((message, index) => /* @__PURE__ */ import_react.default.createElement("li", { key: index, className: listItemClassName, style: listItemStyle }, message))));
 };
 var FormError_default = FormError;
-export {
-  FormError_default as default
-};

package/dist/InputComponents.js

@@ -1,7 +1,61 @@
-import React, { forwardRef } from "react";
-import pascalcase from "pascalcase";
-import { useErrorStyles } from "./useErrorStyles.js";
-import { useRegister } from "./useRegister.js";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var InputComponents_exports = {};
+__export(InputComponents_exports, {
+  ButtonField: () => ButtonField,
+  ColorField: () => ColorField,
+  DateField: () => DateField,
+  DatetimeLocalField: () => DatetimeLocalField,
+  EmailField: () => EmailField,
+  FileField: () => FileField,
+  HiddenField: () => HiddenField,
+  ImageField: () => ImageField,
+  InputField: () => InputField,
+  MonthField: () => MonthField,
+  NumberField: () => NumberField,
+  PasswordField: () => PasswordField,
+  RadioField: () => RadioField,
+  RangeField: () => RangeField,
+  ResetField: () => ResetField,
+  SearchField: () => SearchField,
+  SubmitField: () => SubmitField,
+  TelField: () => TelField,
+  TextField: () => TextField,
+  TimeField: () => TimeField,
+  UrlField: () => UrlField,
+  WeekField: () => WeekField
+});
+module.exports = __toCommonJS(InputComponents_exports);
+var import_react = __toESM(require("react"));
+var import_pascalcase = __toESM(require("pascalcase"));
+var import_useErrorStyles = require("./useErrorStyles.js");
+var import_useRegister = require("./useRegister.js");
 const INPUT_TYPES = [
   "button",
   "color",
@@ -25,7 +79,7 @@ const INPUT_TYPES = [
   "url",
   "week"
 ];
-const InputField = forwardRef(
+const InputField = (0, import_react.forwardRef)(
   ({
     name,
     id,
@@ -42,14 +96,14 @@ const InputField = forwardRef(
     type,
     ...rest
   }, ref) => {
-    const styles = useErrorStyles({
+    const styles = (0, import_useErrorStyles.useErrorStyles)({
       name,
       errorClassName,
       errorStyle,
       className,
       style
     });
-    const useRegisterReturn = useRegister(
+    const useRegisterReturn = (0, import_useRegister.useRegister)(
       {
         name,
         validation,
@@ -60,7 +114,7 @@ const InputField = forwardRef(
       ref,
       emptyAs
     );
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(
       "input",
       {
         id: id || name,
@@ -74,7 +128,7 @@ const InputField = forwardRef(
 );
 const InputComponents = {};
 INPUT_TYPES.forEach((type) => {
-  InputComponents[`${pascalcase(type)}Field`] = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(InputField, { ref, type, ...props }));
+  InputComponents[`${(0, import_pascalcase.default)(type)}Field`] = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ import_react.default.createElement(InputField, { ref, type, ...props }));
 });
 const {
   ButtonField,
@@ -99,7 +153,8 @@ const {
   UrlField,
   WeekField
 } = InputComponents;
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   ButtonField,
   ColorField,
   DateField,
@@ -122,4 +177,4 @@ export {
   TimeField,
   UrlField,
   WeekField
-};
+});

package/dist/Label.js

@@ -1,5 +1,38 @@
-import React from "react";
-import { useErrorStyles } from "./useErrorStyles.js";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Label_exports = {};
+__export(Label_exports, {
+  Label: () => Label
+});
+module.exports = __toCommonJS(Label_exports);
+var import_react = __toESM(require("react"));
+var import_useErrorStyles = require("./useErrorStyles.js");
 const Label = ({
   name,
   children,
@@ -10,15 +43,16 @@ const Label = ({
   style,
   ...rest
 }) => {
-  const styles = useErrorStyles({
+  const styles = (0, import_useErrorStyles.useErrorStyles)({
     name,
     errorClassName,
     errorStyle,
     className,
     style
   });
-  return /* @__PURE__ */ React.createElement("label", { htmlFor: name, ...rest, ...styles }, children || name);
+  return /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: name, ...rest, ...styles }, children || name);
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   Label
-};
+});

package/dist/SelectField.js

@@ -1,7 +1,40 @@
-import React, { forwardRef } from "react";
-import { useErrorStyles } from "./useErrorStyles.js";
-import { useRegister } from "./useRegister.js";
-const SelectField = forwardRef(
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectField_exports = {};
+__export(SelectField_exports, {
+  SelectField: () => SelectField
+});
+module.exports = __toCommonJS(SelectField_exports);
+var import_react = __toESM(require("react"));
+var import_useErrorStyles = require("./useErrorStyles.js");
+var import_useRegister = require("./useRegister.js");
+const SelectField = (0, import_react.forwardRef)(
   ({
     name,
     id,
@@ -17,14 +50,14 @@ const SelectField = forwardRef(
     onChange,
     ...rest
   }, ref) => {
-    const styles = useErrorStyles({
+    const styles = (0, import_useErrorStyles.useErrorStyles)({
       name,
       errorClassName,
       errorStyle,
       className,
       style
     });
-    const useRegisterReturn = useRegister(
+    const useRegisterReturn = (0, import_useRegister.useRegister)(
       {
         name,
         validation,
@@ -34,9 +67,10 @@ const SelectField = forwardRef(
       ref,
       emptyAs
     );
-    return /* @__PURE__ */ React.createElement("select", { id: id || name, ...rest, ...styles, ...useRegisterReturn });
+    return /* @__PURE__ */ import_react.default.createElement("select", { id: id || name, ...rest, ...styles, ...useRegisterReturn });
   }
 );
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   SelectField
-};
+});

package/dist/ServerErrorsContext.js

@@ -1,5 +1,39 @@
-import React from "react";
-const ServerErrorsContext = React.createContext({});
-export {
-  ServerErrorsContext
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ServerErrorsContext_exports = {};
+__export(ServerErrorsContext_exports, {
+  ServerErrorsContext: () => ServerErrorsContext
+});
+module.exports = __toCommonJS(ServerErrorsContext_exports);
+var import_react = __toESM(require("react"));
+const ServerErrorsContext = import_react.default.createContext({});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ServerErrorsContext
+});

package/dist/Submit.js

@@ -1,5 +1,39 @@
-import React, { forwardRef } from "react";
-const Submit = forwardRef((props, ref) => /* @__PURE__ */ React.createElement("button", { ref, type: "submit", ...props }));
-export {
-  Submit
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Submit_exports = {};
+__export(Submit_exports, {
+  Submit: () => Submit
+});
+module.exports = __toCommonJS(Submit_exports);
+var import_react = __toESM(require("react"));
+const Submit = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ import_react.default.createElement("button", { ref, type: "submit", ...props }));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Submit
+});

package/dist/TextAreaField.js

@@ -1,7 +1,40 @@
-import React, { forwardRef } from "react";
-import { useErrorStyles } from "./useErrorStyles.js";
-import { useRegister } from "./useRegister.js";
-const TextAreaField = forwardRef(
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TextAreaField_exports = {};
+__export(TextAreaField_exports, {
+  TextAreaField: () => TextAreaField
+});
+module.exports = __toCommonJS(TextAreaField_exports);
+var import_react = __toESM(require("react"));
+var import_useErrorStyles = require("./useErrorStyles.js");
+var import_useRegister = require("./useRegister.js");
+const TextAreaField = (0, import_react.forwardRef)(
   ({
     name,
     id,
@@ -17,14 +50,14 @@ const TextAreaField = forwardRef(
     onChange,
     ...rest
   }, ref) => {
-    const styles = useErrorStyles({
+    const styles = (0, import_useErrorStyles.useErrorStyles)({
       name,
       errorClassName,
       errorStyle,
       className,
       style
     });
-    const useRegisterReturn = useRegister(
+    const useRegisterReturn = (0, import_useRegister.useRegister)(
       {
         name,
         validation,
@@ -34,9 +67,10 @@ const TextAreaField = forwardRef(
       ref,
       emptyAs
     );
-    return /* @__PURE__ */ React.createElement("textarea", { id: id || name, ...rest, ...styles, ...useRegisterReturn });
+    return /* @__PURE__ */ import_react.default.createElement("textarea", { id: id || name, ...rest, ...styles, ...useRegisterReturn });
   }
 );
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   TextAreaField
-};
+});

package/dist/coercion.js

@@ -1,3 +1,26 @@
+"use strict";
+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);
+var coercion_exports = {};
+__export(coercion_exports, {
+  setCoercion: () => setCoercion
+});
+module.exports = __toCommonJS(coercion_exports);
 const isValueEmpty = (val) => val === "";
 const SET_VALUE_AS_FUNCTIONS = {
   // valueAsBoolean is commented out as r-h-f does not currently support
@@ -149,6 +172,7 @@ const setCoercion = (validation, { type, name, emptyAs }) => {
     // isId
   );
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   setCoercion
-};
+});

package/dist/index.js

@@ -1,40 +1,84 @@
-export * from "react-hook-form";
-import { CheckboxField } from "./CheckboxField.js";
-import { FieldError } from "./FieldError.js";
-import { Form } from "./Form.js";
-import { default as default2 } from "./FormError.js";
-import {
-  InputField,
-  ButtonField,
-  ColorField,
-  DateField,
-  DatetimeLocalField,
-  EmailField,
-  FileField,
-  HiddenField,
-  ImageField,
-  MonthField,
-  NumberField,
-  PasswordField,
-  RadioField,
-  RangeField,
-  ResetField,
-  SearchField,
-  SubmitField,
-  TelField,
-  TextField,
-  TimeField,
-  UrlField,
-  WeekField
-} from "./InputComponents.js";
-import { Label } from "./Label.js";
-import { SelectField } from "./SelectField.js";
-import { ServerErrorsContext } from "./ServerErrorsContext.js";
-import { Submit } from "./Submit.js";
-import { TextAreaField } from "./TextAreaField.js";
-import { useErrorStyles } from "./useErrorStyles.js";
-import { useRegister } from "./useRegister.js";
-export {
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+__export(index_exports, {
+  ButtonField: () => import_InputComponents.ButtonField,
+  CheckboxField: () => import_CheckboxField.CheckboxField,
+  ColorField: () => import_InputComponents.ColorField,
+  DateField: () => import_InputComponents.DateField,
+  DatetimeLocalField: () => import_InputComponents.DatetimeLocalField,
+  EmailField: () => import_InputComponents.EmailField,
+  FieldError: () => import_FieldError.FieldError,
+  FileField: () => import_InputComponents.FileField,
+  Form: () => import_Form.Form,
+  FormError: () => import_FormError.default,
+  HiddenField: () => import_InputComponents.HiddenField,
+  ImageField: () => import_InputComponents.ImageField,
+  InputField: () => import_InputComponents.InputField,
+  Label: () => import_Label.Label,
+  MonthField: () => import_InputComponents.MonthField,
+  NumberField: () => import_InputComponents.NumberField,
+  PasswordField: () => import_InputComponents.PasswordField,
+  RadioField: () => import_InputComponents.RadioField,
+  RangeField: () => import_InputComponents.RangeField,
+  ResetField: () => import_InputComponents.ResetField,
+  SearchField: () => import_InputComponents.SearchField,
+  SelectField: () => import_SelectField.SelectField,
+  ServerErrorsContext: () => import_ServerErrorsContext.ServerErrorsContext,
+  Submit: () => import_Submit.Submit,
+  SubmitField: () => import_InputComponents.SubmitField,
+  TelField: () => import_InputComponents.TelField,
+  TextAreaField: () => import_TextAreaField.TextAreaField,
+  TextField: () => import_InputComponents.TextField,
+  TimeField: () => import_InputComponents.TimeField,
+  UrlField: () => import_InputComponents.UrlField,
+  WeekField: () => import_InputComponents.WeekField,
+  useErrorStyles: () => import_useErrorStyles.useErrorStyles,
+  useRegister: () => import_useRegister.useRegister
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("react-hook-form"), module.exports);
+var import_CheckboxField = require("./CheckboxField.js");
+var import_FieldError = require("./FieldError.js");
+var import_Form = require("./Form.js");
+var import_FormError = __toESM(require("./FormError.js"));
+var import_InputComponents = require("./InputComponents.js");
+var import_Label = require("./Label.js");
+var import_SelectField = require("./SelectField.js");
+var import_ServerErrorsContext = require("./ServerErrorsContext.js");
+var import_Submit = require("./Submit.js");
+var import_TextAreaField = require("./TextAreaField.js");
+var import_useErrorStyles = require("./useErrorStyles.js");
+var import_useRegister = require("./useRegister.js");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   ButtonField,
   CheckboxField,
   ColorField,
@@ -44,7 +88,7 @@ export {
   FieldError,
   FileField,
   Form,
-  default2 as FormError,
+  FormError,
   HiddenField,
   ImageField,
   InputField,
@@ -67,5 +111,6 @@ export {
   UrlField,
   WeekField,
   useErrorStyles,
-  useRegister
-};
+  useRegister,
+  ...require("react-hook-form")
+});

package/dist/useErrorStyles.js

@@ -1,6 +1,39 @@
-import React, { useContext } from "react";
-import { get, useFormContext } from "react-hook-form";
-import { ServerErrorsContext } from "./ServerErrorsContext.js";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useErrorStyles_exports = {};
+__export(useErrorStyles_exports, {
+  useErrorStyles: () => useErrorStyles
+});
+module.exports = __toCommonJS(useErrorStyles_exports);
+var import_react = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
+var import_ServerErrorsContext = require("./ServerErrorsContext.js");
 const useErrorStyles = ({
   name,
   errorClassName,
@@ -11,14 +44,14 @@ const useErrorStyles = ({
   const {
     formState: { errors },
     setError
-  } = useFormContext();
-  const serverError = useContext(ServerErrorsContext)[name];
-  React.useEffect(() => {
+  } = (0, import_react_hook_form.useFormContext)();
+  const serverError = (0, import_react.useContext)(import_ServerErrorsContext.ServerErrorsContext)[name];
+  import_react.default.useEffect(() => {
     if (serverError) {
       setError(name, { type: "server", message: serverError });
     }
   }, [serverError, name, setError]);
-  const validationError = name ? get(errors, name) : void 0;
+  const validationError = name ? (0, import_react_hook_form.get)(errors, name) : void 0;
   if (validationError) {
     if (errorClassName) {
       className = errorClassName;
@@ -29,6 +62,7 @@ const useErrorStyles = ({
   }
   return { className, style };
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   useErrorStyles
-};
+});

package/dist/useRegister.js

@@ -1,13 +1,36 @@
-import { useFormContext } from "react-hook-form";
-import { setCoercion } from "./coercion.js";
+"use strict";
+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);
+var useRegister_exports = {};
+__export(useRegister_exports, {
+  useRegister: () => useRegister
+});
+module.exports = __toCommonJS(useRegister_exports);
+var import_react_hook_form = require("react-hook-form");
+var import_coercion = require("./coercion.js");
 const useRegister = (props, ref, emptyAs) => {
-  const { register } = useFormContext();
+  const { register } = (0, import_react_hook_form.useFormContext)();
   const { name } = props;
   if (!name) {
     throw Error("`name` prop must be provided");
   }
   const validation = props.validation || { required: false };
-  setCoercion(validation, {
+  (0, import_coercion.setCoercion)(validation, {
     type: props.type,
     name,
     emptyAs
@@ -40,6 +63,7 @@ const useRegister = (props, ref, emptyAs) => {
     onChange
   };
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   useRegister
-};
+});

package/package.json

@@ -1,17 +1,19 @@
 {
   "name": "@cedarjs/forms",
-  "version": "5.0.4-next.167",
+  "version": "5.0.4-rc.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cedarjs/cedar.git",
     "directory": "packages/forms"
   },
   "license": "MIT",
-  "type": "module",
+  "type": "commonjs",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "default": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
     }
   },
   "main": "./dist/index.js",
@@ -20,7 +22,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "node ./build.mts",
+    "build": "node ./build.mts && yarn build:types",
     "build:pack": "yarn pack -o cedarjs-forms.tgz",
     "build:types": "tsc --build --verbose ./tsconfig.build.json",
     "build:watch": "nodemon --watch src --ext \"js,jsx,ts,tsx\" --ignore dist --exec \"yarn build\"",
@@ -36,21 +38,21 @@
     "react-hook-form": "7.74.0"
   },
   "devDependencies": {
-    "@cedarjs/framework-tools": "5.0.4-next.167",
-    "@testing-library/dom": "10.4.1",
+    "@cedarjs/framework-tools": "5.0.4-rc.3",
+    "@testing-library/dom": "9.3.4",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.2",
+    "@testing-library/react": "14.3.1",
     "@testing-library/user-event": "14.6.1",
     "@types/pascalcase": "1.0.3",
     "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.19",
     "concurrently": "9.2.4",
     "nodemon": "3.1.14",
-    "publint": "0.3.22",
+    "publint": "0.3.21",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "typescript": "5.9.3",
-    "vitest": "4.1.10"
+    "vitest": "3.2.6"
   },
   "peerDependencies": {
     "react": "18.3.1"