@prokodo/ui 0.0.37 → 0.0.39

package/dist/components/drawer/Drawer.module.scss.js

@@ -1,33 +1,36 @@
 const slideInLeft = "slideInLeft";
+const slideOutLeft = "slideOutLeft";
 const slideInRight = "slideInRight";
+const slideOutRight = "slideOutRight";
 const slideInTop = "slideInTop";
+const slideOutTop = "slideOutTop";
 const slideInBottom = "slideInBottom";
+const slideOutBottom = "slideOutBottom";
 const gradientMove = "gradientMove";
 const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
-  "prokodo-Drawer": "prokodo-Drawer",
+  "prokodo-Drawer__backdrop": "prokodo-Drawer__backdrop",
+  "prokodo-Drawer__backdrop--open": "prokodo-Drawer__backdrop--open",
   "prokodo-Drawer__container": "prokodo-Drawer__container",
-  "prokodo-Drawer__container--fullscreen": "prokodo-Drawer__container--fullscreen",
   "prokodo-Drawer__container--open": "prokodo-Drawer__container--open",
+  "prokodo-Drawer__container--fullscreen": "prokodo-Drawer__container--fullscreen",
   "prokodo-Drawer__container--anchor-left": "prokodo-Drawer__container--anchor-left",
-  "prokodo-Drawer__container--anchor-left--enter": "prokodo-Drawer__container--anchor-left--enter",
+  "prokodo-Drawer__container--anchor-left--open": "prokodo-Drawer__container--anchor-left--open",
   slideInLeft,
-  "prokodo-Drawer__container--anchor-left--exit": "prokodo-Drawer__container--anchor-left--exit",
+  slideOutLeft,
   "prokodo-Drawer__container--anchor-right": "prokodo-Drawer__container--anchor-right",
-  "prokodo-Drawer__container--anchor-right--enter": "prokodo-Drawer__container--anchor-right--enter",
+  "prokodo-Drawer__container--anchor-right--open": "prokodo-Drawer__container--anchor-right--open",
   slideInRight,
-  "prokodo-Drawer__container--anchor-right--exit": "prokodo-Drawer__container--anchor-right--exit",
+  slideOutRight,
   "prokodo-Drawer__container--anchor-top": "prokodo-Drawer__container--anchor-top",
-  "prokodo-Drawer__container--anchor-top--enter": "prokodo-Drawer__container--anchor-top--enter",
+  "prokodo-Drawer__container--anchor-top--open": "prokodo-Drawer__container--anchor-top--open",
   slideInTop,
-  "prokodo-Drawer__container--anchor-top--exit": "prokodo-Drawer__container--anchor-top--exit",
+  slideOutTop,
   "prokodo-Drawer__container--anchor-bottom": "prokodo-Drawer__container--anchor-bottom",
-  "prokodo-Drawer__container--anchor-bottom--enter": "prokodo-Drawer__container--anchor-bottom--enter",
+  "prokodo-Drawer__container--anchor-bottom--open": "prokodo-Drawer__container--anchor-bottom--open",
   slideInBottom,
-  "prokodo-Drawer__container--anchor-bottom--exit": "prokodo-Drawer__container--anchor-bottom--exit",
+  slideOutBottom,
   "prokodo-Drawer__header": "prokodo-Drawer__header",
-  "prokodo-Drawer__header__title": "prokodo-Drawer__header__title",
-  "prokodo-Drawer__header--has-title": "prokodo-Drawer__header--has-title",
   "prokodo-Drawer__content": "prokodo-Drawer__content",
   gradientMove,
   fadeInKeyframe
@@ -39,5 +42,9 @@ export {
   slideInBottom,
   slideInLeft,
   slideInRight,
-  slideInTop
+  slideInTop,
+  slideOutBottom,
+  slideOutLeft,
+  slideOutRight,
+  slideOutTop
 };

package/dist/components/drawer/Drawer.server.js

@@ -0,0 +1,12 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { DrawerView } from "./Drawer.view.js";
+function DrawerServer(props) {
+  if (Boolean(props == null ? void 0 : props.open)) return null;
+  return /* @__PURE__ */ jsx(DrawerView, { ...props });
+}
+__name(DrawerServer, "DrawerServer");
+export {
+  DrawerServer as default
+};

