@page-speed/forms 0.7.4 → 0.7.5

package/dist/integration.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkMBOEVE6D_cjs = require('./chunk-MBOEVE6D.cjs');
-var chunk3VSPIJNK_cjs = require('./chunk-3VSPIJNK.cjs');
-var chunkPDMFWP5I_cjs = require('./chunk-PDMFWP5I.cjs');
+var chunkT2SLAP65_cjs = require('./chunk-T2SLAP65.cjs');
+var chunkK7ZHLPLX_cjs = require('./chunk-K7ZHLPLX.cjs');
+var chunkIGI4JJKE_cjs = require('./chunk-IGI4JJKE.cjs');
 var React2 = require('react');
 var icon = require('@page-speed/icon');
 
@@ -395,7 +395,7 @@ function generateValidationSchema(fields) {
       acc[field.name] = (value, allValues) => {
         if (field.required) {
           if (!value || typeof value === "string" && !value.trim()) {
-            const displayName = field.label || chunkPDMFWP5I_cjs.humanizeFieldName(field.name);
+            const displayName = field.label || chunkIGI4JJKE_cjs.humanizeFieldName(field.name);
             return `${displayName} is required`;
           }
         }
@@ -567,7 +567,7 @@ function useContactForm(options) {
       window.location.assign(destination);
     }, 150);
   }, [navigate, redirectUrl]);
