@cedarjs/forms 0.0.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Cedar
+
+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/README.md

@@ -0,0 +1,33 @@
+# Forms
+
+<!-- toc -->
+
+- [Purpose and Vision](#Purpose-and-Vision)
+- [Package Lead](#Package-Lead)
+- [Roadmap](#Roadmap)
+- [Contributing](#Contributing)
+- [FAQ](#FAQ)
+
+## Purpose and Vision
+
+Summarize the project's values, purpose, and aspirational vision.
+
+## Package Lead
+
+Identify the decision maker and/or go-to for questions.
+
+## Roadmap
+
+Similar to Purpose and Vision, but more concrete, comprising near-term priorities and long-term goals.
+
+## Contributing
+
+Explains how to contribute by addressing the following three points:
+
+1. Core technologies a contributor should be a familiar with.
+2. How this package fits into the Redwood Framework, if it depends on other Redwood packages, etc.
+3. The structure of the package and/or an explanation of its contents.
+
+## FAQ
+
+Answers to frequently asked questions.

package/dist/CheckboxField.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { FieldProps } from './FieldProps';
+export interface CheckboxFieldProps extends Omit<FieldProps<HTMLInputElement>, 'type' | 'emptyAs'>, Omit<React.ComponentPropsWithRef<'input'>, 'name' | 'type'> {
+}
+/** Renders an `<input type="checkbox">` field */
+export declare const CheckboxField: React.ForwardRefExoticComponent<Omit<CheckboxFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=CheckboxField.d.ts.map

package/dist/CheckboxField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../src/CheckboxField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAI9C,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,EAC5D,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAAG;AAElE,iDAAiD;AACjD,eAAO,MAAM,aAAa,0GAkDzB,CAAA"}

package/dist/CheckboxField.js

@@ -0,0 +1,85 @@
+"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");
+var import_useRegister = require("./useRegister");
+const CheckboxField = (0, import_react.forwardRef)(
+  ({
+    name,
+    id,
+    // for useErrorStyles
+    errorClassName,
+    errorStyle,
+    className,
+    style,
+    // for useRegister
+    validation,
+    onBlur,
+    onChange,
+    ...rest
+  }, ref) => {
+    const styles = (0, import_useErrorStyles.useErrorStyles)({
+      name,
+      errorClassName,
+      errorStyle,
+      className,
+      style
+    });
+    const type = "checkbox";
+    const useRegisterReturn = (0, import_useRegister.useRegister)(
+      {
+        name,
+        validation,
+        onBlur,
+        onChange,
+        type
+      },
+      ref
+    );
+    return /* @__PURE__ */ import_react.default.createElement(
+      "input",
+      {
+        id: id || name,
+        ...rest,
+        type,
+        ...styles,
+        ...useRegisterReturn
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxField
+});

package/dist/FieldError.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+export interface FieldErrorProps extends React.ComponentPropsWithoutRef<'span'> {
+    /**
+     * The name of the field the `<FieldError>`'s associated with.
+     */
+    name: string;
+}
+/**
+ * Renders a `<span>` with an error message if there's a validation error on the corresponding field.
+ * If no error message is provided, a default one is used based on the type of validation that caused the error.
+ *
+ * @example Displaying a validation error message with `<FieldError>`
+ *
+ * `<FieldError>` doesn't render (i.e. returns `null`) when there's no error on `<TextField>`.
+ *
+ * ```jsx
+ * <Label name="name" errorClassName="error">
+ *   Name
+ * </Label>
+ * <TextField
+ *   name="name"
+ *   validation={{ required: true }}
+ *   errorClassName="error"
+ * />
+ * <FieldError name="name" className="error" />
+ * ```
+ *
+ * @see {@link https://redwoodjs.com/docs/tutorial/chapter3/forms#fielderror}
+ *
+ * @privateRemarks
+ *
+ * This is basically a helper for a common pattern you see in `react-hook-form`:
+ *
+ * ```jsx
+ * <form onSubmit={handleSubmit(onSubmit)}>
+ *   <input {...register("firstName", { required: true })} />
+ *   {errors.firstName?.type === 'required' && "First name is required"}
+ * ```
+ *
+ * @see {@link https://react-hook-form.com/get-started#Handleerrors}
+ */
+export declare const FieldError: ({ name, ...rest }: FieldErrorProps) => React.JSX.Element | null;
+//# sourceMappingURL=FieldError.d.ts.map

package/dist/FieldError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../src/FieldError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC;IAC9C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,UAAU,sBAAuB,eAAe,6BAe5D,CAAA"}

package/dist/FieldError.js

@@ -0,0 +1,56 @@
+"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",
+  minLength: "is too short",
+  maxLength: "is too long",
+  min: "is too low",
+  max: "is too high",
+  validate: "is not valid"
+};
+const FieldError = ({ name, ...rest }) => {
+  const {
+    formState: { errors }
+  } = (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__ */ import_react.default.createElement("span", { ...rest }, errorMessage) : null;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FieldError
+});

package/dist/FieldProps.d.ts

@@ -0,0 +1,26 @@
+import type { EmptyAsValue, RedwoodRegisterOptions } from './coercion';
+/**
+ * The main interface, just to have some sort of source of truth.
+ *
+ * @typeParam E - The type of element; we're only ever working with a few HTMLElements.
+ *
+ * `extends` constrains the generic while `=` provides a default.
+ *
+ * @see {@link https://www.typescriptlang.org/docs/handbook/2/generics.html#generic-constraints}
+ *
+ * @internal
+ */
+export interface FieldProps<Element extends HTMLTextAreaElement | HTMLSelectElement | HTMLInputElement = HTMLInputElement> {
+    name: string;
+    id?: string;
+    emptyAs?: EmptyAsValue;
+    errorClassName?: string;
+    errorStyle?: React.CSSProperties;
+    className?: string;
+    style?: React.CSSProperties;
+    validation?: RedwoodRegisterOptions;
+    type?: string;
+    onBlur?: React.FocusEventHandler<Element>;
+    onChange?: React.ChangeEventHandler<Element>;
+}
+//# sourceMappingURL=FieldProps.d.ts.map

package/dist/FieldProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldProps.d.ts","sourceRoot":"","sources":["../src/FieldProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAEtE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,UAAU,CACzB,OAAO,SACH,mBAAmB,GACnB,iBAAiB,GACjB,gBAAgB,GAAG,gBAAgB;IAEvC,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;CAC7C"}

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.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { FieldValues, UseFormReturn, UseFormProps } from 'react-hook-form';
+export interface FormProps<TFieldValues extends FieldValues> extends Omit<React.ComponentPropsWithRef<'form'>, 'onSubmit'> {
+    error?: any;
+    /**
+     * The methods returned by `useForm`.
+     * This prop is only necessary if you've called `useForm` yourself to get
+     * access to one of its functions, like `reset`.
+     *
+     * @example
+     *
+     * ```typescript
+     * const formMethods = useForm<FormData>()
+     *
+     * const onSubmit = (data: FormData) => {
+     *  sendDataToServer(data)
+     *  formMethods.reset()
+     * }
+     *
+     * return (
+     *   <Form formMethods={formMethods} onSubmit={onSubmit}>
+     * )
+     * ```
+     */
+    formMethods?: UseFormReturn<TFieldValues>;
+    /**
+     * Configures how React Hook Form performs validation, among other things.
+     *
+     * @example
+     *
+     * ```jsx
+     * <Form config={{ mode: 'onBlur' }}>
+     * ```
+     *
+     * @see {@link https://react-hook-form.com/api/useform}
+     */
+    config?: UseFormProps<TFieldValues>;
+    onSubmit?: (value: TFieldValues, event?: React.BaseSyntheticEvent) => void;
+}
+export declare const Form: <TFieldValues extends FieldValues>(props: FormProps<TFieldValues> & React.RefAttributes<HTMLFormElement>) => React.ReactElement | null;
+//# sourceMappingURL=Form.d.ts.map

package/dist/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAI/E,MAAM,WAAW,SAAS,CAAC,YAAY,SAAS,WAAW,CACzD,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC7D,KAAK,CAAC,EAAE,GAAG,CAAA;IACX;;;;;;;;;;;;;;;;;;;OAmBG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IACzC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAA;CAC3E;AAgDD,eAAO,MAAM,IAAI,EAA4B,CAAC,YAAgC,SAAX,WAAW,EAC5E,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,KAClE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA"}

package/dist/Form.js

@@ -0,0 +1,69 @@
+"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");
+function FormInner({
+  config,
+  error: errorProps,
+  formMethods: propFormMethods,
+  onSubmit,
+  children,
+  ...rest
+}, ref) {
+  const hookFormMethods = (0, import_react_hook_form.useForm)(config);
+  const formMethods = propFormMethods || hookFormMethods;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "form",
+    {
+      ref,
+      ...rest,
+      onSubmit: formMethods.handleSubmit(
+        (data, event) => onSubmit?.(data, event)
+      )
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_ServerErrorsContext.ServerErrorsContext.Provider,
+      {
+        value: errorProps?.graphQLErrors?.[0]?.extensions?.properties?.messages || {}
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_react_hook_form.FormProvider, { ...formMethods }, children)
+    )
+  );
+}
+const Form = (0, import_react.forwardRef)(FormInner);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Form
+});

package/dist/FormError.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { GraphQLFormattedError } from 'graphql';
+export interface ServerParseError extends Error {
+    response: Response;
+    statusCode: number;
+    bodyText: string;
+}
+export interface ServerError extends Error {
+    response: Response;
+    statusCode: number;
+    result: Record<string, any>;
+}
+export interface RWGqlError {
+    message: string;
+    graphQLErrors: readonly GraphQLFormattedError[];
+    networkError: Error | ServerParseError | ServerError | null;
+}
+export type RwGqlErrorProperties = Record<string, Record<string, string[]>>;
+interface FormErrorProps {
+    error?: RWGqlError;
+    wrapperClassName?: string;
+    wrapperStyle?: React.CSSProperties;
+    titleClassName?: string;
+    titleStyle?: React.CSSProperties;
+    listClassName?: string;
+    listStyle?: React.CSSProperties;
+    listItemClassName?: string;
+    listItemStyle?: React.CSSProperties;
+}
+/**
+ * Big error message at the top of the page explaining everything that's wrong
+ * with the form fields in this form
+ */
+declare const FormError: ({ error, wrapperClassName, wrapperStyle, titleClassName, titleStyle, listClassName, listStyle, listItemClassName, listItemStyle, }: FormErrorProps) => React.JSX.Element | null;
+export default FormError;
+//# sourceMappingURL=FormError.d.ts.map

package/dist/FormError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormError.d.ts","sourceRoot":"","sources":["../src/FormError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,MAAM,WAAW,gBAAiB,SAAQ,KAAK;IAC7C,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK;IACxC,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,SAAS,qBAAqB,EAAE,CAAA;IAC/C,YAAY,EAAE,KAAK,GAAG,gBAAgB,GAAG,WAAW,GAAG,IAAI,CAAA;CAC5D;AAED,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;AAE3E,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACpC;AAED;;;GAGG;AACH,QAAA,MAAM,SAAS,uIAUZ,cAAc,6BAyEhB,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/FormError.js

@@ -0,0 +1,90 @@
+"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,
+  wrapperStyle,
+  titleClassName,
+  titleStyle,
+  listClassName,
+  listStyle,
+  listItemClassName,
+  listItemStyle
+}) => {
+  if (!error) {
+    return null;
+  }
+  let rootMessage = error.message;
+  const messages = [];
+  const hasGraphQLError = !!error.graphQLErrors?.[0];
+  const hasNetworkError = !!error.networkError && Object.keys(error.networkError).length > 0;
+  if (hasGraphQLError) {
+    rootMessage = error.graphQLErrors[0].message ?? "Something went wrong";
+    if (error.graphQLErrors[0]?.extensions?.code === "BAD_USER_INPUT") {
+      rootMessage = "Errors prevented this form from being saved";
+    }
+    const properties = error.graphQLErrors[0].extensions?.["properties"];
+    const propertyMessages = properties?.["messages"];
+    if (propertyMessages) {
+      for (const e in propertyMessages) {
+        propertyMessages[e].forEach((fieldError) => {
+          messages.push(fieldError);
+        });
+      }
+    }
+  } else if (hasNetworkError) {
+    rootMessage = rootMessage ?? "An error has occurred";
+    if (Object.prototype.hasOwnProperty.call(error.networkError, "bodyText")) {
+      const netErr = error.networkError;
+      messages.push(`${netErr.name}: ${netErr.bodyText}`);
+    } else if (Object.prototype.hasOwnProperty.call(error.networkError, "result")) {
+      const netErr = error.networkError;
+      netErr.result.errors?.forEach((error2) => {
+        if (typeof error2.message === "string") {
+          if (error2.message.indexOf(";") >= 0) {
+            messages.push(error2.message?.split(";")[1]);
+          } else {
+            messages.push(error2.message);
+          }
+        }
+      });
+    }
+  }
+  if (!rootMessage) {
+    return null;
+  }
+  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;

package/dist/InputComponents.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { FieldProps } from './FieldProps';
+/**
+ * All the types we'll be generating named `<InputFields>` for (which is basically all of them).
+ * Note that `'checkbox'` isn't here because we handle it separately above.
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types}
+ */
+declare const INPUT_TYPES: readonly ["button", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week"];
+type InputType = (typeof INPUT_TYPES)[number];
+export interface InputFieldProps extends Omit<FieldProps<HTMLInputElement>, 'type'>, Omit<React.ComponentPropsWithRef<'input'>, 'name' | 'type'> {
+    /**
+     * @privateRemarks
+     *
+     * With this typing, passing `'checkbox'` to `<InputField>`'s type is an error, which,
+     * at face value, feels like it shouldn't be.
+     *
+     * Even though we provide a separate `<CheckboxField>`, maybe we should reconsider the typing here?
+     */
+    type?: InputType;
+}
+/**
+ * Renders an `<input>` field.
+ *
+ * @see {@link https://redwoodjs.com/docs/forms#input-fields}
+ */
+export declare const InputField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const ButtonField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, ColorField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, DateField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, DatetimeLocalField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, EmailField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, FileField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, HiddenField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, ImageField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, MonthField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, NumberField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, PasswordField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, RadioField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, RangeField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, ResetField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, SearchField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, SubmitField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, TelField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, TextField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, TimeField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, UrlField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>, WeekField: React.ForwardRefExoticComponent<Omit<InputFieldProps, "type">>;
+export {};
+//# sourceMappingURL=InputComponents.d.ts.map

package/dist/InputComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputComponents.d.ts","sourceRoot":"","sources":["../src/InputComponents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAI9C;;;;;GAKG;AACH,QAAA,MAAM,WAAW,gNAsBP,CAAA;AAEV,KAAK,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAChD,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7D;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,uGAkDtB,CAAA;AA2BD,eAAO,MACL,WAAW,kEACX,UAAU,kEACV,SAAS,kEACT,kBAAkB,kEAClB,UAAU,kEACV,SAAS,kEACT,WAAW,kEACX,UAAU,kEACV,UAAU,kEACV,WAAW,kEACX,aAAa,kEACb,UAAU,kEACV,UAAU,kEACV,UAAU,kEACV,WAAW,kEACX,WAAW,kEACX,QAAQ,kEACR,SAAS,kEACT,SAAS,kEACT,QAAQ,kEACR,SAAS,gEACQ,CAAA"}