package/dist/components/drawer/Drawer.view.js

@@ -0,0 +1,75 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { create } from "../../helpers/bem.js";
+import { isString } from "../../helpers/validations.js";
+import styles from "./Drawer.module.scss.js";
+import { Button } from "../button/Button.js";
+import { Headline } from "../headline/Headline.js";
+const bem = create(styles, "Drawer");
+const DrawerView = /* @__PURE__ */ __name(({
+  open,
+  title,
+  titleProps,
+  anchor = "left",
+  fullscreen = false,
+  renderHeader,
+  closeButtonRef,
+  closeButtonProps,
+  containerRef,
+  className,
+  containerClassName,
+  children,
+  onClose,
+  backdropProps,
+  ...rest
+}) => {
+  const isOpen = Boolean(open);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: bem("backdrop", { open: isOpen }),
+      ...backdropProps,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: containerRef,
+          "aria-labelledby": isString(title) ? "drawer-title" : void 0,
+          "aria-modal": "true",
+          role: "dialog",
+          className: bem(
+            "container",
+            {
+              open: isOpen,
+              [`anchor-${anchor}`]: true,
+              [`anchor-${anchor}--open`]: isOpen,
+              fullscreen
+            },
+            containerClassName
+          ),
+          ...rest,
+          children: [
+            /* @__PURE__ */ jsx("div", { className: bem("header"), children: renderHeader ? renderHeader() : /* @__PURE__ */ jsxs(Fragment, { children: [
+              isString(title) && /* @__PURE__ */ jsx(Headline, { size: "md", ...titleProps, id: "drawer-title", children: title }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  "aria-label": "Close drawer",
+                  iconProps: { name: "Cancel01Icon", size: "sm" },
+                  variant: "text",
+                  ...closeButtonProps,
+                  ref: closeButtonRef,
+                  onClick: /* @__PURE__ */ __name(() => onClose == null ? void 0 : onClose("escapeKeyDown"), "onClick")
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx("div", { className: bem("content", void 0, className), children })
+          ]
+        }
+      )
+    }
+  );
+}, "DrawerView");
+export {
+  DrawerView
+};

package/dist/components/drawer/index.js

@@ -1,6 +1,4 @@
-import { Drawer, renderDrawerCloseButton, renderDrawerTitle } from "./Drawer.js";
+import { Drawer } from "./Drawer.js";
 export {
-  Drawer,
-  renderDrawerCloseButton,
-  renderDrawerTitle
+  Drawer
 };

package/dist/components/form/Form.client.js

@@ -0,0 +1,176 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { memo, useState, useEffect, useCallback, useMemo } from "react";
+import { isString } from "../../helpers/validations.js";
+import { FormView } from "./Form.view.js";
+const FormClient = memo((props) => {
+  const {
+    disabled,
+    fields,
+    defaultFields,
+    messages: initialMessages,
+    onSubmit,
+    onChangeForm,
+    messagesFields,
+    hideResponse,
+    ...restProps
+  } = props;
+  const [formState, setFormState] = useState(fields ?? []);
+  const [formMessages, setFormMessages] = useState(
+    initialMessages
+  );
+  const [honeypotValue, setHoneypotValue] = useState("");
+  useEffect(() => {
+    if (initialMessages !== void 0) {
+      setFormMessages(initialMessages);
+    }
+  }, [initialMessages]);
+  const updateSingleField = useCallback(
+    (index, update) => {
+      setFormState((prev) => {
+        const clone = [...prev];
+        clone[index] = { ...clone[index], ...update };
+        return clone;
+      });
+      if (onChangeForm) {
+        onChangeForm({ ...formState[index], ...update });
+      }
+    },
+    [formState, onChangeForm]
+  );
+  const handleFieldValidate = useCallback(
+    (field, err) => {
+      if (field.errorText === err) {
+        return;
+      }
+      const idx = formState.findIndex((f) => (f == null ? void 0 : f.name) === (field == null ? void 0 : field.name));
+      if (idx < 0) return;
+      updateSingleField(idx, { errorText: err });
+      setFormMessages((prev) => {
+        const updatedErrors = {
+          ...(prev == null ? void 0 : prev.errors) ?? {}
+        };
+        if (isString(err)) {
+          updatedErrors[field.label ?? ""] = [err];
+        } else {
+          delete updatedErrors[field.label ?? ""];
+        }
+        return {
+          errors: Object.keys(updatedErrors).length > 0 ? updatedErrors : void 0
+        };
+      });
+    },
+    [formState, updateSingleField]
+  );
+  const handleFieldChange = useCallback(
+    (field, value) => {
+      const idx = formState.findIndex((f) => f.name === field.name);
+      if (idx < 0) return;
+      if (!field.conditions || field.conditions.length === 0) {
+        updateSingleField(idx, { value });
+        return;
+      }
+      defaultFields == null ? void 0 : defaultFields.forEach((defField, i) => {
+        var _a;
+        if (Boolean((_a = defField.conditions) == null ? void 0 : _a.some((c) => c.fieldId === field.name))) {
+          updateSingleField(i, defaultFields[i]);
+        }
+      });
+      const matched = (field.conditions ?? []).filter((c) => {
+        if (value === void 0 || c.equalTo === void 0) return true;
+        if (typeof c.equalTo === "boolean" && c.equalTo === value) {
+          return true;
+        }
+        if (typeof c.equalTo === "string") {
+          return c.equalTo === value;
+        }
+        if (Array.isArray(c.equalTo) && typeof value === "string") {
+          return c.equalTo.includes(value);
+        }
+        return false;
+      });
+      matched.forEach((c) => {
+        const idx2 = formState.findIndex((f) => f.name === c.fieldId);
+        if (idx2 >= 0) {
+          updateSingleField(idx2, c.updateProps);
+        }
+      });
+      updateSingleField(idx, { value });
+    },
+    [defaultFields, formState, updateSingleField]
+  );
+  const handleHpChange = useCallback(
+    (e) => {
+      setHoneypotValue(e.target.value);
+    },
+    []
+  );
+  const validateFullForm = useCallback(() => {
+    const errors = {};
+    formState.forEach((field) => {
+      var _a, _b, _c, _d;
+      if (Boolean(field.required) && (field.value === void 0 || field.value === "" || Array.isArray(field.value) && field.value.length === 0) && field.visible !== false) {
+        const errMsg = ((_b = (_a = messagesFields == null ? void 0 : messagesFields.errors) == null ? void 0 : _a.input) == null ? void 0 : _b["required"]) ?? "This field is required";
+        if (!errors[field.label ?? ""]) {
+          errors[field.label ?? ""] = [];
+        }
+        (_c = errors[field.label ?? ""]) == null ? void 0 : _c.push(errMsg);
+      }
+      if (isString(field.errorText)) {
+        if (!errors[field.label ?? ""]) {
+          errors[field.label ?? ""] = [];
+        }
+        (_d = errors[field.label ?? ""]) == null ? void 0 : _d.push(field.errorText);
+      }
+    });
+    return {
+      errors: Object.keys(errors).length > 0 ? errors : void 0
+    };
+  }, [formState, messagesFields]);
+  const handleFormSubmit = useCallback(
+    (e) => {
+      e.preventDefault();
+      const { errors } = validateFullForm();
+      setFormMessages({ errors });
+      if (!errors) {
+        onSubmit == null ? void 0 : onSubmit(formState);
+      }
+    },
+    [formState, onSubmit, validateFullForm]
+  );
+  const isFormValid = useMemo(() => {
+    if (Boolean(hideResponse)) {
+      return formState.every((f) => {
+        if (Boolean(f.required) && f.value === void 0 && Boolean(f.visible) !== false) {
+          return false;
+        }
+        return true;
+      });
+    }
+    return true;
+  }, [formState, hideResponse]);
+  return /* @__PURE__ */ jsx(
+    FormView,
+    {
+      ...restProps,
+      disabled,
+      formMessages,
+      formState,
+      isFormValid,
+      fieldProps: {
+        onChange: handleFieldChange,
+        onValidate: handleFieldValidate
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      },
+      honeypot: {
+        value: honeypotValue,
+        onChange: handleHpChange
+      },
+      onFormSubmit: handleFormSubmit
+    }
+  );
+});
+FormClient.displayName = "FormClient";
+export {
+  FormClient
+};

package/dist/components/form/Form.js

@@ -1,291 +1,12 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { memo, useState, useEffect, useCallback, useMemo, Fragment } from "react";
-import { create } from "../../helpers/bem.js";
-import { isArray, isString } from "../../helpers/validations.js";
-import styles from "./Form.module.scss.js";
-import { FormField } from "./FormField.js";
-import { FormResponse } from "./FormResponse.js";
-import { Grid } from "../grid/Grid.js";
-import { Button } from "../button/Button.js";
-import { Headline } from "../headline/Headline.server.js";
-const bem = create(styles, "Form");
-const Form = memo(
-  ({
-    variant = "primary",
-    action,
-    label,
-    className,
-    fields,
-    disableFields,
-    hideResponse,
-    defaultFields,
-    messages,
-    messagesFields,
-    button,
-    children,
-    onSubmit,
-    onChangeForm,
-    ...props
-  }) => {
-    const [form, setForm] = useState(fields ?? []);
-    const [formMessages, setFormMessages] = useState(
-      messages
-    );
-    const [hp, setHp] = useState("");
-    useEffect(() => {
-      if (messages !== void 0) {
-        setFormMessages(messages);
-      }
-    }, [messages]);
-    const updateFormState = useCallback(
-      (index, props2) => {
-        setForm((prevData) => {
-          const newArray = [...prevData];
-          newArray[index] = {
-            ...newArray[index],
-            ...props2
-          };
-          return newArray;
-        });
-        if (onChangeForm) {
-          onChangeForm({
-            ...form[index],
-            ...props2
-          });
-        }
-      },
-      [form, onChangeForm]
-    );
-    const filterConditions = useCallback(
-      (conditions, value) => conditions.filter((e) => {
-        if (value === void 0 || e.equalTo === void 0 || typeof e.equalTo === "boolean" && e.equalTo === value)
-          return true;
-        if (typeof e.equalTo === "string") {
-          return e.equalTo === value;
-        }
-        if (Array.isArray(e.equalTo) && typeof value === "string") {
-          return e.equalTo.includes(value);
-        }
-        return false;
-      }),
-      []
-    );
-    const handleFilterConditions = useCallback(
-      (conditions, value) => {
-        if (value !== void 0 && isArray(value)) {
-          return value.flatMap(
-            (val) => filterConditions(conditions, val)
-          );
-        }
-        return filterConditions(conditions, value);
-      },
-      [filterConditions]
-    );
-    const getFieldIndex = useCallback(
-      (field) => form.findIndex((e) => (e == null ? void 0 : e.name) === (field == null ? void 0 : field.name)),
-      [form]
-    );
-    const resetFieldConditions = useCallback(
-      (changedField) => {
-        var _a, _b;
-        const fieldIndex = form.findIndex(
-          (field) => (field == null ? void 0 : field.name) === (changedField == null ? void 0 : changedField.name)
-        );
-        const defaultField = defaultFields == null ? void 0 : defaultFields[fieldIndex];
-        if (defaultField === void 0) return;
-        (_b = (_a = defaultFields == null ? void 0 : defaultFields[fieldIndex]) == null ? void 0 : _a.conditions) == null ? void 0 : _b.forEach((con) => {
-          const index = defaultFields.findIndex(
-            (field) => (field == null ? void 0 : field.name) === (con == null ? void 0 : con.fieldId)
-          );
-          if (defaultFields[index] === void 0) return;
-          updateFormState(index, defaultFields[index]);
-        });
-        return;
-      },
-      [defaultFields, form, updateFormState]
-    );
-    const handleChangeField = useCallback(
-      (field, value) => {
-        const conditions = field == null ? void 0 : field.conditions;
-        if (!conditions || (conditions == null ? void 0 : conditions.length) <= 0) {
-          const index2 = getFieldIndex(field);
-          updateFormState(index2, { value });
-          return;
-        }
-        resetFieldConditions(field);
-        handleFilterConditions(conditions, value).forEach((con) => {
-          const conditionalFieldIndex = form.findIndex(
-            (field2) => (field2 == null ? void 0 : field2.name) === (con == null ? void 0 : con.fieldId)
-          );
-          updateFormState(conditionalFieldIndex, con.updateProps);
-        });
-        const index = getFieldIndex(field);
-        updateFormState(index, { value });
-      },
-      [
-        form,
-        getFieldIndex,
-        resetFieldConditions,
-        handleFilterConditions,
-        updateFormState
-      ]
-    );
-    const handleValidationField = useCallback(
-      (field, errorText) => {
-        const fieldIndex = form.findIndex((e) => (e == null ? void 0 : e.name) === (field == null ? void 0 : field.name));
-        updateFormState(fieldIndex, {
-          errorText
-        });
-        const label2 = (field == null ? void 0 : field.label) ?? "";
-        setFormMessages((prevState) => {
-          const updatedErrors = { ...prevState == null ? void 0 : prevState.errors };
-          const newErrors = errorText !== void 0 ? [errorText] : [];
-          if (newErrors.length > 0) {
-            updatedErrors[label2] = newErrors;
-          } else {
-            delete updatedErrors[label2];
-          }
-          return {
-            ...prevState,
-            errors: Object.keys(updatedErrors).length > 0 ? updatedErrors : void 0
-            // Only keep errors if there are any
-          };
-        });
-      },
-      [form, updateFormState]
-    );
-    const renderField = useCallback(
-      (field) => /* @__PURE__ */ jsx(
-        FormField,
-        {
-          ...field,
-          "aria-labelledby": `${field == null ? void 0 : field.label}-label`,
-          "aria-required": Boolean(field == null ? void 0 : field.required) ? "true" : void 0,
-          messagesFields,
-          variant,
-          disabled: disableFields !== void 0 ? disableFields : field == null ? void 0 : field.disabled,
-          onChange: handleChangeField,
-          onValidate: handleValidationField
-        }
-      ),
-      [
-        variant,
-        disableFields,
-        messagesFields,
-        handleChangeField,
-        handleValidationField
-      ]
-    );
-    const handleValidationForm = useCallback(() => {
-      var _a;
-      const errors = {};
-      for (const field of form) {
-        const { required, visible, value, label: label2, fieldType } = field;
-        if (label2 === void 0) {
-          continue;
-        }
-        if (!errors[label2]) {
-          errors[label2] = [];
-        }
-        const hasErrorText = fieldType !== "slider" && fieldType !== "switch" && isString(field == null ? void 0 : field.errorText);
-        if (hasErrorText) {
-          errors[label2].push(field == null ? void 0 : field.errorText);
-          continue;
-        }
-        if (Boolean(required) && (value === void 0 || value === "") && visible !== false) {
-          errors[label2].push(
-            ((_a = messagesFields == null ? void 0 : messagesFields.errors) == null ? void 0 : _a.required) ?? "This field is required. Please fill it out."
-          );
-        }
-      }
-      const cleanedErrors = Object.keys(errors).reduce((acc, key) => {
-        if (errors[key] && errors[key].length > 0) {
-          acc[key] = errors[key];
-        }
-        return acc;
-      }, {});
-      return {
-        errors: Object.keys(cleanedErrors).length > 0 ? cleanedErrors : void 0
-      };
-    }, [form, messagesFields]);
-    const handleSubmitForm = useCallback(
-      (e) => {
-        e.preventDefault();
-        const { errors } = handleValidationForm();
-        setFormMessages({
-          errors: errors !== void 0 ? errors : void 0
-        });
-        if (errors === void 0) {
-          onSubmit == null ? void 0 : onSubmit(form);
-        }
-      },
-      [form, handleValidationForm, onSubmit]
-    );
-    const handleHpChange = useCallback(
-      (e) => {
-        var _a;
-        return setHp((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value);
-      },
-      []
-    );
-    const isFormValid = useMemo(
-      () => Boolean(hideResponse) ? form.every((field) => {
-        const { value } = field;
-        if (Boolean(field == null ? void 0 : field.required) && (value === void 0 || value === "" || Array.isArray(value) && (value == null ? void 0 : value.length) <= 0) && (field == null ? void 0 : field.visible) !== false) {
-          return false;
-        }
-        return true;
-      }) : true,
-      [form, hideResponse]
-    );
-    return /* @__PURE__ */ jsxs(
-      "form",
-      {
-        ...props,
-        noValidate: true,
-        action,
-        "aria-labelledby": "form-heading",
-        className: bem(void 0, void 0, className),
-        onSubmit: action === void 0 ? handleSubmitForm : void 0,
-        children: [
-          /* @__PURE__ */ jsx(Headline, { className: bem("label"), id: "form-heading", type: "h2", children: label }),
-          /* @__PURE__ */ jsxs(Grid, { spacing: 2, children: [
-            isArray(form) && form.map((field) => /* @__PURE__ */ jsx(Fragment, { children: renderField(field) }, `form-input-${field.name}`)),
-            children,
-            renderField({
-              fieldType: "input",
-              label: "Do not fill this field",
-              labelProps: {
-                "aria-hidden": "true"
-              },
-              name: "hp",
-              id: "hp",
-              "aria-hidden": "true",
-              // Hide honeypot field from assistive technology
-              className: bem("hp"),
-              value: hp,
-              onChange: handleHpChange
-            })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: bem("footer"), children: [
-            (hideResponse === false || hideResponse === void 0) && /* @__PURE__ */ jsx(FormResponse, { messages: formMessages }),
-            (hp == null ? void 0 : hp.length) <= 0 && /* @__PURE__ */ jsx(
-              Button,
-              {
-                "aria-label": "Submit form",
-                className: bem("footer__submit"),
-                color: variant,
-                type: "submit",
-                ...button,
-                disabled: (formMessages == null ? void 0 : formMessages.errors) !== void 0 || !isFormValid
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { createIsland } from "../../helpers/createIsland.js";
+import FormServer from "./Form.server.js";
+const Form = createIsland({
+  name: "Form",
+  Server: FormServer,
+  loadLazy: /* @__PURE__ */ __name(() => import("./Form.lazy.js"), "loadLazy")
+});
 Form.displayName = "Form";
 export {
   Form

package/dist/components/form/Form.lazy.js

@@ -0,0 +1,12 @@
+"use client";
+import { createLazyWrapper } from "../../helpers/createLazyWrapper.js";
+import { FormClient } from "./Form.client.js";
+import FormServer from "./Form.server.js";
+const Form_lazy = createLazyWrapper({
+  name: "Form",
+  Client: FormClient,
+  Server: FormServer
+});
+export {
+  Form_lazy as default
+};

package/dist/components/form/Form.module.scss.js

@@ -2,6 +2,8 @@ const gradientMove = "gradientMove";
 const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
   "prokodo-Form__label": "prokodo-Form__label",
+  "prokodo-Form__label--is-hidden": "prokodo-Form__label--is-hidden",
+  "prokodo-Form__grid": "prokodo-Form__grid",
   "prokodo-Form__hp": "prokodo-Form__hp",
   "prokodo-Form__footer": "prokodo-Form__footer",
   "prokodo-Form__footer__submit": "prokodo-Form__footer__submit",

package/dist/components/form/Form.server.js

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { FormView } from "./Form.view.js";
+const FormServer = /* @__PURE__ */ __name((props) => {
+  const {
+    fields,
+    messages,
+    ...rest
+  } = props;
+  const emptyState = fields ?? [];
+  const initialMessages = messages;
+  const alwaysValid = true;
+  return /* @__PURE__ */ jsx(
+    FormView,
+    {
+      ...rest,
+      formMessages: initialMessages,
+      formState: emptyState,
+      isFormValid: alwaysValid,
+      honeypot: {
+        value: ""
+      },
+      onFormSubmit: /* @__PURE__ */ __name(() => void 0, "onFormSubmit")
+    }
+  );
+}, "FormServer");
+export {
+  FormServer as default
+};