-  const form = chunkMBOEVE6D_cjs.useForm({
+  const form = chunkT2SLAP65_cjs.useForm({
     initialValues: React2.useMemo(
       () => generateInitialValues(formFields),
       [formFields]
@@ -664,11 +664,11 @@ function DynamicFormField({
 }) {
   const fieldId = field.name;
   const usesChoiceCard = React2__namespace.useMemo(() => {
-    return chunkPDMFWP5I_cjs.fieldIsChoiceCard(field);
+    return chunkIGI4JJKE_cjs.fieldIsChoiceCard(field);
   }, [field.type, field.options]);
   const fieldClassName = React2__namespace.useMemo(() => {
     if (usesChoiceCard) {
-      return "p-4 border rounded rounded-lg bg-muted/20";
+      return "p-4 border rounded rounded-lg";
     } else {
       return "";
     }
@@ -677,16 +677,16 @@ function DynamicFormField({
   const usesInlineCheckboxLabel = field.type === "checkbox";
   const shouldRenderFieldLabel = renderLabel && !usesGroupLegend && !usesInlineCheckboxLabel;
   return /* @__PURE__ */ React2__namespace.createElement(
-    chunkMBOEVE6D_cjs.Field,
+    chunkT2SLAP65_cjs.Field,
     {
       name: field.name,
       label: shouldRenderFieldLabel ? field.label : void 0,
       description: shouldRenderFieldLabel ? field.description : void 0,
       required: field.required,
-      className: chunkPDMFWP5I_cjs.cn(fieldClassName, className)
+      className: chunkIGI4JJKE_cjs.cn(fieldClassName, className)
     },
     ({ field: formField, meta }) => /* @__PURE__ */ React2__namespace.createElement("div", null, (field.type === "text" || field.type === "email" || field.type === "tel" || field.type === "search" || field.type === "password" || field.type === "url") && /* @__PURE__ */ React2__namespace.createElement(
-      chunkPDMFWP5I_cjs.TextInput,
+      chunkIGI4JJKE_cjs.TextInput,
       {
         ...formField,
         id: fieldId,
@@ -698,7 +698,7 @@ function DynamicFormField({
         iconStart: getDefaultIconStart(field)
       }
     ), field.type === "number" && /* @__PURE__ */ React2__namespace.createElement(
-      chunkPDMFWP5I_cjs.TextInput,
+      chunkIGI4JJKE_cjs.TextInput,
       {
         ...formField,
         id: fieldId,
@@ -709,7 +709,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "textarea" && /* @__PURE__ */ React2__namespace.createElement(
-      chunk3VSPIJNK_cjs.TextArea,
+      chunkK7ZHLPLX_cjs.TextArea,
       {
         ...formField,
         id: fieldId,
@@ -720,7 +720,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "select" && field.options && /* @__PURE__ */ React2__namespace.createElement(
-      chunk3VSPIJNK_cjs.Select,
+      chunkK7ZHLPLX_cjs.Select,
       {
         ...formField,
         id: fieldId,
@@ -731,7 +731,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "multi-select" && field.options && /* @__PURE__ */ React2__namespace.createElement(
-      chunk3VSPIJNK_cjs.MultiSelect,
+      chunkK7ZHLPLX_cjs.MultiSelect,
       {
         ...formField,
         id: fieldId,
@@ -742,7 +742,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "radio" && field.options && /* @__PURE__ */ React2__namespace.createElement(
-      chunk3VSPIJNK_cjs.Radio,
+      chunkK7ZHLPLX_cjs.Radio,
       {
         ...formField,
         id: fieldId,
@@ -756,7 +756,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "checkbox" && /* @__PURE__ */ React2__namespace.createElement(
-      chunk3VSPIJNK_cjs.Checkbox,
+      chunkK7ZHLPLX_cjs.Checkbox,
       {
         ...formField,
         id: fieldId,
@@ -770,7 +770,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "checkbox-group" && field.options && /* @__PURE__ */ React2__namespace.createElement(
-      chunk3VSPIJNK_cjs.CheckboxGroup,
+      chunkK7ZHLPLX_cjs.CheckboxGroup,
       {
         ...formField,
         id: fieldId,
@@ -784,7 +784,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), (field.type === "date-picker" || field.type === "date") && /* @__PURE__ */ React2__namespace.createElement(
-      chunk3VSPIJNK_cjs.DatePicker,
+      chunkK7ZHLPLX_cjs.DatePicker,
       {
         ...formField,
         id: fieldId,
@@ -794,7 +794,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "date-range" && /* @__PURE__ */ React2__namespace.createElement(
-      chunk3VSPIJNK_cjs.DateRangePicker,
+      chunkK7ZHLPLX_cjs.DateRangePicker,
       {
         ...formField,
         id: fieldId,
@@ -804,7 +804,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "time" && /* @__PURE__ */ React2__namespace.createElement(
-      chunk3VSPIJNK_cjs.TimePicker,
+      chunkK7ZHLPLX_cjs.TimePicker,
       {
         ...formField,
         id: fieldId,
@@ -814,7 +814,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "file" && /* @__PURE__ */ React2__namespace.createElement(
-      chunk3VSPIJNK_cjs.FileInput,
+      chunkK7ZHLPLX_cjs.FileInput,
       {
         ...formField,
         id: fieldId,
@@ -954,7 +954,7 @@ function FormEngine(props) {
     };
   }, [isButtonGroup, buttonGroupSetup, api]);
   return /* @__PURE__ */ React2__namespace.createElement("div", { className: styleRules?.formContainer }, /* @__PURE__ */ React2__namespace.createElement(
-    chunkMBOEVE6D_cjs.Form,
+    chunkT2SLAP65_cjs.Form,
     {
       form,
       fields: isButtonGroup ? formFields : void 0,
@@ -974,7 +974,7 @@ function FormEngine(props) {
     !isButtonGroup && /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(
       "div",
       {
-        className: chunkPDMFWP5I_cjs.cn(
+        className: chunkIGI4JJKE_cjs.cn(
           "grid grid-cols-12 space-y-8 gap-x-6 md:gap-x-8",
           styleRules?.fieldsContainer
         )
@@ -983,7 +983,7 @@ function FormEngine(props) {
         "div",
         {
           key: field.name,
-          className: chunkPDMFWP5I_cjs.cn(
+          className: chunkIGI4JJKE_cjs.cn(
             getColumnSpanClass(field.columnSpan ?? 12),
             "min-w-0"
           )
@@ -1001,7 +1001,7 @@ function FormEngine(props) {
         )
       ))
     ), /* @__PURE__ */ React2__namespace.createElement(
-      chunkPDMFWP5I_cjs.Button,
+      chunkIGI4JJKE_cjs.Button,
       {
         type: "submit",
         variant: submitButtonSetup?.submitVariant ?? DEFAULT_BUTTON_VARIANT,